jssz-meeting-component 1.1.13 → 1.1.15

package/dist/index.esm.js

@@ -17,7 +17,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return __privateGet(obj, member, getter);
   }
 });
-import { createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, reactive, createApp, effectScope, ref, markRaw, toRaw as toRaw$1, watch, unref, computed, isRef as isRef$1, isReactive as isReactive$1, toRef, hasInjectionContext, inject, getCurrentInstance, nextTick, getCurrentScope, onScopeDispose, toRefs, createStaticVNode, defineComponent, resolveDynamicComponent, onBeforeUnmount, Teleport, withDirectives, withModifiers, renderSlot, vShow, vModelText, createVNode, Fragment, renderList, onMounted, resolveDirective, createTextVNode, onUnmounted, withKeys, resolveComponent, TransitionGroup, mergeProps, vModelSelect } from "vue";
+import { createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, reactive, createApp, effectScope, ref, markRaw, toRaw as toRaw$1, watch, unref, computed, isRef as isRef$1, isReactive as isReactive$1, toRef, hasInjectionContext, inject, getCurrentInstance, nextTick, getCurrentScope, onScopeDispose, toRefs, createStaticVNode, defineComponent, resolveDynamicComponent, onBeforeUnmount, withDirectives, withModifiers, renderSlot, vShow, vModelText, createVNode, Fragment, renderList, onMounted, resolveDirective, createTextVNode, onUnmounted, Teleport, withKeys, resolveComponent, TransitionGroup, mergeProps, vModelSelect } from "vue";
 const draggable = {
   mounted(el2, binding) {
     const options = {
@@ -163,8 +163,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target2;
 };
-const _hoisted_1$16 = { class: "loading-spinner" };
-const _sfc_main$1b = {
+const _hoisted_1$17 = { class: "loading-spinner" };
+const _sfc_main$1c = {
   __name: "Loading",
   props: {
     visible: Boolean,
@@ -186,7 +186,7 @@ const _sfc_main$1b = {
             class: normalizeClass(["loading-mask", { "is-fullscreen": __props.fullscreen }]),
             style: normalizeStyle({ backgroundColor: __props.background, zIndex: __props.zIndex })
           }, [
-            createElementVNode("div", _hoisted_1$16, [
+            createElementVNode("div", _hoisted_1$17, [
               _cache[0] || (_cache[0] = createElementVNode("svg", {
                 class: "spinner",
                 xmlns: "http://www.w3.org/2000/svg",
@@ -220,7 +220,7 @@ const _sfc_main$1b = {
     };
   }
 };
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-585832f8"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-ba22629b"]]);
 function createDirective(globalOptions = {}) {
   function createInstance2(el2, binding) {
     const fullscreen = el2 === document.body;
@@ -20420,7 +20420,7 @@ async function readMyInfo() {
 async function initializeMeetingMQTT(options = {}) {
   const myInfo = options.myInfo || await readMyInfo();
   const loginDevice = toText(myInfo.currentDevice).trim();
-  const brokerUrl = "wss://testdcs.jingshuosz.cn" + DEFAULT_MQTT_PATH;
+  const brokerUrl = "wss://dcs.jingshuosz.cn" + DEFAULT_MQTT_PATH;
   const responseTopic = buildResponseTopic(loginDevice);
   const nextRuntime = {
     brokerUrl,
@@ -20941,6 +20941,358 @@ const getUserAvatar = (user) => {
   var _a25, _b25, _c2, _d;
   return ((_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.avatar) || ((_c2 = (_b25 = user == null ? void 0 : user.member) == null ? void 0 : _b25.name) == null ? void 0 : _c2.charAt(0)) || ((_d = user == null ? void 0 : user.memberName) == null ? void 0 : _d.charAt(0)) || "?";
 };
+function createEmptyMetricDetails() {
+  return {
+    localAudios: [],
+    localVideos: [],
+    remoteAudios: [],
+    remoteVideos: []
+  };
+}
+const DEFAULT_NETWORK_QUALITY_STATE = {
+  level: "unknown",
+  label: "--",
+  score: 0,
+  stats: null,
+  details: createEmptyMetricDetails(),
+  summary: "暂无网络数据",
+  updatedAt: 0,
+  metricTime: 0,
+  isStale: false,
+  isOffline: false
+};
+const NETWORK_METRIC_POLL_INTERVAL = 2e3;
+const METRIC_STALE_THRESHOLD_MS = 15e3;
+const STALE_CONFIRMATION_COUNT = 2;
+let lastMetricSignature = "";
+let lastMetricChangeAt = 0;
+let lastMetricTime = 0;
+let staleHitCount = 0;
+const networkQualityState = reactive({
+  ...DEFAULT_NETWORK_QUALITY_STATE
+});
+let networkMetricTimer = null;
+let metricGetterRef = null;
+function readMetricEntry(metric, key) {
+  if (!metric) return void 0;
+  const mapMetric = metric;
+  if (typeof mapMetric.get === "function") {
+    return mapMetric.get(key);
+  }
+  return mapMetric[key];
+}
+function isMetricObject(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function hasMetricTimestamp(value) {
+  return isMetricObject(value) && typeof value.timestamp === "number";
+}
+function normalizeMetricList(input) {
+  if (!input) return [];
+  if (Array.isArray(input)) {
+    return input.flatMap((item) => normalizeMetricList(item));
+  }
+  if (input instanceof Map) {
+    return Array.from(input.values()).flatMap(
+      (item) => normalizeMetricList(item)
+    );
+  }
+  if (!isMetricObject(input)) {
+    return [];
+  }
+  const record = input;
+  if (hasMetricTimestamp(record)) {
+    return [record];
+  }
+  if (hasMetricTimestamp(record.stats)) {
+    return [{ ...record, ...record.stats }];
+  }
+  return Object.values(record).flatMap((item) => normalizeMetricList(item));
+}
+function normalizeLossRate(lossRate) {
+  if (typeof lossRate !== "number" || Number.isNaN(lossRate)) {
+    return 0;
+  }
+  if (lossRate <= 1) {
+    return lossRate * 100;
+  }
+  return lossRate;
+}
+function scoreDelay(delay) {
+  if (delay <= 120) return 100;
+  if (delay <= 200) return 80;
+  if (delay <= 300) return 60;
+  if (delay <= 450) return 30;
+  return 0;
+}
+function scoreLoss(lossRate) {
+  if (lossRate <= 2) return 100;
+  if (lossRate <= 5) return 75;
+  if (lossRate <= 8) return 55;
+  if (lossRate <= 12) return 25;
+  return 0;
+}
+function scoreUpLevel(upLevel) {
+  if (typeof upLevel !== "number" || Number.isNaN(upLevel)) {
+    return 70;
+  }
+  if (upLevel <= 0) {
+    return 70;
+  }
+  if (upLevel >= 5) return 100;
+  if (upLevel >= 4) return 85;
+  if (upLevel >= 3) return 70;
+  if (upLevel >= 2) return 50;
+  if (upLevel >= 1) return 25;
+  return 0;
+}
+function evaluateNetworkQuality(stats) {
+  console.log(stats);
+  const delay = Number(stats.delay || 0);
+  const lossUp = normalizeLossRate(stats.lossrate_up);
+  const lossDown = normalizeLossRate(stats.lossrate_down);
+  const maxLossRate = Math.max(lossUp, lossDown);
+  const upLevel = Number(stats.up_level);
+  const delayScore = scoreDelay(delay);
+  const lossScore = scoreLoss(maxLossRate);
+  const upLevelScore = scoreUpLevel(upLevel);
+  const score = Math.round(
+    delayScore * 0.45 + lossScore * 0.4 + upLevelScore * 0.15
+  );
+  const hardPoor = delay >= 450 || maxLossRate >= 12 || !Number.isNaN(upLevel) && upLevel > 0 && upLevel <= 1;
+  const hardExcellent = delay <= 150 && maxLossRate <= 3 && (Number.isNaN(upLevel) || upLevel <= 0 || upLevel >= 4);
+  let level = "good";
+  let label = "良";
+  if (hardPoor || score < 50) {
+    level = "poor";
+    label = "差";
+  } else if (hardExcellent || score >= 80) {
+    level = "excellent";
+    label = "优";
+  }
+  return {
+    level,
+    label,
+    score,
+    stats,
+    details: createEmptyMetricDetails(),
+    summary: `延迟 ${delay}ms / 最大丢包 ${maxLossRate.toFixed(1)}% / 上行等级 ${Number.isNaN(upLevel) ? "--" : upLevel}`
+  };
+}
+function buildNetworkMetricDetails(metric) {
+  return {
+    localAudios: normalizeMetricList(
+      readMetricEntry(metric, "local_audios")
+    ),
+    localVideos: normalizeMetricList(
+      readMetricEntry(metric, "local_videos")
+    ),
+    remoteAudios: normalizeMetricList(
+      readMetricEntry(metric, "remote_raudios") ?? readMetricEntry(metric, "remote_audios")
+    ),
+    remoteVideos: normalizeMetricList(
+      readMetricEntry(metric, "remote_videos")
+    )
+  };
+}
+function resetNetworkQualityState() {
+  lastMetricSignature = "";
+  lastMetricChangeAt = 0;
+  lastMetricTime = 0;
+  staleHitCount = 0;
+  Object.assign(networkQualityState, {
+    ...DEFAULT_NETWORK_QUALITY_STATE,
+    details: createEmptyMetricDetails()
+  });
+}
+function setNetworkQualityOffline() {
+  lastMetricSignature = "";
+  lastMetricChangeAt = 0;
+  lastMetricTime = 0;
+  staleHitCount = 0;
+  Object.assign(networkQualityState, {
+    ...DEFAULT_NETWORK_QUALITY_STATE,
+    level: "poor",
+    label: "差",
+    details: createEmptyMetricDetails(),
+    summary: "网络连接已断开",
+    isOffline: true,
+    isStale: true
+  });
+}
+function formatNetworkLossRate(value) {
+  if (typeof value !== "number" || Number.isNaN(value)) {
+    return "--";
+  }
+  const normalized = value <= 1 ? value * 100 : value;
+  return `${normalized.toFixed(1)}%`;
+}
+function formatNetworkNumber(value, suffix = "") {
+  if (typeof value !== "number" || Number.isNaN(value)) {
+    return "--";
+  }
+  return `${value}${suffix}`;
+}
+function formatMetricBytes(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(2)} KB`;
+  }
+  return `${value} B`;
+}
+function formatNetworkUpdatedAt(timestamp) {
+  if (!timestamp) {
+    return "--";
+  }
+  const date = new Date(timestamp);
+  const hours = `${date.getHours()}`.padStart(2, "0");
+  const minutes = `${date.getMinutes()}`.padStart(2, "0");
+  const seconds = `${date.getSeconds()}`.padStart(2, "0");
+  return `${hours}:${minutes}:${seconds}`;
+}
+function formatMetricTimestamp(timestamp) {
+  if (typeof timestamp !== "number" || Number.isNaN(timestamp)) {
+    return "--";
+  }
+  const ms = timestamp > 1e12 ? timestamp : timestamp * 1e3;
+  return formatNetworkUpdatedAt(ms);
+}
+function formatMetricDimension(width, height) {
+  if (typeof width !== "number" || Number.isNaN(width) || typeof height !== "number" || Number.isNaN(height)) {
+    return "--";
+  }
+  return `${width} x ${height}`;
+}
+function formatMetricReason(value) {
+  if (!value) {
+    return "--";
+  }
+  return value;
+}
+function formatMetricRawValue(value) {
+  if (typeof value !== "number" || Number.isNaN(value)) {
+    return "--";
+  }
+  return `${value}`;
+}
+function getNetworkSignalBars(level) {
+  switch (level) {
+    case "excellent":
+      return 4;
+    case "good":
+      return 3;
+    case "poor":
+      return 1;
+    default:
+      return 0;
+  }
+}
+function buildMetricSignature(metricTime, stats) {
+  return JSON.stringify([
+    metricTime,
+    stats.delay,
+    stats.bitrate_up,
+    stats.bitrate_down,
+    stats.lossrate_up,
+    stats.lossrate_down,
+    stats.up_level,
+    stats.pkt_up,
+    stats.pkt_down,
+    stats.pkt_loss_up,
+    stats.pkt_loss_down
+  ]);
+}
+function updateNetworkQuality(getMetric = metricGetterRef) {
+  try {
+    if (!getMetric) {
+      resetNetworkQualityState();
+      return;
+    }
+    if (typeof navigator !== "undefined" && navigator.onLine === false) {
+      setNetworkQualityOffline();
+      return;
+    }
+    const metric = getMetric();
+    const metricTime = Number(readMetricEntry(metric, "time") || 0);
+    const stats = readMetricEntry(metric, "network");
+    if (!stats) {
+      resetNetworkQualityState();
+      return;
+    }
+    const now = Date.now();
+    let hasFreshHeartbeat = false;
+    if (metricTime > 0) {
+      hasFreshHeartbeat = metricTime !== lastMetricTime;
+      if (hasFreshHeartbeat) {
+        lastMetricTime = metricTime;
+        lastMetricChangeAt = now;
+        staleHitCount = 0;
+      }
+    } else {
+      const metricSignature = buildMetricSignature(metricTime, stats);
+      hasFreshHeartbeat = metricSignature !== lastMetricSignature;
+      if (hasFreshHeartbeat) {
+        lastMetricSignature = metricSignature;
+        lastMetricChangeAt = now;
+        staleHitCount = 0;
+      }
+    }
+    if (lastMetricChangeAt === 0) {
+      lastMetricChangeAt = now;
+    }
+    const staleByFrozenMetric = lastMetricChangeAt > 0 && now - lastMetricChangeAt >= METRIC_STALE_THRESHOLD_MS;
+    if (staleByFrozenMetric) {
+      staleHitCount += 1;
+      if (staleHitCount < STALE_CONFIRMATION_COUNT) {
+        return;
+      }
+      Object.assign(networkQualityState, {
+        ...DEFAULT_NETWORK_QUALITY_STATE,
+        level: "poor",
+        label: "差",
+        details: createEmptyMetricDetails(),
+        metricTime,
+        updatedAt: networkQualityState.updatedAt,
+        isStale: true,
+        summary: "网络数据已停止更新"
+      });
+      return;
+    }
+    staleHitCount = 0;
+    const details = buildNetworkMetricDetails(metric);
+    Object.assign(networkQualityState, evaluateNetworkQuality(stats), {
+      details,
+      updatedAt: now,
+      metricTime,
+      isStale: false,
+      isOffline: false
+    });
+  } catch (_2) {
+    resetNetworkQualityState();
+  }
+}
+function startNetworkQualityPolling(getMetric) {
+  metricGetterRef = getMetric;
+  stopNetworkQualityPolling();
+  metricGetterRef = getMetric;
+  updateNetworkQuality(getMetric);
+  networkMetricTimer = window.setInterval(() => {
+    updateNetworkQuality(getMetric);
+  }, NETWORK_METRIC_POLL_INTERVAL);
+}
+function stopNetworkQualityPolling() {
+  if (networkMetricTimer) {
+    window.clearInterval(networkMetricTimer);
+    networkMetricTimer = null;
+  }
+  metricGetterRef = null;
+  resetNetworkQualityState();
+}
 class SpeechDetector {
   constructor() {
     __publicField(this, "audioContext");
@@ -35870,7 +36222,7 @@ const srtc = new fn({
   logTarget: an.NONE
 });
 srtc.onNotifyChannelEvent = async (evt) => {
-  var _a25, _b25, _c2, _d, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m;
+  var _a25, _b25, _c2, _d, _e2, _f2, _g2, _h, _i2, _j, _k, _l2, _m, _n;
   switch (evt.type) {
     case Kr.USER_TRACK_ADD: {
       const payload = evt.data;
@@ -36005,9 +36357,14 @@ srtc.onNotifyChannelEvent = async (evt) => {
     case Kr.TRACK_AUTOPLAY_FAIL:
       break;
     case Kr.DISCONNECTED:
+      if (((_l2 = evt.data) == null ? void 0 : _l2.reason) === 1) {
+        resetNetworkQualityState();
+      } else {
+        setNetworkQualityOffline();
+      }
       break;
     case Kr.CHANNEL_UPDATE:
-      isChannelShare.value = ((_m = (_l2 = evt.data) == null ? void 0 : _l2.props) == null ? void 0 : _m.share_state) || false;
+      isChannelShare.value = ((_n = (_m = evt.data) == null ? void 0 : _m.props) == null ? void 0 : _n.share_state) || false;
       break;
   }
 };
@@ -36017,6 +36374,7 @@ async function joinRoom() {
   );
   await srtc.join(meetingInfo.meetingToken);
   await afterJoin();
+  startNetworkQualityPolling(() => srtc.getStreamMetric());
 }
 async function afterJoin() {
   const _joinTime = sessionStorage.getItem("joinTime");
@@ -36533,6 +36891,7 @@ async function closeScreen() {
   }
 }
 function logoutRoomAction() {
+  stopNetworkQualityPolling();
   srtc.leave();
   meetingStore$1.clearMembers();
   try {
@@ -36777,8 +37136,8 @@ function uninstallMeetingMessageHandlers() {
 }
 function checkTimeSync() {
 }
-const _sfc_main$1a = {};
-const _hoisted_1$15 = {
+const _sfc_main$1b = {};
+const _hoisted_1$16 = {
   t: "1754374039448",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36789,7 +37148,7 @@ const _hoisted_1$15 = {
   height: "200"
 };
 function _sfc_render$G(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$15, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$16, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M889.130667 390.869333a42.666667 42.666667 0 0 0-60.330667-60.330666L512 647.338667 195.2 330.538667a42.666667 42.666667 0 0 0-60.330667 60.330666l346.965334 346.965334a42.666667 42.666667 0 0 0 60.330666 0L889.173333 390.826667z",
       fill: "currentColor",
@@ -36797,9 +37156,9 @@ function _sfc_render$G(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const DownArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$G]]);
-const _sfc_main$19 = {};
-const _hoisted_1$14 = {
+const DownArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$G]]);
+const _sfc_main$1a = {};
+const _hoisted_1$15 = {
   t: "1754375677572",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36810,7 +37169,7 @@ const _hoisted_1$14 = {
   height: "200"
 };
 function _sfc_render$F(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M889.130667 633.130667a42.666667 42.666667 0 0 1-60.330667 60.330666L512 376.661333l-316.8 316.8a42.666667 42.666667 0 1 1-60.330667-60.330666l346.965334-346.965334a42.666667 42.666667 0 0 1 60.330666 0l346.965334 346.965334z",
       fill: "currentColor",
@@ -36818,9 +37177,9 @@ function _sfc_render$F(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const UpArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$F]]);
-const _sfc_main$18 = {};
-const _hoisted_1$13 = {
+const UpArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$F]]);
+const _sfc_main$19 = {};
+const _hoisted_1$14 = {
   t: "1753862439543",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36829,7 +37188,7 @@ const _hoisted_1$13 = {
   "p-id": "5721"
 };
 function _sfc_render$E(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$14, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M511.752 70.5c-86.605 0-156.835 69.734-156.835 155.747l0 273.812c0 86.013 70.23 155.748 156.835 155.748 86.602 0 156.832-69.735 156.832-155.748L668.584 226.247C668.584 140.234 598.354 70.5 511.752 70.5L511.752 70.5 511.752 70.5zM243.854 461.102c-18.051 0-32.649 14.496-32.649 32.451 0 2.269 0.197 4.436 0.689 6.506l-0.689 0c0 151.605 113.922 276.578 261.386 295.713l0 80.687-52.275 0c-21.702 0-39.257 17.458-39.257 38.964 0 21.499 17.555 38.957 39.257 38.957l182.969 0c21.701 0 39.256-17.458 39.256-38.957 0-21.506-17.555-38.964-39.256-38.964L551.01 876.459l0-80.687c143.119-18.543 254.383-137.002 260.691-282.688 0.396-2.072 0.695-4.243 0.695-6.512 0-0.79-0.197-1.479-0.197-2.167 0-1.483 0.197-2.86 0.197-4.345l-0.695 0c-3.058-14.795-16.172-25.94-32.057-25.94-15.782 0-28.999 11.145-32.057 25.94l-0.688 0c0 129.019-105.344 233.572-235.249 233.572-129.903 0-235.249-104.554-235.249-233.572l-0.689 0c0.396-2.07 0.689-4.237 0.689-6.506C276.503 475.598 261.906 461.102 243.854 461.102L243.854 461.102 243.854 461.102zM243.854 461.102",
       fill: "currentColor",
@@ -36837,9 +37196,9 @@ function _sfc_render$E(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const MicrophoneIcon = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$E]]);
-const _sfc_main$17 = {};
-const _hoisted_1$12 = {
+const MicrophoneIcon = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$E]]);
+const _sfc_main$18 = {};
+const _hoisted_1$13 = {
   t: "1753862439543",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36848,7 +37207,7 @@ const _hoisted_1$12 = {
   "p-id": "5721"
 };
 function _sfc_render$D(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$12, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M511.752 70.5c-86.605 0-156.835 69.734-156.835 155.747l0 273.812c0 86.013 70.23 155.748 156.835 155.748 86.602 0 156.832-69.735 156.832-155.748L668.584 226.247C668.584 140.234 598.354 70.5 511.752 70.5L511.752 70.5 511.752 70.5zM243.854 461.102c-18.051 0-32.649 14.496-32.649 32.451 0 2.269 0.197 4.436 0.689 6.506l-0.689 0c0 151.605 113.922 276.578 261.386 295.713l0 80.687-52.275 0c-21.702 0-39.257 17.458-39.257 38.964 0 21.499 17.555 38.957 39.257 38.957l182.969 0c21.701 0 39.256-17.458 39.256-38.957 0-21.506-17.555-38.964-39.256-38.964L551.01 876.459l0-80.687c143.119-18.543 254.383-137.002 260.691-282.688 0.396-2.072 0.695-4.243 0.695-6.512 0-0.79-0.197-1.479-0.197-2.167 0-1.483 0.197-2.86 0.197-4.345l-0.695 0c-3.058-14.795-16.172-25.94-32.057-25.940-15.782 0-28.999 11.145-32.057 25.94l-0.688 0c0 129.019-105.344 233.572-235.249 233.572-129.903 0-235.249-104.554-235.249-233.572l-0.689 0c0.396-2.07 0.689-4.237 0.689-6.506C276.503 475.598 261.906 461.102 243.854 461.102L243.854 461.102 243.854 461.102zM243.854 461.102",
       fill: "currentColor",
@@ -36865,9 +37224,9 @@ function _sfc_render$D(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const MicrophoneSlashIcon = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$D]]);
-const _sfc_main$16 = {};
-const _hoisted_1$11 = {
+const MicrophoneSlashIcon = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$D]]);
+const _sfc_main$17 = {};
+const _hoisted_1$12 = {
   t: "1753863855158",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36876,7 +37235,7 @@ const _hoisted_1$11 = {
   "p-id": "27803"
 };
 function _sfc_render$C(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$11, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$12, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M868.032 287.808a64 64 0 0 1 101.056 51.648l2.624 302.592a64 64 0 0 1-102.752 51.456l-206.912-157.536a64 64 0 0 1 1.728-103.104l204.256-145.056z",
       fill: "currentColor",
@@ -36889,9 +37248,9 @@ function _sfc_render$C(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const CameraIcon = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$C]]);
-const _sfc_main$15 = {};
-const _hoisted_1$10 = {
+const CameraIcon = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$C]]);
+const _sfc_main$16 = {};
+const _hoisted_1$11 = {
   t: "1753863855158",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36900,7 +37259,7 @@ const _hoisted_1$10 = {
   "p-id": "27803"
 };
 function _sfc_render$B(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$10, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$11, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M868.032 287.808a64 64 0 0 1 101.056 51.648l2.624 302.592a64 64 0 0 1-102.752 51.456l-206.912-157.536a64 64 0 0 1 1.728-103.104l204.256-145.056z",
       fill: "currentColor",
@@ -36922,9 +37281,9 @@ function _sfc_render$B(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const CameraSlashIcon = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$B]]);
-const _sfc_main$14 = {};
-const _hoisted_1$$ = {
+const CameraSlashIcon = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$B]]);
+const _sfc_main$15 = {};
+const _hoisted_1$10 = {
   t: "1754376473419",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36935,7 +37294,7 @@ const _hoisted_1$$ = {
   height: "200"
 };
 function _sfc_render$A(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$$, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$10, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M174.97790503 141.21142578h235.91546655c9.3092649 0 17.22930884 3.29754663 23.86395264 9.88769508 6.5505979 6.59509253 9.86792016 14.52996803 9.86792016 23.79968309 0 9.27465844-3.31237817 17.30841065-9.86792016 23.79968238-6.63464379 6.69891334-14.55468773 9.88769508-23.86395264 9.88769508H256.31903076l211.96746802 211.82409667c6.67419434 6.69891334 10.00140405 14.63378883 10.00140405 23.90350389 0 9.37353516-3.32720971 17.30346656-10.00140405 23.8985591-6.67419434 6.59509253-14.68322754 9.88769508-23.96777343 9.88769579-8.9483645 0-16.91290307-3.29260253-23.95788527-9.78387499l-211.69555688-211.92297339v154.53973364c0 9.37353516-3.29260253 17.30346656-9.89758324 23.89855981-6.59014916 6.59509253-14.53491211 9.89263916-23.82934546 9.89263916-9.30432153 0-17.25402856-3.29754663-23.83923364-9.88769507-6.60003662-6.59509253-9.88769508-14.52996803-9.88769508-23.9035039V175.00262475c0-9.26971435 3.28765845-17.20458984 9.88769508-23.89855981C157.67938257 144.6127932 165.63403297 141.21142578 174.9334104 141.21142578h0.04449463z m404.45617677 404.27325415c9.30432153 0 17.30346656 3.29754663 23.95788597 9.9915166l211.96252465 212.02679419v-154.64355445c0-9.26971435 3.31237817-17.20458984 9.87780762-23.794739 6.60003662-6.59509253 14.52008057-9.88769508 23.85406447-9.88769508 9.3092649 0 17.21942138 3.29260253 23.83428955 9.88769508C879.47619605 595.64990234 882.78857422 603.58972192 882.78857422 612.85449219v236.03411889c0 9.26971435-3.32720971 17.20458984-10.00140405 23.90350317-6.67419434 6.69396997-14.68817163 9.99151587-23.96777344 9.99151588h-235.92040991c-9.3092649 0-17.25402856-3.29754663-23.82934547-9.88769507-6.6049807-6.59509253-9.88275171-14.52996803-9.88275171-23.79968238 0-9.27465844 3.27777099-17.20458984 9.87780763-23.79968309 6.58520508-6.59509253 14.52502465-9.88769508 23.83428955-9.88769508h154.56939673L555.50585961 603.37713623c-6.46655273-6.90161156-9.70971656-14.83154297-9.70971727-24.00238061 0-9.27465844 3.30743408-17.30841065 9.86792016-23.90350318 6.60992408-6.69396997 14.55468773-10.09533667 23.82934547-10.09533667l-0.05932617 0.09887671z",
       "p-id": "7095",
@@ -36943,9 +37302,9 @@ function _sfc_render$A(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$A]]);
-const _sfc_main$13 = {};
-const _hoisted_1$_ = {
+const ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$A]]);
+const _sfc_main$14 = {};
+const _hoisted_1$$ = {
   t: "1754298104659",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36955,7 +37314,7 @@ const _hoisted_1$_ = {
   "data-spm-anchor-id": "a313x.search_index.0.i3.37153a814680OH"
 };
 function _sfc_render$z(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$_, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$$, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z",
       fill: "currentColor",
@@ -36963,9 +37322,9 @@ function _sfc_render$z(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$z]]);
-const _sfc_main$12 = {};
-const _hoisted_1$Z = {
+const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$z]]);
+const _sfc_main$13 = {};
+const _hoisted_1$_ = {
   t: "1754371851482",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36976,7 +37335,7 @@ const _hoisted_1$Z = {
   height: "200"
 };
 function _sfc_render$y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Z, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$_, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M863.7 552.5H160.3c-10.6 0-19.2-8.6-19.2-19.2v-41.7c0-10.6 8.6-19.2 19.2-19.2h703.3c10.6 0 19.2 8.6 19.2 19.2v41.7c0 10.6-8.5 19.2-19.1 19.2z",
       "p-id": "2388",
@@ -36984,9 +37343,9 @@ function _sfc_render$y(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const MinimizeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$y]]);
-const _sfc_main$11 = {};
-const _hoisted_1$Y = {
+const MinimizeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$y]]);
+const _sfc_main$12 = {};
+const _hoisted_1$Z = {
   t: "1753863696578",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -36995,7 +37354,7 @@ const _hoisted_1$Y = {
   "p-id": "23605"
 };
 function _sfc_render$x(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Y, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$Z, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M787.328 941.909333c21.845333 0 39.424 18.858667 39.424 41.045334V1024H196.693333v-41.045333s17.578667-41.045333 39.466667-41.045334zM905.130667 0C970.709333 0 1023.488 54.912 1024 122.581333v573.568c0 68.266667-53.333333 123.178667-118.357333 123.178667h-275.584v41.045333c0 19.968-17.578667 41.045333-39.424 41.045334h-157.269334c-21.845333 0-39.424-18.346667-39.424-41.045334v-41.045333h-275.626666c-65.536 0-118.314667-55.466667-118.314667-123.178667V122.581333C0 54.912 52.778667 0 118.357333 0z m0 694.485333c-22.4 0-40.533333 19.413333-40.533334 42.709334 0 23.893333 18.133333 42.752 40.533334 42.752 22.912 0 41.045333-19.456 41.045333-42.752 0-23.850667-18.645333-42.666667-41.045333-42.666667z m0.512-612.949333H118.357333c-21.888 0-39.466667 18.346667-39.466666 41.045333v491.52c0 22.698667 17.578667 41.002667 39.466666 41.002667h787.285334c21.888 0 39.466667-18.304 39.466666-41.045333V122.581333c0-22.741333-17.578667-41.045333-39.466666-41.045333z m-355.541334 78.08c4.821333 0 11.264 2.858667 18.602667 8.362667 4.650667 3.882667 13.141333 10.752 25.216 20.693333l41.514667 34.048a5493.802667 5493.802667 0 0 1 87.210666 72.789333c8.746667 7.253333 16.938667 15.189333 24.533334 23.722667 5.333333 6.016 8.021333 11.733333 8.021333 16.64a15.701333 15.701333 0 0 1-5.845333 12.928c-6.144 5.248-13.994667 11.52-24.32 19.242667a13436.842667 13436.842667 0 0 1-94.165334 72.661333c-15.36 11.733333-28.288 21.418667-39.338666 29.610667a420.437333 420.437333 0 0 1-23.296 16.426666c-12.586667 7.936-19.754667 9.642667-23.594667 9.642667a9.898667 9.898667 0 0 1-2.389333-0.298667c-5.248-1.706667-6.912-4.181333-7.68-5.973333V408.405333a12.202667 12.202667 0 0 0-11.946667-12.373333h-2.730667c-36.522667 0-68.821333 4.181333-96.170666 12.458667-27.904 8.448-52.778667 21.333333-73.813334 38.272a254.464 254.464 0 0 0-55.04 63.061333c-8.874667 14.805333-17.749333 31.232-25.898666 48.725333-0.085333-4.266667-0.170667-9.002667-0.170667-14.165333 0-38.954667 5.717333-75.861333 17.066667-109.482667a270.08 270.08 0 0 1 48.64-88.234666 225.066667 225.066667 0 0 1 76.245333-58.794667c28.586667-13.653333 61.354667-20.522667 97.237333-20.522667h3.541334c1.322667-0.042667 2.645333 0 3.925333 0.213334 2.133333 0.341333 4.693333 0.512 7.893333 0.512 3.157333 0 6.229333-1.28 8.533334-3.626667a12.8 12.8 0 0 0 3.413333-8.832l-0.682667-75.477333c1.024-11.946667 6.4-16.64 10.325334-19.072a9.173333 9.173333 0 0 1 5.162666-1.493334z",
       "p-id": "23606",
@@ -37003,9 +37362,9 @@ function _sfc_render$x(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const ShareScrrenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$x]]);
-const _sfc_main$10 = {};
-const _hoisted_1$X = {
+const ShareScrrenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$x]]);
+const _sfc_main$11 = {};
+const _hoisted_1$Y = {
   t: "1753863817781",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37014,7 +37373,7 @@ const _hoisted_1$X = {
   "p-id": "26706"
 };
 function _sfc_render$w(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$X, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$Y, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M497.265778 804.522667c0 85.504 34.986667 162.816 91.306666 218.510222-25.031111 0.625778-50.176 0.910222-75.093333 0.910222-246.840889 0-513.536-26.624-513.536-143.985778v-32.256c0-86.072889 181.987556-173.283556 337.180445-221.184 11.207111-3.470222 85.390222-46.990222 34.816-95.345777-84.878222-76.856889-115.313778-158.776889-117.475556-263.566223 0-163.498667 109.340444-267.662222 257.422222-267.662222 148.138667 0 254.748444 104.049778 254.748445 267.662222-2.446222 104.504889-29.411556 186.083556-113.493334 262.883556a103.253333 103.253333 0 0 0-9.045333 11.946667 306.972444 306.972444 0 0 0-146.830222 262.087111z m307.2 219.420444a219.363556 219.363556 0 1 1 0-438.784 219.363556 219.363556 0 0 1 0 438.784z m-43.861334-263.338667h-58.538666a43.861333 43.861333 0 1 0 0 87.779556h58.538666v58.538667a43.804444 43.804444 0 1 0 87.779556 0v-58.538667h58.538667a43.804444 43.804444 0 1 0 0-87.779556h-58.538667v-58.481777a43.918222 43.918222 0 1 0-87.779556 0v58.481777z",
       fill: "currentColor",
@@ -37022,9 +37381,9 @@ function _sfc_render$w(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const InviteIcon = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$w]]);
-const _sfc_main$$ = {};
-const _hoisted_1$W = {
+const InviteIcon = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$w]]);
+const _sfc_main$10 = {};
+const _hoisted_1$X = {
   t: "1753863952223",
   class: "icon",
   viewBox: "0 0 1025 1024",
@@ -37033,7 +37392,7 @@ const _hoisted_1$W = {
   "p-id": "32469"
 };
 function _sfc_render$v(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$W, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$X, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M344.626 600.536c8.607-3.256 19.065-6.233 31.491-14.042 18.109-11.379 32.062-34.843-1.603-63.595-111.384-160.502-70.843-267.145-53.924-307.317-14.133-5.496-30.208-8.747-48.608-8.747h-5.787c-106.593 0-134.923 96.947-137.085 151.323-1.43 128.215 76.955 179.192 76.955 179.192s4.883 6.742 4.883 26.297c0 4.458-2.906 17.813-7.921 21.847-43.752 35.43-189.787 72.341-199.992 148.665-5.395 22.053-2.168 44.959-1.106 66.186 23.896 18.349 100.454 33.905 100.454 33.905s6.356-19.31 12.808-51.222c9.536-47.171 73.357-123.507 229.435-182.492z m676.565 132.952c-10.484-76.229-160.407-113.09-205.271-148.474-5.151-4.033-8.11-17.367-8.11-21.813 0-19.539 4.972-26.27 4.972-26.27s80.384-50.909 78.882-178.961c-2.191-54.311-36.079-151.135-140.477-151.135h-5.937c-22.504 0-41.425 4.278-57.578 11.272 22.338 74.782 49.177 212.002-63.755 303.96-44.306 66.052 103.281 104.794 80.341 94.485C837.807 676.57 873.75 722.614 883.537 770.22c8.172 39.733 12.808 64.031 12.808 64.031s100.058-15.272 125.936-34.66c1.116-21.204 4.422-44.078-1.09-66.103zM585.685 587.176c-6.312-5.016-9.943-21.612-9.943-27.136 0-24.28 6.077-32.626 6.077-32.626-0.111 0.072 98.734-53.379 96.79-222.424-2.692-67.509-44.256-187.833-172.348-187.833h-7.285c-134.018 0-169.661 120.323-172.366 187.833-1.809 159.138 96.768 222.424 96.768 222.424s11.954 13.634 11.954 37.916c0 5.53-9.485 16.824-15.787 21.847-55.013 43.982-253.102 88.31-265.943 183.044-9.943 40.19-68.755 103.929 126.791 129.589 53.869 7.067 127.043 11.245 225.859 11.245 453.509 0 359.745-87.859 346.999-139.37-12.849-94.73-212.535-140.529-267.566-184.509z",
       "p-id": "32470",
@@ -37041,9 +37400,9 @@ function _sfc_render$v(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const MemberIcon = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$v]]);
-const _sfc_main$_ = {};
-const _hoisted_1$V = {
+const MemberIcon = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$v]]);
+const _sfc_main$$ = {};
+const _hoisted_1$W = {
   t: "1753864379446",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37052,7 +37411,7 @@ const _hoisted_1$V = {
   "p-id": "35667"
 };
 function _sfc_render$u(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$W, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M896 128H128A85.426667 85.426667 0 0 0 42.666667 213.333333v512a85.426667 85.426667 0 0 0 85.333333 85.333334v106.666666a21.333333 21.333333 0 0 0 36.42 15.086667L286.166667 810.666667H896a85.426667 85.426667 0 0 0 85.333333-85.333334V213.333333a85.426667 85.426667 0 0 0-85.333333-85.333333zM298.666667 512a42.666667 42.666667 0 1 1 42.666666-42.666667 42.666667 42.666667 0 0 1-42.666666 42.666667z m213.333333 0a42.666667 42.666667 0 1 1 42.666667-42.666667 42.666667 42.666667 0 0 1-42.666667 42.666667z m213.333333 0a42.666667 42.666667 0 1 1 42.666667-42.666667 42.666667 42.666667 0 0 1-42.666667 42.666667z",
       fill: "currentColor",
@@ -37060,9 +37419,9 @@ function _sfc_render$u(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const ChatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$u]]);
-const _sfc_main$Z = {};
-const _hoisted_1$U = {
+const ChatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$u]]);
+const _sfc_main$_ = {};
+const _hoisted_1$V = {
   t: "1754293305905",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37071,7 +37430,7 @@ const _hoisted_1$U = {
   "p-id": "2467"
 };
 function _sfc_render$t(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$U, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M98.461538 546.953846c0-12.228923 9.176615-18.215385 20.401231-13.272615l86.390154 37.927384c11.224615 4.923077 20.401231 18.944 20.401231 31.172923v49.368616h144.738461l27.963077-60.435692 85.543385 39.778461-40.448 87.433846a47.241846 47.241846 0 0 1-42.870154 27.313231h-174.966154v49.368615c0 12.248615-9.156923 26.249846-20.401231 31.172923l-86.350769 37.96677C107.638154 869.651692 98.461538 863.704615 98.461538 851.456z m814.67077 3.328l-58.978462 126.070154-84.381538-39.227077 143.36-86.843077zM361.491692 161.673846L947.593846 434.136615c22.193231 10.358154 23.236923 29.184 2.284308 41.865847l-262.833231 159.232c-20.952615 12.681846-56.280615 14.611692-78.513231 4.292923l-386.500923-179.672616a44.563692 44.563692 0 0 1-21.582769-59.076923l101.769846-217.6a44.780308 44.780308 0 0 1 59.273846-21.504z",
       fill: "currentColor",
@@ -37079,9 +37438,9 @@ function _sfc_render$t(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const MonitorIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$t]]);
-const _sfc_main$Y = {};
-const _hoisted_1$T = {
+const MonitorIcon = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$t]]);
+const _sfc_main$Z = {};
+const _hoisted_1$U = {
   t: "1753863785787",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37090,7 +37449,7 @@ const _hoisted_1$T = {
   "p-id": "25608"
 };
 function _sfc_render$s(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$T, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 85.333333C299.925333 128 128 299.925333 128 512s171.925333 384 384 384 384-171.925333 384-384S724.074667 128 512 128z m0 234.666667a149.333333 149.333333 0 1 1 0 298.666666 149.333333 149.333333 0 0 1 0-298.666666z",
       fill: "currentColor",
@@ -37098,9 +37457,9 @@ function _sfc_render$s(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const TranscribeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$s]]);
-const _sfc_main$X = {};
-const _hoisted_1$S = {
+const TranscribeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$s]]);
+const _sfc_main$Y = {};
+const _hoisted_1$T = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -37108,7 +37467,7 @@ const _hoisted_1$S = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render$r(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, [..._cache[0] || (_cache[0] = [
     createElementVNode("rect", {
       x: "3",
       y: "3",
@@ -37151,9 +37510,9 @@ function _sfc_render$r(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const GridIcon4 = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$r]]);
-const _sfc_main$W = {};
-const _hoisted_1$R = {
+const GridIcon4 = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$r]]);
+const _sfc_main$X = {};
+const _hoisted_1$S = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -37161,13 +37520,13 @@ const _hoisted_1$R = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render$q(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
     createStaticVNode('<rect x="2" y="2" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="9" y="2" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="16" y="2" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="2" y="9" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="9" y="9" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="16" y="9" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="2" y="16" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="9" y="16" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="16" y="16" width="6" height="6" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect>', 9)
   ])]);
 }
-const GridIcon9 = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$q]]);
-const _sfc_main$V = {};
-const _hoisted_1$Q = {
+const GridIcon9 = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$q]]);
+const _sfc_main$W = {};
+const _hoisted_1$R = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -37175,13 +37534,13 @@ const _hoisted_1$Q = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render$p(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
     createStaticVNode('<rect x="1" y="3" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="6.5" y="3" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="12" y="3" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="17.5" y="3" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="1" y="8" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="6.5" y="8" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="12" y="8" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="17.5" y="8" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="1" y="13" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="6.5" y="13" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="12" y="13" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect><rect x="17.5" y="13" width="5" height="4" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"></rect>', 12)
   ])]);
 }
-const GridIcon12 = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$p]]);
-const _sfc_main$U = {};
-const _hoisted_1$P = {
+const GridIcon12 = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$p]]);
+const _sfc_main$V = {};
+const _hoisted_1$Q = {
   t: "1754983552519",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37192,7 +37551,7 @@ const _hoisted_1$P = {
   height: "200"
 };
 function _sfc_render$o(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M830.450526 853.759999q-11.722105 8.791579-27.351579 8.791579-19.536842 0-33.701053-14.164211t-14.164211-33.701053q0-21.490526 16.606316-36.143158 0.976842-0.976842 1.953684-1.465263t1.953684-1.465263l0.976842-0.976842q27.351579-18.56 50.795789-43.957895t41.027368-55.191579 27.351579-63.494737 9.768421-69.84421q0-73.263158-37.12-133.827368t-92.8-99.637895q-20.513684-14.652632-20.513684-39.073684 0-19.536842 14.164211-33.701053t33.701053-14.164211q16.606316 0 29.305263 10.745263 36.143158 25.397895 67.402105 59.098947t53.726316 73.263158 35.166316 84.496842 12.698947 92.8q0 48.842105-12.698947 93.776842t-35.654737 84.985263-54.214737 73.751579-68.378947 59.098947zM775.747368 415.157894q20.513684 28.328421 32.72421 57.145263t12.210526 69.84421q0 39.073684-12.698947 70.332632t-32.235789 56.656842q-7.814737 10.745263-16.606316 19.048421t-22.467368 8.303158q-17.583158 0-29.793684-12.698947t-12.210526-30.282105q0-7.814737 2.930526-15.629474l-0.976842 0q4.884211-10.745263 11.722105-20.513684t13.187368-20.025263 10.745263-23.444211 4.395789-31.747368q0-17.583158-4.395789-30.770526t-10.745263-23.932632-13.187368-20.513684-10.745263-20.513684q-2.930526-6.837895-2.930526-15.629474 0-17.583158 12.210526-30.282105t29.793684-12.698947q13.675789 0 22.467368 8.303158t16.606316 19.048421zM460.227368 995.402104q-49.818947-44.934737-105.498947-93.776842t-103.545263-89.869474q-55.68-46.888421-111.36-92.8-10.745263 0.976842-21.490526 0.976842-8.791579 0.976842-18.56 0.976842l-16.606316 0q-26.374737 0-42.981053-16.117895t-16.606316-38.585263l0-246.16421 0.976842 0-0.976842-0.976842q0-27.351579 17.094737-44.934737t42.492632-17.583158l55.68 0q89.869474-76.193684 163.132631-136.757895 31.258947-26.374737 61.541053-51.28421t54.703158-45.423158 41.027368-34.189474 20.513684-16.606316q29.305263-21.490526 47.376842-19.536842t28.328421 17.583158 14.164211 38.096842 3.907368 41.027368l0 788.311578 0 2.930526q0 18.56-6.837895 39.562105t-21.002105 33.212632-35.654737 10.256842-49.818947-28.328421z",
       "p-id": "2402",
@@ -37200,9 +37559,9 @@ function _sfc_render$o(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const SpeakerIcon = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$o]]);
-const _sfc_main$T = {};
-const _hoisted_1$O = {
+const SpeakerIcon = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$o]]);
+const _sfc_main$U = {};
+const _hoisted_1$P = {
   t: "1754983552519",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37213,7 +37572,7 @@ const _hoisted_1$O = {
   height: "200"
 };
 function _sfc_render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M830.450526 853.759999q-11.722105 8.791579-27.351579 8.791579-19.536842 0-33.701053-14.164211t-14.164211-33.701053q0-21.490526 16.606316-36.143158 0.976842-0.976842 1.953684-1.465263t1.953684-1.465263l0.976842-0.976842q27.351579-18.56 50.795789-43.957895t41.027368-55.191579 27.351579-63.494737 9.768421-69.84421q0-73.263158-37.12-133.827368t-92.8-99.637895q-20.513684-14.652632-20.513684-39.073684 0-19.536842 14.164211-33.701053t33.701053-14.164211q16.606316 0 29.305263 10.745263 36.143158 25.397895 67.402105 59.098947t53.726316 73.263158 35.166316 84.496842 12.698947 92.8q0 48.842105-12.698947 93.776842t-35.654737 84.985263-54.214737 73.751579-68.378947 59.098947zM775.747368 415.157894q20.513684 28.328421 32.72421 57.145263t12.210526 69.84421q0 39.073684-12.698947 70.332632t-32.235789 56.656842q-7.814737 10.745263-16.606316 19.048421t-22.467368 8.303158q-17.583158 0-29.793684-12.698947t-12.210526-30.282105q0-7.814737 2.930526-15.629474l-0.976842 0q4.884211-10.745263 11.722105-20.513684t13.187368-20.025263 10.745263-23.444211 4.395789-31.747368q0-17.583158-4.395789-30.770526t-10.745263-23.932632-13.187368-20.513684-10.745263-20.513684q-2.930526-6.837895-2.930526-15.629474 0-17.583158 12.210526-30.282105t29.793684-12.698947q13.675789 0 22.467368 8.303158t16.606316 19.048421zM460.227368 995.402104q-49.818947-44.934737-105.498947-93.776842t-103.545263-89.869474q-55.68-46.888421-111.36-92.8-10.745263 0.976842-21.490526 0.976842-8.791579 0.976842-18.56 0.976842l-16.606316 0q-26.374737 0-42.981053-16.117895t-16.606316-38.585263l0-246.16421 0.976842 0-0.976842-0.976842q0-27.351579 17.094737-44.934737t42.492632-17.583158l55.68 0q89.869474-76.193684 163.132631-136.757895 31.258947-26.374737 61.541053-51.28421t54.703158-45.423158 41.027368-34.189474 20.513684-16.606316q29.305263-21.490526 47.376842-19.536842t28.328421 17.583158 14.164211 38.096842 3.907368 41.027368l0 788.311578 0 2.930526q0 18.56-6.837895 39.562105t-21.002105 33.212632-35.654737 10.256842-49.818947-28.328421z",
       "p-id": "2402",
@@ -37230,14 +37589,14 @@ function _sfc_render$n(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const SpeakerSlashIcon = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$n]]);
-const _sfc_main$S = {};
+const SpeakerSlashIcon = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$n]]);
+const _sfc_main$T = {};
 function _sfc_render$m(_ctx, _cache) {
   return null;
 }
-const AvatarIcon = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$m]]);
-const _sfc_main$R = {};
-const _hoisted_1$N = {
+const AvatarIcon = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$m]]);
+const _sfc_main$S = {};
+const _hoisted_1$O = {
   t: "1753860122205",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37246,7 +37605,7 @@ const _hoisted_1$N = {
   "p-id": "4465"
 };
 function _sfc_render$l(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M868.7 571.4H157.3c-32.7 0-59.3-26.5-59.3-59.3 0-32.7 26.5-59.3 59.3-59.3h711.4c32.7 0 59.3 26.5 59.3 59.3s-26.5 59.3-59.3 59.3z",
       "p-id": "4466",
@@ -37254,9 +37613,9 @@ function _sfc_render$l(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const RetractIcon = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$l]]);
-const _sfc_main$Q = {};
-const _hoisted_1$M = {
+const RetractIcon = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$l]]);
+const _sfc_main$R = {};
+const _hoisted_1$N = {
   t: "1754379555430",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37267,7 +37626,7 @@ const _hoisted_1$M = {
   height: "200"
 };
 function _sfc_render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M512 6.4C505.6 0 492.8 0 480 0s-25.6 0-32 6.4c-12.8 6.4-19.2 19.2-25.6 25.6L6.4 761.6c-12.8 19.2-12.8 44.8 0 64 6.4 12.8 12.8 12.8 25.6 19.2s19.2 6.4 32 6.4h819.2c12.8 0 25.6 0 32-6.4 12.8-6.4 19.2-12.8 25.6-19.2 12.8-19.2 12.8-44.8 0-64L537.6 32C531.2 25.6 524.8 12.8 512 6.4z",
       fill: "currentColor",
@@ -37275,9 +37634,9 @@ function _sfc_render$k(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const TriangleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$k]]);
-const _sfc_main$P = {};
-const _hoisted_1$L = {
+const TriangleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$k]]);
+const _sfc_main$Q = {};
+const _hoisted_1$M = {
   t: "1754533725953",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37286,7 +37645,7 @@ const _hoisted_1$L = {
   "p-id": "13313"
 };
 function _sfc_render$j(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M128 384h85.33V213.33H384V128H128zM640 128v85.33h170.67V384H896V128zM810.67 810.67H640V896h256V640h-85.33zM213.33 640H128v256h256v-85.33H213.33z",
       "p-id": "13314",
@@ -37294,9 +37653,9 @@ function _sfc_render$j(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const FullscreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$j]]);
-const _sfc_main$O = {};
-const _hoisted_1$K = {
+const FullscreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$j]]);
+const _sfc_main$P = {};
+const _hoisted_1$L = {
   t: "1754531776529",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37307,7 +37666,7 @@ const _hoisted_1$K = {
   height: "200"
 };
 function _sfc_render$i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$K, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M1024 512c0-282.763636-229.236364-512-512-512C229.236364 0 0 229.236364 0 512c0 282.763636 229.236364 512 512 512C794.763636 1024 1024 794.763636 1024 512zM523.636364 232.727273c32.116364 0 58.181818 26.065455 58.181818 58.181818 0 32.116364-26.065455 58.181818-58.181818 58.181818C491.52 349.090909 465.454545 323.025455 465.454545 290.909091 465.454545 258.792727 491.52 232.727273 523.636364 232.727273zM395.636364 768 465.454545 768l0-325.818182L395.636364 442.181818l0-46.545455 186.181818 0 0 372.363636L651.636364 768l0 46.545455L395.636364 814.545455 395.636364 768z",
       fill: "#bfbfbf",
@@ -37315,9 +37674,9 @@ function _sfc_render$i(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const InfoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$i]]);
-const _sfc_main$N = {};
-const _hoisted_1$J = {
+const InfoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$i]]);
+const _sfc_main$O = {};
+const _hoisted_1$K = {
   t: "1754532066558",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37326,7 +37685,7 @@ const _hoisted_1$J = {
   "p-id": "11142"
 };
 function _sfc_render$h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$K, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M725.333333 384h-85.333333V128h85.333333v170.666667h170.666667v85.333333h-170.666667zM298.666667 384H128V298.666667h170.666667V128h85.333333v256H298.666667z m426.666666 341.333333v170.666667h-85.333333v-256h256v85.333333h-170.666667zM298.666667 725.333333H128v-85.333333h256v256H298.666667v-170.666667z",
       fill: "currentColor",
@@ -37334,9 +37693,9 @@ function _sfc_render$h(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const NoFullscreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$h]]);
-const _sfc_main$M = {};
-const _hoisted_1$I = {
+const NoFullscreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$h]]);
+const _sfc_main$N = {};
+const _hoisted_1$J = {
   t: "1754534312592",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37347,7 +37706,7 @@ const _hoisted_1$I = {
   height: "200"
 };
 function _sfc_render$g(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M812.3 959.4H213.7c-81.6 0-148-66.4-148-148V212.9c0-81.6 66.4-148 148-148h598.5c81.6 0 148 66.4 148 148v598.5C960.3 893 893.9 959.4 812.3 959.4zM213.7 120.9c-50.7 0-92 41.3-92 92v598.5c0 50.7 41.3 92 92 92h598.5c50.7 0 92-41.3 92-92V212.9c0-50.7-41.3-92-92-92H213.7z",
       fill: "currentColor",
@@ -37355,9 +37714,9 @@ function _sfc_render$g(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const MaximizeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$g]]);
-const _sfc_main$L = {};
-const _hoisted_1$H = {
+const MaximizeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$g]]);
+const _sfc_main$M = {};
+const _hoisted_1$I = {
   t: "1754536488242",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37368,7 +37727,7 @@ const _hoisted_1$H = {
   height: "200"
 };
 function _sfc_render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M959.720175 0H294.216115a63.960025 63.960025 0 0 0-63.960025 63.960025v127.92005H64.279825a63.960025 63.960025 0 0 0-63.960025 63.960025v703.560275a63.960025 63.960025 0 0 0 63.960025 63.960025h703.560275a63.960025 63.960025 0 0 0 63.960025-63.960025v-166.935665h127.92005a63.960025 63.960025 0 0 0 63.960025-63.960025V63.960025a63.960025 63.960025 0 0 0-63.960025-63.960025z m-191.880075 728.504685V959.400375H64.279825V255.8401h703.560275z m189.321674 0H831.800125V255.8401a63.960025 63.960025 0 0 0-63.960025-63.960025H294.216115V63.960025H959.720175z",
       fill: "currentColor",
@@ -37376,9 +37735,9 @@ function _sfc_render$f(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const CancelMaximizeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$f]]);
-const _sfc_main$K = {};
-const _hoisted_1$G = {
+const CancelMaximizeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$f]]);
+const _sfc_main$L = {};
+const _hoisted_1$H = {
   t: "1754549086063",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37389,7 +37748,7 @@ const _hoisted_1$G = {
   height: "200"
 };
 function _sfc_render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$G, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M938.666667 426.624V853.333333a42.666667 42.666667 0 0 1-42.666667 42.666667h-341.333333V426.624h384z m-469.333334 256V896H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.709333h384zM469.333333 128v469.290667H85.333333V170.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h341.333333z m426.666667 0a42.666667 42.666667 0 0 1 42.666667 42.666667v170.624h-384V128h341.333333z",
       fill: "currentColor",
@@ -37397,9 +37756,9 @@ function _sfc_render$e(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const LayoutIcon = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$e]]);
-const _sfc_main$J = {};
-const _hoisted_1$F = {
+const LayoutIcon = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$e]]);
+const _sfc_main$K = {};
+const _hoisted_1$G = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -37407,13 +37766,13 @@ const _hoisted_1$F = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$F, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$G, [..._cache[0] || (_cache[0] = [
     createStaticVNode('<rect x="2" y="3" width="14" height="10" rx="1" stroke="currentColor" stroke-width="2" fill="none"></rect><rect x="17" y="3" width="5" height="3" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="17" y="7" width="5" height="3" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="17" y="11" width="5" height="3" rx="0.5" stroke="currentColor" stroke-width="1.5" fill="none"></rect><rect x="2" y="15" width="20" height="2" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"></rect><circle cx="6" cy="16" r="0.5" fill="currentColor"></circle><circle cx="9" cy="16" r="0.5" fill="currentColor"></circle><circle cx="12" cy="16" r="0.5" fill="currentColor"></circle>', 8)
   ])]);
 }
-const BigVideoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$d]]);
-const _sfc_main$I = {};
-const _hoisted_1$E = {
+const BigVideoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$d]]);
+const _sfc_main$J = {};
+const _hoisted_1$F = {
   t: "1755220421264",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37424,7 +37783,7 @@ const _hoisted_1$E = {
   height: "200"
 };
 function _sfc_render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$E, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$F, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M57.856 600.106667a52.394667 52.394667 0 0 1 0-73.813334c245.674667-246.613333 645.034667-246.613333 891.648 0 20.266667 20.394667 20.266667 53.333333 0 73.770667l-89.514667 89.557333a51.84 51.84 0 0 1-73.301333 0.426667 411.562667 411.562667 0 0 0-101.973333-74.24 51.584 51.584 0 0 1-28.373334-46.464l-0.512-100.693333c-99.413333-29.781333-205.354667-29.866667-304.810666-0.170667v100.138667c-0.128 19.626667-11.093333 37.589333-28.586667 46.634666a394.154667 394.154667 0 0 0-101.589333 74.069334c-20.48 20.224-53.376 20.224-73.813334-0.042667l-89.173333-89.173333z",
       fill: "currentColor",
@@ -37432,9 +37791,9 @@ function _sfc_render$c(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const PhoneIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$c]]);
-const _sfc_main$H = {};
-const _hoisted_1$D = {
+const PhoneIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$c]]);
+const _sfc_main$I = {};
+const _hoisted_1$E = {
   t: "1755583188558",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37445,7 +37804,7 @@ const _hoisted_1$D = {
   height: "200"
 };
 function _sfc_render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M92.416 120.576h59.136v791.296H92.416z",
       "p-id": "5728",
@@ -37458,9 +37817,9 @@ function _sfc_render$b(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const TreeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$b]]);
-const _sfc_main$G = {};
-const _hoisted_1$C = {
+const TreeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$b]]);
+const _sfc_main$H = {};
+const _hoisted_1$D = {
   t: "1755585953894",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37471,7 +37830,7 @@ const _hoisted_1$C = {
   height: "200"
 };
 function _sfc_render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M512 888c-13.6 0-24-10.4-24-24s10.4-24 24-24c180.8 0 328-147.2 328-328 0-83.2-31.2-162.4-88-224-8.8-9.6-8-24.8 1.6-33.6s24.8-8 33.6 1.6c64.8 70.4 100.8 161.6 100.8 256 0 207.2-168.8 376-376 376zM256.8 778.4c-6.4 0-12.8-2.4-17.6-7.2C172.8 700.8 136 608.8 136 512c0-207.2 168.8-376 376-376 13.6 0 24 10.4 24 24s-10.4 24-24 24c-180.8 0-328 147.2-328 328 0 84 32 164.8 90.4 225.6 8.8 9.6 8.8 24.8-0.8 33.6-4.8 4.8-11.2 7.2-16.8 7.2z",
       fill: "currentColor",
@@ -37484,9 +37843,9 @@ function _sfc_render$a(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const RefreshIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$a]]);
-const _sfc_main$F = {};
-const _hoisted_1$B = {
+const RefreshIcon = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$a]]);
+const _sfc_main$G = {};
+const _hoisted_1$C = {
   id: "Isolation_Mode",
   xmlns: "http://www.w3.org/2000/svg",
   "data-name": "Isolation Mode",
@@ -37495,16 +37854,16 @@ const _hoisted_1$B = {
   height: "22"
 };
 function _sfc_render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M18.9,16.776A10.539,10.539,0,1,0,16.776,18.9l5.1,5.1L24,21.88ZM10.5,18A7.5,7.5,0,1,1,18,10.5,7.507,7.507,0,0,1,10.5,18Z",
       fill: "currentColor"
     }, null, -1)
   ])]);
 }
-const SearchIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$9]]);
-const _sfc_main$E = {};
-const _hoisted_1$A = {
+const SearchIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$9]]);
+const _sfc_main$F = {};
+const _hoisted_1$B = {
   t: "1755764282216",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37515,7 +37874,7 @@ const _hoisted_1$A = {
   height: "200"
 };
 function _sfc_render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M416 320l192 192-192 192v-384z",
       fill: "#A8ABB2",
@@ -37523,9 +37882,9 @@ function _sfc_render$8(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const RetangleRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$8]]);
-const _sfc_main$D = {};
-const _hoisted_1$z = {
+const RetangleRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$8]]);
+const _sfc_main$E = {};
+const _hoisted_1$A = {
   t: "1756886248026",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37536,7 +37895,7 @@ const _hoisted_1$z = {
   height: "200"
 };
 function _sfc_render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M863.328262 481.340895l-317.344013 0.099772L545.984249 162.816826c0-17.664722-14.336138-32.00086-32.00086-32.00086s-31.99914 14.336138-31.99914 32.00086l0 318.400215-322.368714-0.17718c-0.032684 0-0.063647 0-0.096331 0-17.632039 0-31.935493 14.239806-32.00086 31.904529-0.096331 17.664722 14.208843 32.031824 31.871845 32.095471l322.59234 0.17718 0 319.167424c0 17.695686 14.336138 32.00086 31.99914 32.00086s32.00086-14.303454 32.00086-32.00086L545.982529 545.440667l317.087703-0.099772c0.063647 0 0.096331 0 0.127295 0 17.632039 0 31.935493-14.239806 32.00086-31.904529S880.960301 481.404542 863.328262 481.340895z",
       fill: "currentColor",
@@ -37544,9 +37903,9 @@ function _sfc_render$7(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const PlusSignIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$7]]);
-const _sfc_main$C = {};
-const _hoisted_1$y = {
+const PlusSignIcon = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$7]]);
+const _sfc_main$D = {};
+const _hoisted_1$z = {
   t: "1757469564413",
   class: "icon",
   viewBox: "0 0 1034 1024",
@@ -37557,7 +37916,7 @@ const _hoisted_1$y = {
   height: "200"
 };
 function _sfc_render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$y, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M749.452 992.97c-86.885-22.756-222.384-87.92-310.304-149.98-100.33-71.37-100.33-69.301-28.961-140.67 33.099-33.1 63.095-61.027 67.232-61.027s31.03 16.55 61.026 36.202 59.992 36.202 67.233 36.202c8.275 0 41.374-22.756 73.438-51.717 32.065-27.927 66.198-51.717 75.507-51.717 18.618 0 226.521 88.953 247.208 105.503 8.275 7.24 12.412 47.58 12.412 131.361 0 113.778-2.068 123.087-23.79 143.774-19.652 18.618-36.201 22.756-96.193 21.721-39.305 0-104.47-8.275-144.808-19.652zM55.407 923.669c-7.24-2.069-13.446-19.653-13.446-38.271 0-26.893 15.515-47.58 97.228-129.293l97.228-96.194-49.648-66.198C79.197 449.94 0.587 249.277 0.587 118.95c0-96.193 4.137-98.262 193.422-98.262 111.71 0 158.255 4.137 166.53 13.446 9.308 11.378 64.129 203.766 64.129 225.487 0 5.172-25.859 37.237-56.89 71.37s-56.888 71.37-56.888 82.747c0 20.687 48.614 103.435 59.992 103.435 4.137 0 83.782-76.542 177.907-170.667C661.532 234.796 728.765 175.838 742.21 175.838c41.374 0 54.82 11.378 54.82 45.511 0 28.962-36.202 69.302-339.264 371.33-343.402 342.367-353.746 351.677-402.36 330.99z",
       "p-id": "2634",
@@ -37580,9 +37939,9 @@ function _sfc_render$6(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const HandUpIcon = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$6]]);
-const _sfc_main$B = {};
-const _hoisted_1$x = {
+const HandUpIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$6]]);
+const _sfc_main$C = {};
+const _hoisted_1$y = {
   t: "1758690906437",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37593,7 +37952,7 @@ const _hoisted_1$x = {
   height: "200"
 };
 function _sfc_render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$x, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M872.802928 755.99406 872.864326 755.99406 872.864326 755.624646Z",
       fill: "#272536",
@@ -37621,9 +37980,9 @@ function _sfc_render$5(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const ExpressionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$5]]);
-const _sfc_main$A = {};
-const _hoisted_1$w = {
+const ExpressionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$5]]);
+const _sfc_main$B = {};
+const _hoisted_1$x = {
   t: "1758864147306",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37634,7 +37993,7 @@ const _hoisted_1$w = {
   height: "200"
 };
 function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M533.1 898.6H408.9c-126.3 0-228.5-102.3-228.5-228.5V446.6h581.3v223.6c0 126.2-102.4 228.4-228.6 228.4z m0 0",
       fill: "#FFFFFF",
@@ -37667,9 +38026,9 @@ function _sfc_render$4(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const NoMeetingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$4]]);
-const _sfc_main$z = {};
-const _hoisted_1$v = {
+const NoMeetingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$4]]);
+const _sfc_main$A = {};
+const _hoisted_1$w = {
   t: "1761377897107",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37678,7 +38037,7 @@ const _hoisted_1$v = {
   "p-id": "4229"
 };
 function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M499.712 512m-491.52 0a491.52 491.52 0 1 0 983.04 0 491.52 491.52 0 1 0-983.04 0Z",
       fill: "#3965D0",
@@ -37691,9 +38050,9 @@ function _sfc_render$3(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const DailIcon = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$3]]);
-const _sfc_main$y = {};
-const _hoisted_1$u = {
+const DailIcon = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$3]]);
+const _sfc_main$z = {};
+const _hoisted_1$v = {
   t: "1754983552519",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37704,7 +38063,7 @@ const _hoisted_1$u = {
   height: "200"
 };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$u, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M830.450526 853.759999q-11.722105 8.791579-27.351579 8.791579-19.536842 0-33.701053-14.164211t-14.164211-33.701053q0-21.490526 16.606316-36.143158 0.976842-0.976842 1.953684-1.465263t1.953684-1.465263l0.976842-0.976842q27.351579-18.56 50.795789-43.957895t41.027368-55.191579 27.351579-63.494737 9.768421-69.84421q0-73.263158-37.12-133.827368t-92.8-99.637895q-20.513684-14.652632-20.513684-39.073684 0-19.536842 14.164211-33.701053t33.701053-14.164211q16.606316 0 29.305263 10.745263 36.143158 25.397895 67.402105 59.098947t53.726316 73.263158 35.166316 84.496842 12.698947 92.8q0 48.842105-12.698947 93.776842t-35.654737 84.985263-54.214737 73.751579-68.378947 59.098947zM775.747368 415.157894q20.513684 28.328421 32.72421 57.145263t12.210526 69.84421q0 39.073684-12.698947 70.332632t-32.235789 56.656842q-7.814737 10.745263-16.606316 19.048421t-22.467368 8.303158q-17.583158 0-29.793684-12.698947t-12.210526-30.282105q0-7.814737 2.930526-15.629474l-0.976842 0q4.884211-10.745263 11.722105-20.513684t13.187368-20.025263 10.745263-23.444211 4.395789-31.747368q0-17.583158-4.395789-30.770526t-10.745263-23.932632-13.187368-20.513684-10.745263-20.513684q-2.930526-6.837895-2.930526-15.629474 0-17.583158 12.210526-30.282105t29.793684-12.698947q13.675789 0 22.467368 8.303158t16.606316 19.048421zM460.227368 995.402104q-49.818947-44.934737-105.498947-93.776842t-103.545263-89.869474q-55.68-46.888421-111.36-92.8-10.745263 0.976842-21.490526 0.976842-8.791579 0.976842-18.56 0.976842l-16.606316 0q-26.374737 0-42.981053-16.117895t-16.606316-38.585263l0-246.16421 0.976842 0-0.976842-0.976842q0-27.351579 17.094737-44.934737t42.492632-17.583158l55.68 0q89.869474-76.193684 163.132631-136.757895 31.258947-26.374737 61.541053-51.28421t54.703158-45.423158 41.027368-34.189474 20.513684-16.606316q29.305263-21.490526 47.376842-19.536842t28.328421 17.583158 14.164211 38.096842 3.907368 41.027368l0 788.311578 0 2.930526q0 18.56-6.837895 39.562105t-21.002105 33.212632-35.654737 10.256842-49.818947-28.328421z",
       "p-id": "2402",
@@ -37712,9 +38071,9 @@ function _sfc_render$2(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const WhiteboardIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$2]]);
-const _sfc_main$x = {};
-const _hoisted_1$t = {
+const WhiteboardIcon = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$2]]);
+const _sfc_main$y = {};
+const _hoisted_1$u = {
   t: "1763618023360",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -37725,7 +38084,7 @@ const _hoisted_1$t = {
   height: "200"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M400.696 268.795c-17.249 0-31.233 13.986-31.233 31.233v30.471c0 17.249 13.986 31.233 31.233 31.233s31.233-13.986 31.233-31.233v-30.471c0-17.249-13.985-31.233-31.233-31.233z",
       fill: "currentColor",
@@ -37748,9 +38107,9 @@ function _sfc_render$1(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const ImageIcon = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
-const _sfc_main$w = {};
-const _hoisted_1$s = {
+const ImageIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
+const _sfc_main$x = {};
+const _hoisted_1$t = {
   t: "1773989017010",
   class: "icon",
   viewBox: "0 0 1199 1024",
@@ -37761,7 +38120,7 @@ const _hoisted_1$s = {
   height: "200"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M503.121809 1018.970054c-139.582043 0-305.592663-1.664022-368.433947-6.656086-57.751336-4.60053-92.793672-18.500004-113.545-44.928582S-4.992065 901.411826 4.796297 840.919749c25.351858-156.613793 139.875694-248.232861 322.428646-258.608525a1789.214697 1789.214697 0 0 1 244.709051 2.153439c194.201103 15.857147 323.505365 143.203737 321.74346 316.947163 0 52.661388-23.78572 83.494728-73.216948 97.100552a487.068895 487.068895 0 0 1-114.230185 18.793655c-32.888896 0.685185-112.370396 1.664022-203.108512 1.664021zM137.037069 983.046766c102.777801 8.12434 485.502757 7.341272 567.724998 4.894181a454.473649 454.473649 0 0 0 107.671982-17.716936c36.804241-9.788362 51.291017-29.365086 51.682552-69.105836C865.682739 743.917081 747.243558 628.218642 569.38902 613.731866a1746.635322 1746.635322 0 0 0-240.500055-2.055556c-118.439181 6.656086-265.754029 52.759271-295.119116 233.941853-8.320108 51.780435-5.089948 83.690495 10.571431 103.854521s44.439164 29.365086 92.695789 33.769849zM437.148249 550.792698a277.108529 277.108529 0 0 1-277.010646-275.24874A276.227577 276.227577 0 0 1 435.777878 0.001566h0.685185A277.793715 277.793715 0 0 1 634.28586 81.832273 271.72493 271.72493 0 0 1 714.550429 275.935492a277.108529 277.108529 0 0 1-277.40218 274.857206zM189.209038 275.446074a247.743443 247.743443 0 0 0 247.64556 245.981538C571.346692 521.427612 685.185343 409.057216 685.185343 275.935492a242.653495 242.653495 0 0 0-71.846578-173.351892A248.232861 248.232861 0 0 0 436.463063 29.366652h-0.587301a246.666723 246.666723 0 0 0-246.666724 246.079422z",
       fill: "currentColor",
@@ -37792,9 +38151,9 @@ function _sfc_render(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const NoUserIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render]]);
-const _hoisted_1$r = ["innerHTML"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const NoUserIcon = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render]]);
+const _hoisted_1$s = ["innerHTML"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SvgIcon",
   props: {
     name: {},
@@ -37876,12 +38235,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         })) : (openBlock(), createElementBlock("div", {
           key: 1,
           innerHTML: fallbackSvg.value
-        }, null, 8, _hoisted_1$r))
+        }, null, 8, _hoisted_1$s))
       ], 6);
     };
   }
 });
-const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-97925336"]]);
+const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a17448c1"]]);
 const jsCreateMeeting = async (data) => {
   try {
     if (!data) {
@@ -38002,7 +38361,7 @@ const jsDial = async (data) => {
     throw error;
   }
 };
-const _sfc_main$u = {
+const _sfc_main$v = {
   __name: "Skeleton",
   props: {
     width: { type: String, default: "100%" },
@@ -38024,8 +38383,8 @@ const _sfc_main$u = {
     };
   }
 };
-const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-3508dd0b"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-3508dd0b"]]);
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SmartPopup",
   props: {
     visible: { type: Boolean },
@@ -38101,34 +38460,32 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       window.removeEventListener("resize", handleResize);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        withDirectives(createElementVNode("div", {
-          ref_key: "popupRef",
-          ref: popupRef,
-          class: "smart-popup",
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 512), [
-          [vShow, _ctx.visible]
-        ])
+      return withDirectives((openBlock(), createElementBlock("div", {
+        ref_key: "popupRef",
+        ref: popupRef,
+        class: "smart-popup",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 512)), [
+        [vShow, _ctx.visible]
       ]);
     };
   }
 });
-const SmartPopup = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-de3830bd"]]);
-const _hoisted_1$q = { class: "dial-display" };
-const _hoisted_2$p = { class: "dial-pad" };
-const _hoisted_3$o = ["onClick"];
-const _hoisted_4$m = { class: "key-number" };
-const _hoisted_5$j = {
+const SmartPopup = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-5fef3e9e"]]);
+const _hoisted_1$r = { class: "dial-display" };
+const _hoisted_2$q = { class: "dial-pad" };
+const _hoisted_3$p = ["onClick"];
+const _hoisted_4$n = { class: "key-number" };
+const _hoisted_5$k = {
   key: 0,
   class: "key-letters"
 };
-const _hoisted_6$i = { class: "dial-actions" };
-const _hoisted_7$h = ["disabled"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_6$j = { class: "dial-actions" };
+const _hoisted_7$i = ["disabled"];
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "Dial",
   props: {
     theme: {}
@@ -38197,7 +38554,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["dial-container", themeClass.value])
       }, [
-        createElementVNode("div", _hoisted_1$q, [
+        createElementVNode("div", _hoisted_1$r, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => phoneNumber.value = $event),
             type: "text",
@@ -38218,19 +38575,19 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             })
           ])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_2$p, [
+        createElementVNode("div", _hoisted_2$q, [
           (openBlock(), createElementBlock(Fragment, null, renderList(dialKeys, (key) => {
             return createElementVNode("button", {
               key: key.value,
               class: "dial-key",
               onClick: ($event) => addDigit(key.value)
             }, [
-              createElementVNode("span", _hoisted_4$m, toDisplayString(key.display), 1),
-              key.letters ? (openBlock(), createElementBlock("span", _hoisted_5$j, toDisplayString(key.letters), 1)) : createCommentVNode("", true)
-            ], 8, _hoisted_3$o);
+              createElementVNode("span", _hoisted_4$n, toDisplayString(key.display), 1),
+              key.letters ? (openBlock(), createElementBlock("span", _hoisted_5$k, toDisplayString(key.letters), 1)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$p);
           }), 64))
         ]),
-        createElementVNode("div", _hoisted_6$i, [
+        createElementVNode("div", _hoisted_6$j, [
           createElementVNode("button", {
             disabled: !phoneNumber.value,
             class: "call-btn",
@@ -38241,22 +38598,22 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               size: 22
             }),
             _cache[1] || (_cache[1] = createElementVNode("span", null, "拨打", -1))
-          ], 8, _hoisted_7$h)
+          ], 8, _hoisted_7$i)
         ])
       ], 2);
     };
   }
 });
-const DialDialog = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a4d6dbdc"]]);
-const _hoisted_1$p = { class: "dialog" };
-const _hoisted_2$o = { class: "header" };
-const _hoisted_3$n = { class: "title" };
-const _hoisted_4$l = { class: "online-count" };
-const _hoisted_5$i = { class: "toolbar" };
-const _hoisted_6$h = { class: "search" };
-const _hoisted_7$g = ["disabled"];
-const _hoisted_8$e = { class: "content" };
-const _hoisted_9$c = {
+const DialDialog = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-adff8ac3"]]);
+const _hoisted_1$q = { class: "dialog" };
+const _hoisted_2$p = { class: "header" };
+const _hoisted_3$o = { class: "title" };
+const _hoisted_4$m = { class: "online-count" };
+const _hoisted_5$j = { class: "toolbar" };
+const _hoisted_6$i = { class: "search" };
+const _hoisted_7$h = ["disabled"];
+const _hoisted_8$g = { class: "content" };
+const _hoisted_9$e = {
   key: 0,
   class: "grid"
 };
@@ -38281,7 +38638,7 @@ const _hoisted_21$3 = {
 const _hoisted_22$3 = { class: "footer" };
 const _hoisted_23$3 = { class: "selected" };
 const _hoisted_24$3 = { style: { "display": "flex", "gap": "20px", "align-items": "center" } };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "user",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -38444,14 +38801,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(["modal", themeClass.value])
       }, [
-        withDirectives((openBlock(), createElementBlock("div", _hoisted_1$p, [
-          createElementVNode("div", _hoisted_2$o, [
-            createElementVNode("div", _hoisted_3$n, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_1$q, [
+          createElementVNode("div", _hoisted_2$p, [
+            createElementVNode("div", _hoisted_3$o, [
               _cache[5] || (_cache[5] = createTextVNode(" 用户列表 ", -1)),
-              createElementVNode("span", _hoisted_4$l, "（在线 " + toDisplayString(onlineCount.value) + "/" + toDisplayString(userList.value.length) + "）", 1)
+              createElementVNode("span", _hoisted_4$m, "（在线 " + toDisplayString(onlineCount.value) + "/" + toDisplayString(userList.value.length) + "）", 1)
             ]),
-            createElementVNode("div", _hoisted_5$i, [
-              createElementVNode("div", _hoisted_6$h, [
+            createElementVNode("div", _hoisted_5$j, [
+              createElementVNode("div", _hoisted_6$i, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
                   type: "text",
@@ -38474,7 +38831,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 class: "select-all-btn",
                 disabled: !hasOnlineUsers.value,
                 onClick: selectAllOnline
-              }, toDisplayString(selectedUsers.value.length > 0 ? "取消选择" : "一键全选"), 9, _hoisted_7$g),
+              }, toDisplayString(selectedUsers.value.length > 0 ? "取消选择" : "一键全选"), 9, _hoisted_7$h),
               createElementVNode("button", {
                 class: "icon-btn",
                 onClick: closeModal
@@ -38487,8 +38844,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_8$e, [
-            loading.value ? (openBlock(), createElementBlock("div", _hoisted_9$c, [
+          createElementVNode("div", _hoisted_8$g, [
+            loading.value ? (openBlock(), createElementBlock("div", _hoisted_9$e, [
               (openBlock(), createElementBlock(Fragment, null, renderList(12, (n2) => {
                 return createElementVNode("div", {
                   key: n2,
@@ -38584,6 +38941,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             gap: 10
           }, {
             default: withCtx(() => [
+              _cache[11] || (_cache[11] = createTextVNode(" 123231 ", -1)),
               createVNode(DialDialog, {
                 theme: _ctx.theme,
                 onSuccess: handleDialSuccess
@@ -38598,7 +38956,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-33e87a35"]]);
+const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-c542c983"]]);
 var RoomModalSelectType = /* @__PURE__ */ ((RoomModalSelectType2) => {
   RoomModalSelectType2["microphoneClick"] = "microphoneClick";
   RoomModalSelectType2["cameraClick"] = "cameraClick";
@@ -38615,20 +38973,21 @@ var RoomModalSelectType = /* @__PURE__ */ ((RoomModalSelectType2) => {
   RoomModalSelectType2["minimizeClick"] = "minimizeClick";
   RoomModalSelectType2["maximizeClick"] = "maximizeClick";
   RoomModalSelectType2["acceptClick"] = "acceptClick";
+  RoomModalSelectType2["openNewTabClick"] = "openNewTabClick";
   return RoomModalSelectType2;
 })(RoomModalSelectType || {});
-const _hoisted_1$o = { class: "section" };
-const _hoisted_2$n = { class: "section-title" };
-const _hoisted_3$m = ["onClick"];
-const _hoisted_4$k = { class: "label" };
-const _hoisted_5$h = {
+const _hoisted_1$p = { class: "section" };
+const _hoisted_2$o = { class: "section-title" };
+const _hoisted_3$n = ["onClick"];
+const _hoisted_4$l = { class: "label" };
+const _hoisted_5$i = {
   key: 0,
   class: "empty-device"
 };
-const _hoisted_6$g = { class: "section" };
-const _hoisted_7$f = { class: "section-title" };
-const _hoisted_8$d = ["onClick"];
-const _hoisted_9$b = { class: "label" };
+const _hoisted_6$h = { class: "section" };
+const _hoisted_7$g = { class: "section-title" };
+const _hoisted_8$f = ["onClick"];
+const _hoisted_9$d = { class: "label" };
 const _hoisted_10$b = {
   key: 0,
   class: "empty-device"
@@ -38644,7 +39003,7 @@ const _hoisted_15$6 = {
   key: 0,
   class: "empty-device"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "DeviceSelector",
   props: {
     deviceType: {},
@@ -38708,8 +39067,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["device-selector", themeClass.value])
       }, [
         _ctx.deviceType === "microphone" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", _hoisted_1$o, [
-            createElementVNode("div", _hoisted_2$n, [
+          createElementVNode("div", _hoisted_1$p, [
+            createElementVNode("div", _hoisted_2$o, [
               createVNode(SvgIcon, {
                 name: "SpeakerIcon",
                 size: 14
@@ -38725,14 +39084,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", {
                   class: normalizeClass(["check", { show: sp.deviceId === speakerId.value }])
                 }, "✓", 2),
-                createElementVNode("span", _hoisted_4$k, toDisplayString(formatDeviceLabel(sp.label)), 1)
-              ], 8, _hoisted_3$m);
+                createElementVNode("span", _hoisted_4$l, toDisplayString(formatDeviceLabel(sp.label)), 1)
+              ], 8, _hoisted_3$n);
             }), 128)),
-            !speakers.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$h, " 暂无扬声器，请检查电脑设备 ")) : createCommentVNode("", true)
+            !speakers.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$i, " 暂无扬声器，请检查电脑设备 ")) : createCommentVNode("", true)
           ]),
           _cache[2] || (_cache[2] = createElementVNode("div", { class: "divider" }, null, -1)),
-          createElementVNode("div", _hoisted_6$g, [
-            createElementVNode("div", _hoisted_7$f, [
+          createElementVNode("div", _hoisted_6$h, [
+            createElementVNode("div", _hoisted_7$g, [
               createVNode(SvgIcon, {
                 name: "MicrophoneIcon",
                 size: 17
@@ -38748,8 +39107,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", {
                   class: normalizeClass(["check", { show: mic.deviceId === microPhoneId.value }])
                 }, "✓", 2),
-                createElementVNode("span", _hoisted_9$b, toDisplayString(formatDeviceLabel(mic.label)), 1)
-              ], 8, _hoisted_8$d);
+                createElementVNode("span", _hoisted_9$d, toDisplayString(formatDeviceLabel(mic.label)), 1)
+              ], 8, _hoisted_8$f);
             }), 128)),
             !microPhones.value.length ? (openBlock(), createElementBlock("div", _hoisted_10$b, " 暂无麦克风，请检查电脑设备 ")) : createCommentVNode("", true)
           ])
@@ -38779,7 +39138,289 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DeviceSelector = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-bb453dd3"]]);
+const DeviceSelector = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-714814f0"]]);
+const _hoisted_1$o = ["title"];
+const _hoisted_2$n = {
+  class: "signal-bars",
+  "aria-hidden": "true"
+};
+const _hoisted_3$m = {
+  key: 0,
+  class: "signal-text"
+};
+const _hoisted_4$k = { class: "popup-header" };
+const _hoisted_5$h = { class: "popup-summary" };
+const _hoisted_6$g = { class: "popup-section" };
+const _hoisted_7$f = { class: "popup-grid" };
+const _hoisted_8$e = { class: "popup-item-label" };
+const _hoisted_9$c = { class: "popup-item-value" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "NetworkQualitySignal",
+  props: {
+    theme: { default: "dark" },
+    size: { default: "default" },
+    showText: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const triggerRef = ref(null);
+    const showPopup = ref(false);
+    const themeClass = computed(() => `theme-${props.theme}`);
+    const activeBars = computed(() => {
+      if (networkQualityState.isOffline || networkQualityState.isStale) {
+        return 0;
+      }
+      return getNetworkSignalBars(networkQualityState.level);
+    });
+    const overviewItems = computed(() => {
+      const stats = networkQualityState.stats;
+      return [
+        // {
+        //   label: "当前质量",
+        //   value: networkQualityState.label,
+        // },
+        // {
+        //   label: "最近更新",
+        //   value: formatNetworkUpdatedAt(networkQualityState.updatedAt),
+        // },
+        {
+          label: "延迟",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.delay, " ms")
+        },
+        {
+          label: "上行码率",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.bitrate_up, " kb/s")
+        },
+        {
+          label: "下行码率",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.bitrate_down, " kb/s")
+        },
+        {
+          label: "上行丢包率",
+          value: formatNetworkLossRate(stats == null ? void 0 : stats.lossrate_up)
+        },
+        {
+          label: "下行丢包率",
+          value: formatNetworkLossRate(stats == null ? void 0 : stats.lossrate_down)
+        },
+        {
+          label: "上行等级",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.up_level)
+        },
+        {
+          label: "上行包数",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.pkt_up)
+        },
+        {
+          label: "下行包数",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.pkt_down)
+        },
+        {
+          label: "上行丢包数",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.pkt_loss_up)
+        },
+        {
+          label: "下行丢包数",
+          value: formatNetworkNumber(stats == null ? void 0 : stats.pkt_loss_down)
+        }
+      ];
+    });
+    computed(() => {
+      return networkQualityState.details.localAudios.map((item, index) => ({
+        title: `音频发送 ${index + 1}`,
+        subtitle: item.desc || item.streamId || "未识别流",
+        items: [
+          { label: "已发包数", value: formatNetworkNumber(item.packetsSent) },
+          { label: "已发字节", value: formatMetricBytes(item.bytesSent) },
+          { label: "远端抖动", value: formatNetworkNumber(item.jitter) },
+          { label: "远端丢包", value: formatNetworkNumber(item.packetsLost) },
+          {
+            label: "往返时延",
+            value: formatNetworkNumber(item.roundTripTime, " ms")
+          },
+          { label: "音频电平", value: formatNetworkNumber(item.audioLevel) },
+          { label: "采样时间", value: formatMetricTimestamp(item.timestamp) }
+        ]
+      }));
+    });
+    computed(() => {
+      return networkQualityState.details.localVideos.map((item, index) => ({
+        title: `视频发送 ${index + 1}`,
+        subtitle: item.desc || item.streamId || item.rid || "未识别流",
+        items: [
+          {
+            label: "分辨率",
+            value: formatMetricDimension(item.frameWidth, item.frameHeight)
+          },
+          {
+            label: "帧率",
+            value: formatNetworkNumber(item.framesPerSecond, " fps")
+          },
+          { label: "已发帧数", value: formatNetworkNumber(item.framesSent) },
+          {
+            label: "目标码率",
+            value: formatNetworkNumber(item.targetBitrate, " bps")
+          },
+          { label: "FIR", value: formatNetworkNumber(item.firCount) },
+          { label: "PLI", value: formatNetworkNumber(item.pliCount) },
+          { label: "NACK", value: formatNetworkNumber(item.nackCount) },
+          {
+            label: "重传包数",
+            value: formatNetworkNumber(item.retransmittedPacketsSent)
+          },
+          {
+            label: "受限原因",
+            value: formatMetricReason(item.qualityLimitationReason)
+          },
+          {
+            label: "分辨率变化",
+            value: formatNetworkNumber(item.qualityLimitationResolutionChanges)
+          },
+          {
+            label: "往返时延",
+            value: formatNetworkNumber(item.roundTripTime, " ms")
+          },
+          { label: "采样时间", value: formatMetricTimestamp(item.timestamp) }
+        ]
+      }));
+    });
+    computed(() => {
+      return networkQualityState.details.remoteAudios.map((item, index) => ({
+        title: `音频接收 ${index + 1}`,
+        subtitle: item.desc || item.streamId || "未识别流",
+        items: [
+          { label: "已收包数", value: formatNetworkNumber(item.packetsReceived) },
+          { label: "已收字节", value: formatMetricBytes(item.bytesReceived) },
+          { label: "丢包数", value: formatNetworkNumber(item.packetsLost) },
+          { label: "抖动", value: formatNetworkNumber(item.jitter) },
+          {
+            label: "抖动缓冲累计值",
+            value: formatMetricRawValue(item.jitterBufferDelay)
+          },
+          { label: "音频电平", value: formatNetworkNumber(item.audioLevel) },
+          {
+            label: "隐藏事件",
+            value: formatNetworkNumber(item.concealmentEvents)
+          },
+          {
+            label: "静音隐藏事件",
+            value: formatNetworkNumber(item.silentConcealmentEvents)
+          },
+          {
+            label: "总音频能量",
+            value: formatNetworkNumber(item.totalAudioEnergy)
+          },
+          {
+            label: "总样本时长",
+            value: formatNetworkNumber(item.totalSamplesDuration)
+          },
+          { label: "采样时间", value: formatMetricTimestamp(item.timestamp) }
+        ]
+      }));
+    });
+    computed(() => {
+      return networkQualityState.details.remoteVideos.map((item, index) => ({
+        title: `视频接收 ${index + 1}`,
+        subtitle: item.uid || item.desc || item.streamId || item.mimeType || "未识别流",
+        items: [
+          { label: "已收包数", value: formatNetworkNumber(item.packetsReceived) },
+          { label: "已收字节", value: formatMetricBytes(item.bytesReceived) },
+          { label: "丢包数", value: formatNetworkNumber(item.packetsLost) },
+          { label: "抖动", value: formatNetworkNumber(item.jitter) },
+          {
+            label: "抖动缓冲累计值",
+            value: formatMetricRawValue(item.jitterBufferDelay)
+          },
+          { label: "接收帧数", value: formatNetworkNumber(item.framesReceived) },
+          { label: "解码帧数", value: formatNetworkNumber(item.framesDecoded) },
+          { label: "丢帧数", value: formatNetworkNumber(item.framesDropped) },
+          {
+            label: "帧率",
+            value: formatNetworkNumber(item.framesPerSecond, " fps")
+          },
+          {
+            label: "分辨率",
+            value: formatMetricDimension(item.frameWidth, item.frameHeight)
+          },
+          { label: "FIR", value: formatNetworkNumber(item.firCount) },
+          { label: "PLI", value: formatNetworkNumber(item.pliCount) },
+          { label: "NACK", value: formatNetworkNumber(item.nackCount) },
+          {
+            label: "解码器",
+            value: formatMetricReason(item.decoderImplementation)
+          },
+          { label: "MIME", value: formatMetricReason(item.mimeType) },
+          { label: "采样时间", value: formatMetricTimestamp(item.timestamp) }
+        ]
+      }));
+    });
+    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$n, [
+            (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$m, toDisplayString(unref(networkQualityState).label), 1)) : createCommentVNode("", true)
+        ], 10, _hoisted_1$o),
+        createVNode(SmartPopup, {
+          visible: showPopup.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => showPopup.value = $event),
+          trigger: triggerRef.value,
+          gap: 12
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["network-quality-popup", themeClass.value])
+            }, [
+              createElementVNode("div", _hoisted_4$k, [
+                _cache[2] || (_cache[2] = createElementVNode("div", { class: "popup-title" }, "网络详情", -1)),
+                createElementVNode("div", {
+                  class: normalizeClass(["popup-status", `is-${unref(networkQualityState).level}`])
+                }, toDisplayString(unref(networkQualityState).label), 3)
+              ]),
+              createElementVNode("div", _hoisted_5$h, toDisplayString(unref(networkQualityState).summary), 1),
+              createElementVNode("div", _hoisted_6$g, [
+                _cache[3] || (_cache[3] = createElementVNode("div", { class: "popup-section-title" }, "总体网络", -1)),
+                createElementVNode("div", _hoisted_7$f, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(overviewItems.value, (item) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item.label,
+                      class: "popup-item"
+                    }, [
+                      createElementVNode("div", _hoisted_8$e, toDisplayString(item.label), 1),
+                      createElementVNode("div", _hoisted_9$c, toDisplayString(item.value), 1)
+                    ]);
+                  }), 128))
+                ])
+              ])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["visible", "trigger"])
+      ], 2);
+    };
+  }
+});
+const NetworkQualitySignal = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-5280513c"]]);
 const _hoisted_1$n = {
   key: 0,
   class: "sos-flash-overlay"
@@ -38797,8 +39438,8 @@ const _hoisted_6$f = {
   style: { "width": "35px", "height": "35px", "font-size": "16px" }
 };
 const _hoisted_7$e = { class: "caller-text" };
-const _hoisted_8$c = { class: "caller-name" };
-const _hoisted_9$a = {
+const _hoisted_8$d = { class: "caller-name" };
+const _hoisted_9$b = {
   key: 0,
   class: "caller-number"
 };
@@ -38819,14 +39460,13 @@ const _hoisted_19$4 = {
   class: "video-empty"
 };
 const _hoisted_20$4 = { class: "control-bar" };
-const _hoisted_21$2 = { class: "control-bar-inner" };
-const _hoisted_22$2 = {
+const _hoisted_21$2 = {
   key: 0,
   class: "call-duration"
 };
-const _hoisted_23$2 = { id: "duration" };
-const _hoisted_24$2 = { class: "control-buttons" };
-const _hoisted_25$2 = {
+const _hoisted_22$2 = { id: "duration" };
+const _hoisted_23$2 = { class: "control-buttons" };
+const _hoisted_24$2 = {
   key: 1,
   class: "recording-button"
 };
@@ -39151,11 +39791,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$m, [
             createElementVNode("div", _hoisted_3$l, [
               createElementVNode("div", _hoisted_4$j, [
+                createVNode(NetworkQualitySignal, {
+                  theme: _ctx.theme,
+                  size: "compact"
+                }, null, 8, ["theme"]),
                 isReceiving.value && callerInfo.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
                   createElementVNode("div", _hoisted_6$f, toDisplayString(unref(getUserAvatar)(callerInfo.value)), 1),
                   createElementVNode("div", _hoisted_7$e, [
-                    createElementVNode("div", _hoisted_8$c, toDisplayString(callerInfo.value.memberName || "未知来电"), 1),
-                    callerInfo.value.shortNumber ? (openBlock(), createElementBlock("div", _hoisted_9$a, " 分机：" + toDisplayString(callerInfo.value.shortNumber), 1)) : createCommentVNode("", true)
+                    createElementVNode("div", _hoisted_8$d, toDisplayString(callerInfo.value.memberName || "未知来电"), 1),
+                    callerInfo.value.shortNumber ? (openBlock(), createElementBlock("div", _hoisted_9$b, " 分机：" + toDisplayString(callerInfo.value.shortNumber), 1)) : createCommentVNode("", true)
                   ])
                 ])) : createCommentVNode("", true)
               ]),
@@ -39200,116 +39844,114 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               ])]))
             ], 2),
             createElementVNode("div", _hoisted_20$4, [
-              createElementVNode("div", _hoisted_21$2, [
-                isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_22$2, [
-                  createElementVNode("span", _hoisted_23$2, toDisplayString(joinTimeObj.value), 1)
-                ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_24$2, [
-                  isConnected.value || isForcibleInsertion.value ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    ref_key: "micRef",
-                    ref: micRef
-                  }, [
-                    createElementVNode("button", {
-                      class: normalizeClass(["control-btn", { "is-disabled": unref(micOperationBusy) }]),
-                      onClick: _cache[0] || (_cache[0] = ($event) => onChange(unref(RoomModalSelectType).microphoneClick))
-                    }, [
-                      createVNode(SvgIcon, {
-                        name: unref(meState2).microPhoneState == "1" ? "MicrophoneIcon" : "MicrophoneSlashIcon",
-                        size: 20
-                      }, null, 8, ["name"]),
-                      _cache[7] || (_cache[7] = createElementVNode("span", null, "麦克风", -1))
-                    ], 2),
-                    createElementVNode("div", {
-                      class: normalizeClass(["device-dropdown-trigger", { "is-disabled": unref(micOperationBusy) }]),
-                      onClick: _cache[1] || (_cache[1] = ($event) => toggleDeviceSelector("microphone"))
-                    }, [
-                      createVNode(SvgIcon, {
-                        name: "TriangleIcon",
-                        size: 9
-                      })
-                    ], 2)
-                  ], 512)) : createCommentVNode("", true),
-                  isReceiving.value ? (openBlock(), createElementBlock("button", {
-                    key: 1,
-                    class: "accept-call-btn",
-                    onClick: acceptCall
-                  }, [
-                    createVNode(SvgIcon, {
-                      name: "PhoneIcon",
-                      size: 21
-                    }),
-                    _cache[8] || (_cache[8] = createElementVNode("span", null, "接听", -1))
-                  ])) : createCommentVNode("", true),
-                  isCalling.value || isReceiving.value || isConnected.value ? (openBlock(), createElementBlock("button", {
-                    key: 2,
-                    class: "end-call-btn",
-                    onClick: endCall
+              isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_21$2, [
+                createElementVNode("span", _hoisted_22$2, toDisplayString(joinTimeObj.value), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_23$2, [
+                isConnected.value || isForcibleInsertion.value ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  ref_key: "micRef",
+                  ref: micRef
+                }, [
+                  createElementVNode("button", {
+                    class: normalizeClass(["control-btn", { "is-disabled": unref(micOperationBusy) }]),
+                    onClick: _cache[0] || (_cache[0] = ($event) => onChange(unref(RoomModalSelectType).microphoneClick))
                   }, [
                     createVNode(SvgIcon, {
-                      name: "HandUpIcon",
-                      size: 21,
-                      "color-class": "handUp"
-                    }),
-                    createElementVNode("span", null, toDisplayString(isReceiving.value ? "拒绝" : "挂断"), 1)
-                  ])) : createCommentVNode("", true),
-                  isListening.value ? (openBlock(), createElementBlock("button", {
-                    key: 3,
-                    class: "end-call-btn",
-                    onClick: stopMonitoring
+                      name: unref(meState2).microPhoneState == "1" ? "MicrophoneIcon" : "MicrophoneSlashIcon",
+                      size: 20
+                    }, null, 8, ["name"]),
+                    _cache[7] || (_cache[7] = createElementVNode("span", null, "麦克风", -1))
+                  ], 2),
+                  createElementVNode("div", {
+                    class: normalizeClass(["device-dropdown-trigger", { "is-disabled": unref(micOperationBusy) }]),
+                    onClick: _cache[1] || (_cache[1] = ($event) => toggleDeviceSelector("microphone"))
                   }, [
                     createVNode(SvgIcon, {
-                      name: "HandUpIcon",
-                      size: 21,
-                      "color-class": "handUp"
-                    }),
-                    _cache[9] || (_cache[9] = createElementVNode("span", null, "结束监听", -1))
-                  ])) : createCommentVNode("", true),
-                  isForcibleInsertion.value ? (openBlock(), createElementBlock("button", {
-                    key: 4,
-                    class: "end-call-btn",
-                    onClick: stopMonitoring
+                      name: "TriangleIcon",
+                      size: 9
+                    })
+                  ], 2)
+                ], 512)) : createCommentVNode("", true),
+                isReceiving.value ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  class: "accept-call-btn",
+                  onClick: acceptCall
+                }, [
+                  createVNode(SvgIcon, {
+                    name: "PhoneIcon",
+                    size: 21
+                  }),
+                  _cache[8] || (_cache[8] = createElementVNode("span", null, "接听", -1))
+                ])) : createCommentVNode("", true),
+                isCalling.value || isReceiving.value || isConnected.value ? (openBlock(), createElementBlock("button", {
+                  key: 2,
+                  class: "end-call-btn",
+                  onClick: endCall
+                }, [
+                  createVNode(SvgIcon, {
+                    name: "HandUpIcon",
+                    size: 21,
+                    "color-class": "handUp"
+                  }),
+                  createElementVNode("span", null, toDisplayString(isReceiving.value ? "拒绝" : "挂断"), 1)
+                ])) : createCommentVNode("", true),
+                isListening.value ? (openBlock(), createElementBlock("button", {
+                  key: 3,
+                  class: "end-call-btn",
+                  onClick: stopMonitoring
+                }, [
+                  createVNode(SvgIcon, {
+                    name: "HandUpIcon",
+                    size: 21,
+                    "color-class": "handUp"
+                  }),
+                  _cache[9] || (_cache[9] = createElementVNode("span", null, "结束监听", -1))
+                ])) : createCommentVNode("", true),
+                isForcibleInsertion.value ? (openBlock(), createElementBlock("button", {
+                  key: 4,
+                  class: "end-call-btn",
+                  onClick: stopMonitoring
+                }, [
+                  createVNode(SvgIcon, {
+                    name: "HandUpIcon",
+                    size: 20
+                  }),
+                  _cache[10] || (_cache[10] = createElementVNode("span", null, "退出通话", -1))
+                ])) : createCommentVNode("", true),
+                isConnected.value || isForcibleInsertion.value ? (openBlock(), createElementBlock("div", {
+                  key: 5,
+                  ref_key: "cameraRef",
+                  ref: cameraRef
+                }, [
+                  createElementVNode("button", {
+                    class: normalizeClass(["control-btn", { "is-disabled": unref(cameraOperationBusy) }]),
+                    onClick: _cache[2] || (_cache[2] = ($event) => onChange(unref(RoomModalSelectType).cameraClick))
                   }, [
                     createVNode(SvgIcon, {
-                      name: "HandUpIcon",
+                      name: unref(meState2).cameraState == "1" ? "CameraIcon" : "CameraSlashIcon",
                       size: 20
-                    }),
-                    _cache[10] || (_cache[10] = createElementVNode("span", null, "退出通话", -1))
-                  ])) : createCommentVNode("", true),
-                  isConnected.value || isForcibleInsertion.value ? (openBlock(), createElementBlock("div", {
-                    key: 5,
-                    ref_key: "cameraRef",
-                    ref: cameraRef
+                    }, null, 8, ["name"]),
+                    _cache[11] || (_cache[11] = createElementVNode("span", null, "摄像头", -1))
+                  ], 2),
+                  createElementVNode("div", {
+                    class: normalizeClass(["device-dropdown-trigger", { "is-disabled": unref(cameraOperationBusy) }]),
+                    onClick: _cache[3] || (_cache[3] = ($event) => toggleDeviceSelector("camera"))
                   }, [
-                    createElementVNode("button", {
-                      class: normalizeClass(["control-btn", { "is-disabled": unref(cameraOperationBusy) }]),
-                      onClick: _cache[2] || (_cache[2] = ($event) => onChange(unref(RoomModalSelectType).cameraClick))
-                    }, [
-                      createVNode(SvgIcon, {
-                        name: unref(meState2).cameraState == "1" ? "CameraIcon" : "CameraSlashIcon",
-                        size: 20
-                      }, null, 8, ["name"]),
-                      _cache[11] || (_cache[11] = createElementVNode("span", null, "摄像头", -1))
-                    ], 2),
-                    createElementVNode("div", {
-                      class: normalizeClass(["device-dropdown-trigger", { "is-disabled": unref(cameraOperationBusy) }]),
-                      onClick: _cache[3] || (_cache[3] = ($event) => toggleDeviceSelector("camera"))
-                    }, [
-                      createVNode(SvgIcon, {
-                        name: "TriangleIcon",
-                        size: 9
-                      })
-                    ], 2)
-                  ], 512)) : createCommentVNode("", true)
-                ]),
-                isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_25$2, [
-                  createVNode(SvgIcon, {
-                    name: "TranscribeIcon",
-                    size: 22
-                  }),
-                  _cache[12] || (_cache[12] = createElementVNode("span", null, "录制中", -1))
-                ])) : createCommentVNode("", true)
-              ])
+                    createVNode(SvgIcon, {
+                      name: "TriangleIcon",
+                      size: 9
+                    })
+                  ], 2)
+                ], 512)) : createCommentVNode("", true)
+              ]),
+              isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_24$2, [
+                createVNode(SvgIcon, {
+                  name: "TranscribeIcon",
+                  size: 22
+                }),
+                _cache[12] || (_cache[12] = createElementVNode("span", null, "录制中", -1))
+              ])) : createCommentVNode("", true)
             ])
           ]),
           createVNode(SmartPopup, {
@@ -39332,7 +39974,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSCall = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f434b44a"]]);
+const JSCall = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-4da11643"]]);
 const _hoisted_1$m = { class: "js-dialog-header-title" };
 const _hoisted_2$l = { class: "js-dialog-header-actions" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -39430,18 +40072,19 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-b7bfbbf3"]]);
+const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-87753f9c"]]);
 const _hoisted_1$l = { class: "js-dialog-content-inner" };
-const _hoisted_2$k = { class: "js-dialog-content-inner-right" };
-const _hoisted_3$k = { class: "grid-layout" };
-const _hoisted_4$i = ["onClick"];
-const _hoisted_5$f = {
+const _hoisted_2$k = { class: "js-dialog-content-inner-left" };
+const _hoisted_3$k = { class: "js-dialog-content-inner-right" };
+const _hoisted_4$i = { class: "grid-layout" };
+const _hoisted_5$f = ["onClick"];
+const _hoisted_6$e = {
   key: 0,
   class: "host-tag"
 };
-const _hoisted_6$e = ["id"];
-const _hoisted_7$d = { class: "avatar-container" };
-const _hoisted_8$b = { class: "video-loading-overlay" };
+const _hoisted_7$d = ["id"];
+const _hoisted_8$c = { class: "avatar-container" };
+const _hoisted_9$a = { class: "video-loading-overlay" };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "meeting-content",
   props: {
@@ -39538,15 +40181,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$l, [
-          createElementVNode("div", null, [
-            _cache[0] || (_cache[0] = createElementVNode("div", null, null, -1)),
+          createElementVNode("div", _hoisted_2$k, [
+            createVNode(NetworkQualitySignal),
             createElementVNode("span", null, "正在讲话：" + toDisplayString(speakingUserName.value), 1)
           ]),
-          createElementVNode("div", _hoisted_2$k, [
+          createElementVNode("div", _hoisted_3$k, [
             createElementVNode("span", null, toDisplayString(joinTimeObj.value), 1),
             createVNode(SvgIcon, {
               name: _ctx.isFullscreen ? "NoFullscreenIcon" : "FullscreenIcon",
-              size: 18,
               class: "icon-inactive",
               onClick: handleFullscreenClick
             }, null, 8, ["name"])
@@ -39555,7 +40197,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["js-dialog-content", layoutClass.value])
         }, [
-          createElementVNode("div", _hoisted_3$k, [
+          createElementVNode("div", _hoisted_4$i, [
             !unref(members).length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(12, (n2) => {
               return createElementVNode("div", {
                 key: n2,
@@ -39581,18 +40223,18 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     small: _ctx.layout === "speaker" && ((_g2 = user == null ? void 0 : user.member) == null ? void 0 : _g2.memberId) !== ((_i2 = (_h = speakerUser.value) == null ? void 0 : _h.member) == null ? void 0 : _i2.memberId)
                   }])
                 }, [
-                  user.roleType === "1" ? (openBlock(), createElementBlock("div", _hoisted_5$f, "主持人")) : createCommentVNode("", true),
+                  user.roleType === "1" ? (openBlock(), createElementBlock("div", _hoisted_6$e, "主持人")) : createCommentVNode("", true),
                   withDirectives((openBlock(), createElementBlock("div", {
                     id: unref(userId) === (user == null ? void 0 : user.member.memberId) ? "my-video" : `other-${user == null ? void 0 : user.member.memberId}`,
                     key: unref(userId) === (user == null ? void 0 : user.member.memberId) ? "my-video" : `other-${user == null ? void 0 : user.member.memberId}`,
                     class: "video-element"
-                  }, null, 8, _hoisted_6$e)), [
+                  }, null, 8, _hoisted_7$d)), [
                     [
                       vShow,
                       ((user == null ? void 0 : user.cameraStatus) ?? "0") == "1" || ((user == null ? void 0 : user.shareScreenStatus) ?? "0") == "1"
                     ]
                   ]),
-                  withDirectives(createElementVNode("div", _hoisted_7$d, [
+                  withDirectives(createElementVNode("div", _hoisted_8$c, [
                     createElementVNode("div", {
                       class: normalizeClass(["avatar", {
                         large: _ctx.layout === "speaker" && ((_j = user == null ? void 0 : user.member) == null ? void 0 : _j.memberId) === ((_l2 = (_k = speakerUser.value) == null ? void 0 : _k.member) == null ? void 0 : _l2.memberId),
@@ -39605,7 +40247,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                       ((user == null ? void 0 : user.cameraStatus) ?? "0") == "0" && ((user == null ? void 0 : user.shareScreenStatus) ?? "0") == "0"
                     ]
                   ]),
-                  withDirectives(createElementVNode("div", _hoisted_8$b, [..._cache[1] || (_cache[1] = [
+                  withDirectives(createElementVNode("div", _hoisted_9$a, [..._cache[0] || (_cache[0] = [
                     createElementVNode("div", { class: "video-loading-spinner" }, null, -1),
                     createElementVNode("div", { class: "video-loading-text" }, "加载中...", -1)
                   ])], 512), [
@@ -39644,7 +40286,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     }])
                   }, toDisplayString(getUserName2(user)), 3)
                 ], 2)
-              ], 10, _hoisted_4$i);
+              ], 10, _hoisted_5$f);
             }), 128))
           ])
         ], 2)
@@ -39652,7 +40294,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingContent = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b0c37e90"]]);
+const MeetingContent = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-4a57322e"]]);
 const _hoisted_1$k = { class: "js-dialog-footer" };
 const _hoisted_2$j = { class: "js-dialog-footer-group js-dialog-footer-left" };
 const _hoisted_3$j = { class: "js-dialog-footer-group js-dialog-footer-center" };
@@ -39959,7 +40601,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingFooter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-013d5bbe"]]);
+const MeetingFooter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8c1cfbaa"]]);
 const _hoisted_1$j = { class: "search" };
 const _hoisted_2$i = { class: "custom-tabs" };
 const _hoisted_3$i = { class: "member-list" };
@@ -39967,7 +40609,7 @@ const _hoisted_4$g = ["onMouseenter"];
 const _hoisted_5$e = { class: "default-avatar" };
 const _hoisted_6$d = { class: "info" };
 const _hoisted_7$c = { class: "name-line" };
-const _hoisted_8$a = { class: "name" };
+const _hoisted_8$b = { class: "name" };
 const _hoisted_9$9 = { key: 0 };
 const _hoisted_10$9 = { key: 1 };
 const _hoisted_11$7 = { class: "member-actions" };
@@ -40225,7 +40867,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5$e, toDisplayString(unref(getUserAvatar)(member)), 1),
               createElementVNode("div", _hoisted_6$d, [
                 createElementVNode("div", _hoisted_7$c, [
-                  createElementVNode("span", _hoisted_8$a, toDisplayString(member.member.name), 1),
+                  createElementVNode("span", _hoisted_8$b, toDisplayString(member.member.name), 1),
                   createElementVNode("div", null, [
                     member.roleType == "1" ? (openBlock(), createElementBlock("span", _hoisted_9$9, "(主持人)")) : member.roleType == "0" ? (openBlock(), createElementBlock("span", _hoisted_10$9, " ")) : createCommentVNode("", true)
                   ])
@@ -40307,7 +40949,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ManageMembers = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b38fa1a8"]]);
+const ManageMembers = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-feabfd52"]]);
 const _hoisted_1$i = { class: "chat-container" };
 const _hoisted_2$h = { class: "chat-content" };
 const _hoisted_3$h = { class: "chat-meta" };
@@ -40318,7 +40960,7 @@ const _hoisted_6$c = {
   class: "chat-image-wrapper"
 };
 const _hoisted_7$b = ["src", "onClick", "onError", "onLoad"];
-const _hoisted_8$9 = {
+const _hoisted_8$a = {
   key: 0,
   class: "image-error"
 };
@@ -40804,7 +41446,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     onError: ($event) => handleImageError($event, msg.imageUrl),
                     onLoad: ($event) => handleImageLoad($event, msg.imageUrl)
                   }, null, 40, _hoisted_7$b),
-                  msg.imageError ? (openBlock(), createElementBlock("div", _hoisted_8$9, "图片加载失败")) : createCommentVNode("", true)
+                  msg.imageError ? (openBlock(), createElementBlock("div", _hoisted_8$a, "图片加载失败")) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
                 msg.text ? (openBlock(), createElementBlock("div", _hoisted_9$8, toDisplayString(msg.text), 1)) : createCommentVNode("", true)
               ])
@@ -40884,14 +41526,18 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Chat = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-943d45ce"]]);
+const Chat = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-9e4031ce"]]);
 const _hoisted_1$h = { class: "monitor-container" };
 const _hoisted_2$g = { class: "monitor-grid" };
 const _hoisted_3$g = { class: "camera-header" };
 const _hoisted_4$e = { class: "camera-name" };
 const _hoisted_5$c = { class: "camera-video" };
 const _hoisted_6$b = ["src"];
-const _hoisted_7$a = { class: "camera-actions" };
+const _hoisted_7$a = {
+  key: 1,
+  class: "no-stream"
+};
+const _hoisted_8$9 = { class: "camera-actions" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Monitor",
   setup(__props) {
@@ -40916,7 +41562,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
     const isJoining = (item) => joiningIds.value.has(String((item == null ? void 0 : item.id) ?? ""));
     const monitorJoin = (item) => {
-      if (isInMeeting(item) || isJoining(item)) return;
+      if (!item.webStream || isInMeeting(item) || isJoining(item)) return;
       const itemId = String((item == null ? void 0 : item.id) ?? "");
       joiningIds.value.add(itemId);
       const meetingInfo = JSON.parse(
@@ -40962,20 +41608,23 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createElementVNode("div", _hoisted_5$c, [
-                createElementVNode("iframe", {
+                item.webStream ? (openBlock(), createElementBlock("iframe", {
+                  key: 0,
                   src: item.webStream,
                   width: "100%",
                   height: "150",
                   frameborder: "0",
                   allowfullscreen: ""
-                }, null, 8, _hoisted_6$b)
+                }, null, 8, _hoisted_6$b)) : (openBlock(), createElementBlock("div", _hoisted_7$a, " 暂无视频流 "))
               ]),
-              createElementVNode("div", _hoisted_7$a, [
+              createElementVNode("div", _hoisted_8$9, [
                 item.type !== "uav" ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
-                  disabled: isInMeeting(item) || isJoining(item),
+                  disabled: !item.webStream || isInMeeting(item) || isJoining(item),
                   type: "primary",
-                  class: normalizeClass(["monitor-btn", { "btn-disabled": isInMeeting(item) || isJoining(item) }]),
+                  class: normalizeClass(["monitor-btn", {
+                    "btn-disabled": !item.webStream || isInMeeting(item) || isJoining(item)
+                  }]),
                   onClick: ($event) => monitorJoin(item)
                 }, {
                   default: withCtx(() => [
@@ -40992,7 +41641,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Monitor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-9e767594"]]);
+const Monitor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4f0c711a"]]);
 const _hoisted_1$g = { class: "js-dialog-sidebar-tabs" };
 const _hoisted_2$f = ["onClick"];
 const _hoisted_3$f = { class: "tab-content-wrapper" };
@@ -41062,7 +41711,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-41d8b0b5"]]);
+const MeetingSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6a05834a"]]);
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ScreenSharingIndicator",
   props: {
@@ -41231,7 +41880,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MinimizedMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a0cf90a4"]]);
+const MinimizedMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-0005f5eb"]]);
 const _hoisted_1$e = {
   key: 0,
   class: "toggle"
@@ -41458,7 +42107,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TreeNodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e112f530"]]);
+const TreeNodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4d4b1b8b"]]);
 const _hoisted_1$d = { class: "tree" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Tree",
@@ -41588,7 +42237,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 });
 const Tree = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-b9399b47"]]);
 const _hoisted_1$c = { class: "js-invite-modal-content-left" };
-const _hoisted_2$c = { class: "js-search-container" };
+const _hoisted_2$c = { class: "search" };
 const _hoisted_3$c = { class: "js-tree-container" };
 const _hoisted_4$a = {
   key: 0,
@@ -41750,12 +42399,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             withDirectives(createElementVNode("input", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
               type: "text",
-              placeholder: "搜索",
-              class: "js-search-input",
+              placeholder: "搜索用户",
+              class: "search-input",
               onInput: handleSearch
             }, null, 544), [
               [vModelText, searchKeyword.value]
-            ])
+            ]),
+            createVNode(SvgIcon, {
+              name: "SearchIcon",
+              class: "search-icon",
+              size: 15
+            })
           ]),
           createElementVNode("div", _hoisted_3$c, [
             treeData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
@@ -41822,7 +42476,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-6dc97838"]]);
+const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-0a171efb"]]);
 const _hoisted_1$b = { class: "meeting-invite-modal" };
 const _hoisted_2$b = { class: "meeting-invite-modal-header" };
 const _hoisted_3$b = { class: "meeting-invite-modal-title" };
@@ -41949,7 +42603,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingInviteModal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ea858fb4"]]);
+const MeetingInviteModal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5fbee83a"]]);
 const _hoisted_1$a = {
   key: 0,
   class: "js-dialog-overlay"
@@ -42321,7 +42975,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c4b1d707"]]);
+const JSMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ea49c425"]]);
 const _hoisted_1$9 = { class: "modal" };
 const _hoisted_2$9 = { class: "modal-header" };
 const _hoisted_3$9 = { class: "meeting-list" };
@@ -42466,7 +43120,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSMeetingList = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-bce7adaa"]]);
+const JSMeetingList = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-25ce05dd"]]);
 const _hoisted_1$8 = { class: "modal" };
 const _hoisted_2$8 = { class: "modal-header" };
 const _hoisted_3$8 = { class: "tab-header" };
@@ -42887,7 +43541,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSCallList = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e08f525f"]]);
+const JSCallList = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e8aa2442"]]);
 const _hoisted_1$7 = { class: "dialog" };
 const _hoisted_2$7 = { class: "modal-header" };
 const _hoisted_3$7 = { class: "content" };
@@ -43064,7 +43718,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSSOSSetting = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-cb957fba"]]);
+const JSSOSSetting = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-241d94f7"]]);
 const _hoisted_1$6 = { class: "dialog" };
 const _hoisted_2$6 = { class: "modal-header" };
 const _hoisted_3$6 = { class: "content" };
@@ -43291,7 +43945,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUnattendedSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-9c3eeb27"]]);
+const JSUnattendedSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-449cc1c7"]]);
 const _hoisted_1$5 = { class: "notification-container" };
 const _hoisted_2$5 = ["onClick"];
 const _hoisted_3$5 = { class: "notification-content" };
@@ -43367,7 +44021,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Notification = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-724cb8da"]]);
+const Notification = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-50efd5d8"]]);
 const _hoisted_1$4 = { class: "incoming-call-card-content" };
 const _hoisted_2$4 = { class: "caller-info" };
 const _hoisted_3$4 = { class: "caller-avatar" };
@@ -43437,7 +44091,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const IncomingCallModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-055bf8e4"]]);
+const IncomingCallModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-084565a0"]]);
 const _hoisted_1$3 = {
   key: 0,
   class: "incoming-call-panel"
@@ -43544,7 +44198,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GlobalIncomingCallModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b9a920d0"]]);
+const GlobalIncomingCallModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b7f23c10"]]);
 const _hoisted_1$2 = {
   key: 0,
   class: "unattended-display"
@@ -44063,194 +44717,192 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_draggable = resolveDirective("draggable");
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        visible.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["modal", themeClass.value])
-        }, [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "设备检测", -1)),
-              createElementVNode("div", {
-                class: "close-btn",
-                onClick: closeModal
-              }, [
-                createVNode(SvgIcon, {
-                  name: "CloseIcon",
-                  size: 20,
-                  style: { "color": "var(--js-text-color)" }
-                })
-              ])
+      return visible.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["modal", themeClass.value])
+      }, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "设备检测", -1)),
+            createElementVNode("div", {
+              class: "close-btn",
+              onClick: closeModal
+            }, [
+              createVNode(SvgIcon, {
+                name: "CloseIcon",
+                size: 20,
+                style: { "color": "var(--js-text-color)" }
+              })
+            ])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
+                return createElementVNode("button", {
+                  key: tab.key,
+                  class: normalizeClass(["tab-item", { active: activeTab.value === tab.key }]),
+                  onClick: ($event) => activeTab.value = tab.key
+                }, [
+                  createVNode(SvgIcon, {
+                    name: tab.icon,
+                    size: 18
+                  }, null, 8, ["name"]),
+                  createElementVNode("span", null, toDisplayString(tab.label), 1)
+                ], 10, _hoisted_5);
+              }), 64))
             ]),
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
-                (openBlock(), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
-                  return createElementVNode("button", {
-                    key: tab.key,
-                    class: normalizeClass(["tab-item", { active: activeTab.value === tab.key }]),
-                    onClick: ($event) => activeTab.value = tab.key
-                  }, [
-                    createVNode(SvgIcon, {
-                      name: tab.icon,
-                      size: 18
-                    }, null, 8, ["name"]),
-                    createElementVNode("span", null, toDisplayString(tab.label), 1)
-                  ], 10, _hoisted_5);
-                }), 64))
-              ]),
-              createElementVNode("div", _hoisted_6, [
-                activeTab.value === "camera" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                  createElementVNode("div", _hoisted_8, [
-                    createElementVNode("video", {
-                      ref_key: "cameraVideoRef",
-                      ref: cameraVideoRef,
-                      class: "camera-preview-large",
-                      autoplay: "",
-                      muted: "",
-                      playsinline: ""
-                    }, null, 512),
-                    cameraError.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(cameraError.value), 1)) : !cameras.value.length ? (openBlock(), createElementBlock("div", _hoisted_10, " 未检测到摄像头设备 ")) : createCommentVNode("", true)
-                  ]),
-                  createElementVNode("div", _hoisted_11, [
-                    _cache[6] || (_cache[6] = createElementVNode("div", { class: "device-label" }, "摄像头", -1)),
+            createElementVNode("div", _hoisted_6, [
+              activeTab.value === "camera" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("video", {
+                    ref_key: "cameraVideoRef",
+                    ref: cameraVideoRef,
+                    class: "camera-preview-large",
+                    autoplay: "",
+                    muted: "",
+                    playsinline: ""
+                  }, null, 512),
+                  cameraError.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(cameraError.value), 1)) : !cameras.value.length ? (openBlock(), createElementBlock("div", _hoisted_10, " 未检测到摄像头设备 ")) : createCommentVNode("", true)
+                ]),
+                createElementVNode("div", _hoisted_11, [
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "device-label" }, "摄像头", -1)),
+                  createVNode(JsSelect, {
+                    modelValue: selectedCameraId.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedCameraId.value = $event),
+                    options: cameras.value,
+                    "label-key": "label",
+                    "value-key": "deviceId",
+                    class: "device-select"
+                  }, null, 8, ["modelValue", "options"])
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_13, [
+                  _cache[9] || (_cache[9] = createElementVNode("div", { class: "audio-section-title" }, "扬声器", -1)),
+                  createElementVNode("div", _hoisted_14, [
                     createVNode(JsSelect, {
-                      modelValue: selectedCameraId.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedCameraId.value = $event),
-                      options: cameras.value,
+                      modelValue: selectedSpeakerId.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedSpeakerId.value = $event),
+                      options: speakers.value,
                       "label-key": "label",
                       "value-key": "deviceId",
-                      class: "device-select"
-                    }, null, 8, ["modelValue", "options"])
-                  ])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_12, [
-                  createElementVNode("div", _hoisted_13, [
-                    _cache[9] || (_cache[9] = createElementVNode("div", { class: "audio-section-title" }, "扬声器", -1)),
-                    createElementVNode("div", _hoisted_14, [
-                      createVNode(JsSelect, {
-                        modelValue: selectedSpeakerId.value,
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedSpeakerId.value = $event),
-                        options: speakers.value,
-                        "label-key": "label",
-                        "value-key": "deviceId",
-                        class: "device-select flex-1"
-                      }, null, 8, ["modelValue", "options"]),
-                      createElementVNode("button", {
-                        class: "action-btn-outline",
-                        disabled: !speakers.value.length,
-                        onClick: toggleSpeakerTest
-                      }, toDisplayString(speakerTesting.value ? "停止检测" : "检测扬声器"), 9, _hoisted_15)
+                      class: "device-select flex-1"
+                    }, null, 8, ["modelValue", "options"]),
+                    createElementVNode("button", {
+                      class: "action-btn-outline",
+                      disabled: !speakers.value.length,
+                      onClick: toggleSpeakerTest
+                    }, toDisplayString(speakerTesting.value ? "停止检测" : "检测扬声器"), 9, _hoisted_15)
+                  ]),
+                  createElementVNode("div", _hoisted_16, [
+                    createElementVNode("div", _hoisted_17, [
+                      _cache[7] || (_cache[7] = createElementVNode("span", null, "输出等级", -1)),
+                      createVNode(SvgIcon, {
+                        name: "SpeakerIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_16, [
-                      createElementVNode("div", _hoisted_17, [
-                        _cache[7] || (_cache[7] = createElementVNode("span", null, "输出等级", -1)),
-                        createVNode(SvgIcon, {
-                          name: "SpeakerIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_18, [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
-                          return createElementVNode("div", {
-                            key: i2,
-                            class: normalizeClass(["level-bar", { active: speakerProgress.value > (i2 - 1) * (100 / 14) }])
-                          }, null, 2);
-                        }), 64))
-                      ])
+                    createElementVNode("div", _hoisted_18, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
+                        return createElementVNode("div", {
+                          key: i2,
+                          class: normalizeClass(["level-bar", { active: speakerProgress.value > (i2 - 1) * (100 / 14) }])
+                        }, null, 2);
+                      }), 64))
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_19, [
+                    createElementVNode("div", _hoisted_20, [
+                      _cache[8] || (_cache[8] = createElementVNode("span", null, "音量", -1)),
+                      createVNode(SvgIcon, {
+                        name: "SpeakerIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_19, [
-                      createElementVNode("div", _hoisted_20, [
-                        _cache[8] || (_cache[8] = createElementVNode("span", null, "音量", -1)),
-                        createVNode(SvgIcon, {
-                          name: "SpeakerIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_21, [
-                        withDirectives(createElementVNode("input", {
-                          type: "range",
-                          min: "0",
-                          max: "100",
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => speakerVolume.value = $event),
-                          class: "volume-slider",
-                          style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${speakerVolume.value}%, rgba(255, 255, 255, 0.08) ${speakerVolume.value}%)`)
-                        }, null, 4), [
-                          [vModelText, speakerVolume.value]
-                        ])
+                    createElementVNode("div", _hoisted_21, [
+                      withDirectives(createElementVNode("input", {
+                        type: "range",
+                        min: "0",
+                        max: "100",
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => speakerVolume.value = $event),
+                        class: "volume-slider",
+                        style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${speakerVolume.value}%, rgba(255, 255, 255, 0.08) ${speakerVolume.value}%)`)
+                      }, null, 4), [
+                        [vModelText, speakerVolume.value]
                       ])
                     ])
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_22, [
+                  _cache[12] || (_cache[12] = createElementVNode("div", { class: "audio-section-title" }, "麦克风", -1)),
+                  createElementVNode("div", _hoisted_23, [
+                    createVNode(JsSelect, {
+                      modelValue: selectedMicrophoneId.value,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedMicrophoneId.value = $event),
+                      options: microPhones.value,
+                      "label-key": "label",
+                      "value-key": "deviceId",
+                      class: "device-select flex-1"
+                    }, null, 8, ["modelValue", "options"]),
+                    createElementVNode("button", {
+                      class: "action-btn-outline",
+                      disabled: !microPhones.value.length,
+                      onClick: toggleMicrophoneTest
+                    }, toDisplayString(microphoneTesting.value ? "停止检测" : "检测麦克风"), 9, _hoisted_24)
                   ]),
-                  createElementVNode("div", _hoisted_22, [
-                    _cache[12] || (_cache[12] = createElementVNode("div", { class: "audio-section-title" }, "麦克风", -1)),
-                    createElementVNode("div", _hoisted_23, [
-                      createVNode(JsSelect, {
-                        modelValue: selectedMicrophoneId.value,
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedMicrophoneId.value = $event),
-                        options: microPhones.value,
-                        "label-key": "label",
-                        "value-key": "deviceId",
-                        class: "device-select flex-1"
-                      }, null, 8, ["modelValue", "options"]),
-                      createElementVNode("button", {
-                        class: "action-btn-outline",
-                        disabled: !microPhones.value.length,
-                        onClick: toggleMicrophoneTest
-                      }, toDisplayString(microphoneTesting.value ? "停止检测" : "检测麦克风"), 9, _hoisted_24)
+                  createElementVNode("div", _hoisted_25, [
+                    createElementVNode("div", _hoisted_26, [
+                      _cache[10] || (_cache[10] = createElementVNode("span", null, "输入等级", -1)),
+                      createVNode(SvgIcon, {
+                        name: "MicrophoneIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_25, [
-                      createElementVNode("div", _hoisted_26, [
-                        _cache[10] || (_cache[10] = createElementVNode("span", null, "输入等级", -1)),
-                        createVNode(SvgIcon, {
-                          name: "MicrophoneIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_27, [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
-                          return createElementVNode("div", {
-                            key: i2,
-                            class: normalizeClass(["level-bar", { active: microphoneLevel.value > (i2 - 1) * (100 / 14) }])
-                          }, null, 2);
-                        }), 64))
-                      ])
+                    createElementVNode("div", _hoisted_27, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(14, (i2) => {
+                        return createElementVNode("div", {
+                          key: i2,
+                          class: normalizeClass(["level-bar", { active: microphoneLevel.value > (i2 - 1) * (100 / 14) }])
+                        }, null, 2);
+                      }), 64))
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_28, [
+                    createElementVNode("div", _hoisted_29, [
+                      _cache[11] || (_cache[11] = createElementVNode("span", null, "音量", -1)),
+                      createVNode(SvgIcon, {
+                        name: "SpeakerIcon",
+                        size: 16,
+                        style: { "color": "#2f86ff" }
+                      })
                     ]),
-                    createElementVNode("div", _hoisted_28, [
-                      createElementVNode("div", _hoisted_29, [
-                        _cache[11] || (_cache[11] = createElementVNode("span", null, "音量", -1)),
-                        createVNode(SvgIcon, {
-                          name: "SpeakerIcon",
-                          size: 16,
-                          style: { "color": "#2f86ff" }
-                        })
-                      ]),
-                      createElementVNode("div", _hoisted_30, [
-                        withDirectives(createElementVNode("input", {
-                          type: "range",
-                          min: "0",
-                          max: "100",
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => microphoneVolume.value = $event),
-                          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]
-                        ])
+                    createElementVNode("div", _hoisted_30, [
+                      withDirectives(createElementVNode("input", {
+                        type: "range",
+                        min: "0",
+                        max: "100",
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => microphoneVolume.value = $event),
+                        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)
-      ]);
+        ])), [
+          [_directive_draggable, { handle: ".header" }]
+        ])
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
-const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44d3edad"]]);
+const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e538b058"]]);
 function scheduleJoinRoom() {
   setTimeout(() => {
     try {