@ai-matrx/meet 0.11.43 → 0.11.44

package/dist/react.js

@@ -2469,11 +2469,13 @@ function minutesLeft(policy, startedAtMs, nowMs) {
 }
 
 // src/core/attendance.ts
+var IDLE_PREVIEW = { state: "idle", unavailable: null };
 var IDLE_MEDIA_REGION = {
   permission: { microphone: "unknown", camera: "unknown" },
   audioOutput: "ok",
   notice: null,
-  offer: null
+  offer: null,
+  preview: { microphone: IDLE_PREVIEW, camera: IDLE_PREVIEW }
 };
 var IDLE_TRACK = { enabled: false, unavailable: null };
 var IDLE_MEDIA = {
@@ -4830,6 +4832,47 @@ function createMeetSessionIdentity(options) {
   });
 }
 
+// src/core/capabilities.ts
+var IN_APP = [
+  [/Instagram/i, "Instagram"],
+  [/FBAN|FBAV|FB_IAB/i, "Facebook"],
+  [/LinkedInApp/i, "LinkedIn"],
+  [/MicroMessenger/i, "WeChat"],
+  [/Snapchat/i, "Snapchat"],
+  [/\bLine\//i, "LINE"],
+  [/Twitter|TwitterAndroid/i, "X"],
+  [/TikTok|musical_ly|BytedanceWebview/i, "TikTok"]
+];
+function isMobileUserAgent(userAgent, maxTouchPoints = 0) {
+  if (/iPhone|iPod|Android|Mobile|iPad/i.test(userAgent)) return true;
+  return /Macintosh/.test(userAgent) && maxTouchPoints > 1;
+}
+function detectCapabilities(scope = typeof globalThis === "undefined" ? null : globalThis) {
+  if (scope === null || scope.navigator === void 0) {
+    return { canJoin: true, reason: null, inAppBrowser: null, mobile: false, canShareScreen: false };
+  }
+  const ua = scope.navigator.userAgent ?? "";
+  const webrtc = typeof scope.RTCPeerConnection === "function" || typeof scope.webkitRTCPeerConnection === "function";
+  const mobile = isMobileUserAgent(ua, scope.navigator.maxTouchPoints ?? 0);
+  const inAppBrowser = IN_APP.find(([pattern]) => pattern.test(ua))?.[1] ?? null;
+  return {
+    canJoin: webrtc,
+    reason: webrtc ? null : "no_webrtc",
+    inAppBrowser,
+    mobile,
+    canShareScreen: !mobile && typeof scope.navigator.mediaDevices?.getDisplayMedia === "function"
+  };
+}
+function unsupportedWords(capabilities) {
+  if (capabilities.inAppBrowser !== null) {
+    return {
+      title: `${capabilities.inAppBrowser}'s browser can't join calls`,
+      body: "Open this link in Chrome, Safari, Edge or Firefox"
+    };
+  }
+  return { title: "This browser can't join calls", body: "Open this link in Chrome, Safari, Edge or Firefox" };
+}
+
 // src/core/media-supervisor.ts
 function classifyDeviceFailure(error, permission) {
   if (permission === "denied") return "denied";
@@ -4890,7 +4933,7 @@ function deviceFixSteps(kind, reason, where) {
         case "safari":
           return where.os === "ios" ? [`Settings \u203A Apps \u203A Safari \u203A ${device}`, "Choose Allow", "Return here and press Try again"] : ["Safari \u203A Settings for This Website", `Set ${device} to Allow`, "Press Try again"];
         default:
-          return ["Click the icon left of the web address", `Set ${device} to Allow`, "Press Try again"];
+          return ["Click the site settings icon in the address bar", `Set ${device} to Allow`, "Press Try again"];
       }
     case "blocked_os": {
       const app = where.browser === "chrome" ? "Google Chrome" : where.browser === "edge" ? "Microsoft Edge" : where.browser === "firefox" ? "Firefox" : "your browser";
@@ -4988,7 +5031,7 @@ function createMediaSupervisor(options) {
   function setRegion(next) {
     const current = region();
     const merged = { ...current, ...next };
-    if (merged.audioOutput === current.audioOutput && merged.notice === current.notice && merged.offer === current.offer && merged.permission.microphone === current.permission.microphone && merged.permission.camera === current.permission.camera) {
+    if (merged.audioOutput === current.audioOutput && merged.notice === current.notice && merged.offer === current.offer && merged.preview === current.preview && merged.permission.microphone === current.permission.microphone && merged.permission.camera === current.permission.camera) {
       return;
     }
     store.patch({ mediaRegion: merged });
@@ -5084,7 +5127,7 @@ function createMediaSupervisor(options) {
     if (permission !== "unknown") setPermission(kind, permission);
     return unavailableFrom(normalized, classifyDeviceFailure(normalized, permission));
   }
-  return {
+  const api = {
     start() {
       if (started || platform === null) return;
       started = true;
@@ -5106,6 +5149,16 @@ function createMediaSupervisor(options) {
       started = false;
     },
     unavailable,
+    async preview(kind, outcome) {
+      api.start();
+      let next;
+      if (typeof outcome === "string") next = { state: outcome, unavailable: null };
+      else next = { state: "unavailable", unavailable: await unavailable(outcome.error, kind, `meet.${kind}Preview`) };
+      const current = region().preview;
+      const was = current[kind];
+      if (was.state === next.state && was.unavailable?.reason === next.unavailable?.reason && was.unavailable?.message === next.unavailable?.message) return;
+      setRegion({ preview: { ...region().preview, [kind]: next } });
+    },
     onAudioPlayback(canPlay) {
       setRegion({ audioOutput: canPlay ? "ok" : "blocked" });
     },
@@ -5164,6 +5217,7 @@ function createMediaSupervisor(options) {
       setRegion({ notice: null });
     }
   };
+  return api;
 }
 
 // src/core/room-events.ts
@@ -5675,7 +5729,8 @@ function createRoomEngine(options) {
         message: normalized.message,
         remedy: normalized.remedy,
         reason: normalized.reason,
-        retryAt: normalized.retryAfterSeconds === null ? null : now() + normalized.retryAfterSeconds * 1e3
+        retryAt: normalized.retryAfterSeconds === null ? null : now() + normalized.retryAfterSeconds * 1e3,
+        stage: "join"
       }
     });
     store.dispatch({ type: "join_failed", reason: normalized.reason ?? null });
@@ -6066,6 +6121,10 @@ function createRoomEngine(options) {
     }
     departures.clear();
     liveRoster = list;
+    const localNow = list.find((p) => p.isLocal);
+    if (localNow !== void 0 && !localNow.screenSharing && store.snapshot().share.state === "presenting") {
+      store.patch({ share: NO_SHARE });
+    }
     const merged = mergeGhosts(list, ghosts, at);
     ghosts = merged.kept;
     const people = /* @__PURE__ */ new Map();
@@ -6285,7 +6344,10 @@ function createRoomEngine(options) {
       try {
         await driver.setScreenShareEnabled(enabled);
         ambiguousShareDenials = 0;
-        store.patch({ share: { state: enabled ? "presenting" : "none", reason: null, remedy: null, at: now() } });
+        const audio = enabled ? driver?.screenShareHasAudio?.() : void 0;
+        store.patch({
+          share: { state: enabled ? "presenting" : "none", reason: null, remedy: null, at: now(), ...audio !== void 0 ? { audio } : {} }
+        });
       } catch (error) {
         const kind = classifyScreenShareError(error);
         if (kind === "ambiguous") {
@@ -6352,13 +6414,14 @@ function createRoomEngine(options) {
       return driver?.supportsVideoEffects?.() ?? false;
     },
     supportsScreenShare() {
-      return driver?.supportsScreenShare?.() ?? true;
+      return driver?.supportsScreenShare?.() ?? detectCapabilities().canShareScreen;
     },
     async switchDevice(kind, deviceId2) {
       if (driver === null) return;
       await driver.switchDevice(kind, deviceId2);
     },
     enableAudio: () => media.enableAudio(),
+    previewDevice: (kind, outcome) => media.preview(kind, outcome),
     acceptDeviceOffer: () => media.acceptOffer(),
     dismissDeviceOffer: () => media.dismissOffer(),
     dismissDeviceNotice: () => media.dismissNotice(),
@@ -6830,7 +6893,15 @@ function createLiveKitDriver(handlers, options = {}) {
     created.on(RoomEvent.ParticipantConnected, roster).on(RoomEvent.ParticipantDisconnected, (participant, reason) => {
       handlers.participantLeft?.(participant.identity, reasonName(reason));
       roster();
-    }).on(RoomEvent.TrackSubscribed, roster).on(RoomEvent.TrackUnsubscribed, roster).on(RoomEvent.TrackMuted, roster).on(RoomEvent.TrackUnmuted, roster).on(RoomEvent.LocalTrackPublished, roster).on(RoomEvent.LocalTrackUnpublished, roster).on(RoomEvent.ParticipantNameChanged, roster).on(RoomEvent.ParticipantAttributesChanged, roster).on(RoomEvent.ParticipantMetadataChanged, roster).on(RoomEvent.RoomMetadataChanged, (metadata) => {
+    }).on(RoomEvent.TrackSubscribed, roster).on(RoomEvent.TrackUnsubscribed, roster).on(RoomEvent.TrackMuted, roster).on(RoomEvent.TrackUnmuted, roster).on(RoomEvent.LocalTrackPublished, (publication) => {
+      if (publication.source === Track.Source.ScreenShare) {
+        const ended = () => {
+          void created.localParticipant.setScreenShareEnabled(false).catch(() => void 0);
+        };
+        publication.track?.mediaStreamTrack.addEventListener("ended", ended, { once: true });
+      }
+      roster();
+    }).on(RoomEvent.LocalTrackUnpublished, roster).on(RoomEvent.ParticipantNameChanged, roster).on(RoomEvent.ParticipantAttributesChanged, roster).on(RoomEvent.ParticipantMetadataChanged, roster).on(RoomEvent.RoomMetadataChanged, (metadata) => {
       handlers.roomMetadata?.(metadata ?? "");
     }).on(RoomEvent.AudioPlaybackStatusChanged, (canPlay) => {
       handlers.audioPlayback?.(canPlay);
@@ -6971,7 +7042,10 @@ function createLiveKitDriver(handlers, options = {}) {
     },
     async setScreenShareEnabled(enabled) {
       try {
-        await requireRoom("setScreenShareEnabled").localParticipant.setScreenShareEnabled(enabled);
+        await requireRoom("setScreenShareEnabled").localParticipant.setScreenShareEnabled(
+          enabled,
+          enabled ? { audio: true, systemAudio: "include" } : void 0
+        );
       } catch (error) {
         throw normalizeScreenShareError(error, "meet.setScreenShareEnabled");
       }
@@ -7010,8 +7084,13 @@ function createLiveKitDriver(handlers, options = {}) {
     supportsVideoEffects() {
       return videoEffectsSupported();
     },
+    screenShareHasAudio() {
+      const target = room;
+      if (target === null) return false;
+      return target.localParticipant.getTrackPublications().some((p) => String(p.source) === "screen_share_audio" && p.track !== void 0);
+    },
     supportsScreenShare() {
-      return typeof navigator !== "undefined" && typeof navigator.mediaDevices?.getDisplayMedia === "function";
+      return detectCapabilities().canShareScreen;
     },
     attach(identity, kind, element) {
       const target = requireRoom("attach");
@@ -7483,7 +7562,7 @@ function useLocalUserId() {
 }
 
 // src/react/root.tsx
-import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 
 // src/core/observation.ts
 function observedRole(role, standing) {
@@ -7497,6 +7576,21 @@ function observedDevice(track, permission = "unknown", held = null) {
   const reason = deviceUnavailableReason(track, permission);
   return reason === null ? "muted_by_me" : `unavailable:${reason}`;
 }
+function observedPreview(preview, permission = "unknown") {
+  if (permission === "denied") return "unavailable:denied";
+  switch (preview.state) {
+    case "on":
+      return "on";
+    case "off":
+      return "muted_by_me";
+    case "prompting":
+      return "prompting";
+    case "unavailable":
+      return `unavailable:${preview.unavailable?.reason ?? "failed"}`;
+    default:
+      return null;
+  }
+}
 function endedRecord(snapshot, given) {
   const record = snapshot?.meeting ?? given;
   return record !== null && record.endedAt !== null;
@@ -7520,18 +7614,22 @@ function observe(input) {
   const canAdmit = actual !== "none" && ADMITTER_ROLES.has(actual);
   const role = actual === "none" || snapshot === null ? "none" : observedRole(actual, effectiveStanding(snapshot));
   const deviceInPlay = phase === "joining" || inCall;
+  const region = snapshot?.mediaRegion;
+  const atPrejoin = phase === "prejoin" && region !== void 0;
   return {
     phase,
     reason: phase === "ended" ? snapshot?.reason ?? null : snapshot?.reason ?? reasonOf(phase),
     role,
-    connection: snapshot?.connection ?? "stable",
+    // `net-blip`: in the call, a drop shorter than `reconnect_banner_delay_ms` is not something the
+    // person sees — the contract says what is on screen, so it reads `stable` until the banner shows.
+    connection: snapshot === null ? "stable" : inCall && snapshot.connection !== "stable" && !snapshot.connectionBanner ? "stable" : snapshot.connection,
     hostPresent: inCall && snapshot !== null ? snapshot.participants.some((p) => ADMITTER_ROLES.has(p.role)) : snapshot !== null && isWaitingPhase(snapshot.phase) ? snapshot.waiting?.admittersPresent ?? null : null,
     lobbyCount: canAdmit && snapshot !== null ? snapshot.lobby.filter((entry) => entry.state === "knocking").length : 0,
     recording: snapshot?.recording === "recording" || snapshot?.recording === "stopping",
     // S6c: the autoplay region is known only inside the room (no remote audio exists elsewhere).
     audioBlocked: inCall && snapshot !== null ? snapshot.mediaRegion.audioOutput === "blocked" : null,
-    camera: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.camera, snapshot.mediaRegion.permission.camera, lockedFor(snapshot, "camera", inCall)) : null,
-    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone, snapshot.mediaRegion.permission.microphone, lockedFor(snapshot, "microphone", inCall)) : null
+    camera: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.camera, snapshot.mediaRegion.permission.camera, lockedFor(snapshot, "camera", inCall)) : atPrejoin ? observedPreview(region.preview.camera, region.permission.camera) : null,
+    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone, snapshot.mediaRegion.permission.microphone, lockedFor(snapshot, "microphone", inCall)) : atPrejoin ? observedPreview(region.preview.microphone, region.permission.microphone) : null
   };
 }
 function lockedFor(snapshot, kind, inCall) {
@@ -7613,7 +7711,7 @@ function microphoneNoticeCode(track, permission = "unknown") {
 }
 
 // src/react/root.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function useCoreObservation(options = {}) {
   const snapshot = useMeetSnapshot();
   const { meeting, phase, reason } = options;
@@ -7631,7 +7729,13 @@ function MeetRoot({
   ...options
 }) {
   const snapshot = useMeetSnapshot();
-  const observation = useCoreObservation(options);
+  const probed = useCapabilities();
+  const base = useCoreObservation(options);
+  const unsupported = probed !== null && !probed.canJoin;
+  const observation = useMemo2(
+    () => unsupported ? { ...staticObservation("unsupported", probed?.reason ?? null) } : base,
+    [unsupported, probed, base]
+  );
   const attrs = useMemo2(() => rootAttributes(observation), [observation]);
   const latest = useRef2({ observation, storePhase: snapshot?.phase ?? null });
   latest.current = { observation, storePhase: snapshot?.phase ?? null };
@@ -7649,11 +7753,38 @@ function MeetRoot({
       if (target.__matrxMeet === diagnostics) delete target.__matrxMeet;
     };
   }, []);
-  return /* @__PURE__ */ jsx2("div", { ...attrs, style: { display: "contents" }, children });
+  return /* @__PURE__ */ jsx2("div", { ...attrs, style: { display: "contents" }, children: unsupported && probed !== null ? /* @__PURE__ */ jsx2(UnsupportedBrowser, { capabilities: probed }) : children });
+}
+function useCapabilities() {
+  const [found, setFound] = useState2(null);
+  useEffect2(() => {
+    setFound(detectCapabilities());
+  }, []);
+  return found;
+}
+function UnsupportedBrowser({ capabilities }) {
+  const words = unsupportedWords(capabilities);
+  const [copied, setCopied] = useState2(false);
+  const href = typeof window === "undefined" ? "" : window.location.href;
+  return /* @__PURE__ */ jsx2("div", { className: "mx-meet", children: /* @__PURE__ */ jsxs("div", { className: "mx-meet__waiting", "data-meet-exit": "unsupported", children: [
+    /* @__PURE__ */ jsx2("h1", { className: "mx-meet__prejoin-title", children: words.title }),
+    /* @__PURE__ */ jsx2("p", { className: "mx-meet__hint", role: "status", "data-meet-notice": "browser-unsupported", children: words.body }),
+    href.length > 0 ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        className: "mx-meet__primary",
+        onClick: () => {
+          void navigator.clipboard?.writeText(href).then(() => setCopied(true), () => void 0);
+        },
+        children: copied ? "Link copied" : "Copy link"
+      }
+    ) : null
+  ] }) });
 }
 
 // src/react/hooks.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState3, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { useRealtimeManager as useRealtimeManager2 } from "@ai-matrx/realtime/react";
 
 // src/core/record.ts
@@ -8349,7 +8480,8 @@ function useRoom() {
     failure: snapshot?.failure ?? null,
     secondDevice: snapshot?.secondDevice ?? null,
     local,
-    canShareScreen: engine?.supportsScreenShare() ?? true,
+    // An observer (role `viewer`) publishes nothing: no Share screen to press and be refused (MD-16).
+    canShareScreen: (engine?.supportsScreenShare() ?? true) && !isObserverRole(snapshot?.grants.role ?? null),
     join: useCallback2(
       async (request) => requireEngine(engine, "join").join(request),
       [engine]
@@ -8406,7 +8538,7 @@ function useRoom() {
 }
 function useStage(pageSize = DEFAULT_PAGE_SIZE) {
   const snapshot = useMeetSnapshot();
-  const [page, setPage] = useState2(0);
+  const [page, setPage] = useState3(0);
   const stage = useMemo3(
     () => computeStage({
       participants: snapshot?.participants ?? [],
@@ -8440,7 +8572,7 @@ function useTrack(identity, kind) {
 function useCalls() {
   const host = useMeetHost();
   const center = host?.calls ?? null;
-  const [, force] = useState2(0);
+  const [, force] = useState3(0);
   useEffect3(() => {
     if (center === null) return void 0;
     const timer = setInterval(() => force((value) => value + 1), 1e3);
@@ -8520,7 +8652,7 @@ function useLobby() {
   };
 }
 function useCountdown(untilMs) {
-  const [now, setNow] = useState2(() => Date.now());
+  const [now, setNow] = useState3(() => Date.now());
   const active = typeof untilMs === "number" && untilMs > now;
   useEffect3(() => {
     if (!active) return void 0;
@@ -8533,7 +8665,7 @@ function useCountdown(untilMs) {
 }
 function useKnockNotice() {
   const lobby = useLobby();
-  const [dismissed, setDismissed] = useState2([]);
+  const [dismissed, setDismissed] = useState3([]);
   const keyOf = (entry) => `${entry.identity}@${entry.knockedAt}`;
   const open = lobby.canAdmit ? lobby.waiting.filter((entry) => !dismissed.includes(keyOf(entry))) : [];
   const knocker = open[0] ?? null;
@@ -8619,11 +8751,11 @@ function useMeetAi() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const isHost = useIsHost();
-  const [asking, setAsking] = useState2(false);
-  const [answer, setAnswer] = useState2(null);
-  const [coverage, setCoverage] = useState2(null);
-  const [phase, setPhase] = useState2(null);
-  const [error, setError] = useState2(null);
+  const [asking, setAsking] = useState3(false);
+  const [answer, setAnswer] = useState3(null);
+  const [coverage, setCoverage] = useState3(null);
+  const [phase, setPhase] = useState3(null);
+  const [error, setError] = useState3(null);
   const ai = host?.ai ?? null;
   const meeting = snapshot?.meeting ?? null;
   const participants = snapshot?.participants ?? [];
@@ -8776,8 +8908,8 @@ function useEndMeeting() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const isHost = useIsHost();
-  const [ending, setEnding] = useState2(false);
-  const [notice, setNotice] = useState2(null);
+  const [ending, setEnding] = useState3(false);
+  const [notice, setNotice] = useState3(null);
   const meeting = snapshot?.meeting ?? null;
   const session = host?.meetings ?? null;
   return {
@@ -8828,6 +8960,12 @@ function useMediaSupervisor() {
     retry: useCallback2(
       async (kind) => kind === "microphone" ? engine?.setMicrophoneEnabled(true) : engine?.setCameraEnabled(true),
       [engine]
+    ),
+    reportPreview: useCallback2(
+      (kind, outcome) => {
+        void engine?.previewDevice(kind, outcome);
+      },
+      [engine]
     )
   };
 }
@@ -8850,7 +8988,7 @@ function useReactions() {
   return snapshot?.reactions ?? [];
 }
 function useElapsed(startedAt) {
-  const [now, setNow] = useState2(() => Date.now());
+  const [now, setNow] = useState3(() => Date.now());
   useEffect3(() => {
     if (startedAt === null) return void 0;
     const timer = setInterval(() => setNow(Date.now()), 1e3);
@@ -8875,7 +9013,7 @@ function useHostControls() {
     (participant) => participant.identity === snapshot.localIdentity
   );
   const actor = me === void 0 ? void 0 : { ...me, role };
-  const [busy, setBusy] = useState2(false);
+  const [busy, setBusy] = useState3(false);
   const inRoom = host?.inRoom ?? null;
   const store = host?.store ?? null;
   const notice = snapshot?.actionNotice ?? null;
@@ -8958,7 +9096,7 @@ function useModerationNotice() {
   };
 }
 function useAudioLevel(stream) {
-  const [level, setLevel] = useState2(0);
+  const [level, setLevel] = useState3(0);
   useEffect3(() => {
     if (stream === null || stream.getAudioTracks().length === 0) {
       setLevel(0);
@@ -9047,10 +9185,10 @@ function useMeetingRecord(meeting) {
   const repository = host?.repository ?? null;
   const ai = host?.ai ?? null;
   const readerId = host?.identity.userId ?? null;
-  const [asking, setAsking] = useState2(false);
-  const [answer, setAnswer] = useState2(null);
-  const [coverage, setCoverage] = useState2(null);
-  const [askError, setAskError] = useState2(null);
+  const [asking, setAsking] = useState3(false);
+  const [answer, setAnswer] = useState3(null);
+  const [coverage, setCoverage] = useState3(null);
+  const [askError, setAskError] = useState3(null);
   const meetingId = meeting?.id ?? null;
   const api = host?.api ?? null;
   const tokens = host?.tokens ?? null;
@@ -9195,11 +9333,11 @@ function useMeetings(limit = 25, organizationFilter = null) {
   const host = useMeetHost();
   const repository = host?.repository ?? null;
   const organizationId = organizationFilter;
-  const [meetings, setMeetings] = useState2([]);
-  const [hasMore, setHasMore] = useState2(false);
-  const [loading, setLoading] = useState2(true);
-  const [failure, setFailure] = useState2(null);
-  const [nonce, setNonce] = useState2(0);
+  const [meetings, setMeetings] = useState3([]);
+  const [hasMore, setHasMore] = useState3(false);
+  const [loading, setLoading] = useState3(true);
+  const [failure, setFailure] = useState3(null);
+  const [nonce, setNonce] = useState3(0);
   useEffect3(() => {
     if (repository === null) return void 0;
     let live = true;
@@ -9234,10 +9372,10 @@ function useGuestRecordAccess(meeting) {
   const host = useMeetHost();
   const api = host?.api ?? null;
   const stored = guestRecordAccessSetting(meeting);
-  const [chosen, setChosen] = useState2(null);
-  const [effective, setEffective] = useState2(null);
-  const [saving, setSaving] = useState2(false);
-  const [error, setError] = useState2(null);
+  const [chosen, setChosen] = useState3(null);
+  const [effective, setEffective] = useState3(null);
+  const [saving, setSaving] = useState3(false);
+  const [error, setError] = useState3(null);
   useEffect3(() => {
     setChosen(null);
   }, [stored, meeting?.id]);
@@ -9276,7 +9414,7 @@ function useGuestRecordAccess(meeting) {
 function useLivePolicy() {
   const snapshot = useMeetSnapshot();
   const role = useRole();
-  const [now, setNow] = useState2(() => Date.now());
+  const [now, setNow] = useState3(() => Date.now());
   const limited = (snapshot?.livePolicy.timeLimitMinutes ?? 0) > 0;
   useEffect3(() => {
     if (!limited) return void 0;
@@ -9310,7 +9448,7 @@ function useLivePolicy() {
 import { useEffect as useEffect8 } from "react";
 
 // src/skins/meet/components.tsx
-import { useEffect as useEffect6, useLayoutEffect, useRef as useRef6, useState as useState4 } from "react";
+import { useEffect as useEffect6, useLayoutEffect, useRef as useRef6, useState as useState5 } from "react";
 
 // src/react/facade.ts
 import { useMemo as useMemo5 } from "react";
@@ -9923,6 +10061,39 @@ function useCollabPanelRequest(onRequest) {
 // src/core/reactions.ts
 var MEET_REACTIONS = ["\u{1F496}", "\u{1F44D}", "\u{1F389}", "\u{1F44F}", "\u{1F602}", "\u{1F62E}", "\u{1F622}", "\u{1F914}", "\u{1F44E}"];
 
+// src/core/speaking-detector.ts
+function createSpeakingWhileMutedDetector(options = {}) {
+  const threshold = options.threshold ?? 0.06;
+  const holdMs = options.holdMs ?? 600;
+  const gapMs = options.gapMs ?? 400;
+  const cooldownMs = options.cooldownMs ?? 2e4;
+  let speechStart = null;
+  let lastLoud = null;
+  let firedAt = null;
+  return {
+    feed(level, at) {
+      if (level >= threshold) {
+        if (speechStart === null || lastLoud === null || at - lastLoud > gapMs) speechStart = at;
+        lastLoud = at;
+      } else if (lastLoud !== null && at - lastLoud > gapMs) {
+        speechStart = null;
+        lastLoud = null;
+      }
+      if (speechStart === null || at - speechStart < holdMs) return false;
+      if (firedAt !== null && at - firedAt < cooldownMs) return false;
+      firedAt = at;
+      speechStart = null;
+      lastLoud = null;
+      return true;
+    },
+    reset() {
+      speechStart = null;
+      lastLoud = null;
+      firedAt = null;
+    }
+  };
+}
+
 // src/react/facade.ts
 var NO_ACTIONS = {
   join: async () => void 0,
@@ -9987,10 +10158,10 @@ function useMeetCore() {
 import { Alert, AlertDescription, Button, Checkbox, ErrorBox, Label, SegmentedControl, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@ai-matrx/design-system";
 
 // src/skins/meet/collab.tsx
-import { useEffect as useEffect5, useRef as useRef5, useState as useState3 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState4 } from "react";
 
 // src/skins/meet/icons.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function Icon({ children, ...props }) {
   return /* @__PURE__ */ jsx4(
     "svg",
@@ -10011,14 +10182,14 @@ function Icon({ children, ...props }) {
   );
 }
 function MicIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
     /* @__PURE__ */ jsx4("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 19v3" })
   ] });
 }
 function MicOffIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M2 2l20 20" }),
     /* @__PURE__ */ jsx4("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" }),
     /* @__PURE__ */ jsx4("path", { d: "M15 9.34V5a3 3 0 0 0-5.94-.6" }),
@@ -10027,20 +10198,20 @@ function MicOffIcon(props) {
   ] });
 }
 function CameraIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "m23 7-7 5 7 5V7Z" }),
     /* @__PURE__ */ jsx4("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function CameraOffIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M2 2l20 20" }),
     /* @__PURE__ */ jsx4("path", { d: "M10.66 5H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10" }),
     /* @__PURE__ */ jsx4("path", { d: "M16 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2" })
   ] });
 }
 function ScreenShareIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ jsx4("path", { d: "M8 21h8M12 17v4" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 13V8m0 0-2.5 2.5M12 8l2.5 2.5" })
@@ -10053,7 +10224,7 @@ function PhoneOffIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { fill: "currentColor", stroke: "none", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.99.99 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9Z" }) });
 }
 function HandIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M18 11V6a2 2 0 0 0-4 0v5" }),
     /* @__PURE__ */ jsx4("path", { d: "M14 10V4a2 2 0 0 0-4 0v7" }),
     /* @__PURE__ */ jsx4("path", { d: "M10 10.5V6a2 2 0 0 0-4 0v8" }),
@@ -10064,7 +10235,7 @@ function ChatIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z" }) });
 }
 function PeopleIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ jsx4("circle", { cx: "9", cy: "7", r: "4" }),
     /* @__PURE__ */ jsx4("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })
@@ -10074,31 +10245,31 @@ function RecordIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "8", fill: "currentColor", stroke: "none" }) });
 }
 function SparklesIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M12 3l1.9 4.6L18.5 9.5l-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3Z" }),
     /* @__PURE__ */ jsx4("path", { d: "M19 15l.9 2.1 2.1.9-2.1.9-.9 2.1-.9-2.1-2.1-.9 2.1-.9L19 15Z" })
   ] });
 }
 function CaptionsIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
     /* @__PURE__ */ jsx4("path", { d: "M10 10.5a2 2 0 1 0 0 3M16 10.5a2 2 0 1 0 0 3" })
   ] });
 }
 function NotesIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M4 20l1-4L16.5 4.5a2.1 2.1 0 0 1 3 3L8 19l-4 1Z" }),
     /* @__PURE__ */ jsx4("path", { d: "M14 7l3 3" })
   ] });
 }
 function LockIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2" }),
     /* @__PURE__ */ jsx4("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
   ] });
 }
 function SettingsIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ jsx4("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
   ] });
@@ -10110,13 +10281,13 @@ function CloseIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 function PinIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M12 17v5" }),
     /* @__PURE__ */ jsx4("path", { d: "M9 2h6l-1 6 3.5 3.5V14H6.5v-2.5L10 8 9 2Z" })
   ] });
 }
 function SmileIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsx4("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
     /* @__PURE__ */ jsx4("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
@@ -10124,20 +10295,20 @@ function SmileIcon(props) {
   ] });
 }
 function MoreIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "1" }),
     /* @__PURE__ */ jsx4("circle", { cx: "19", cy: "12", r: "1" }),
     /* @__PURE__ */ jsx4("circle", { cx: "5", cy: "12", r: "1" })
   ] });
 }
 function SearchIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ jsx4("path", { d: "m21 21-4.3-4.3" })
   ] });
 }
 function KeyboardIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M10 8h.01M12 12h.01M14 8h.01M16 12h.01M18 8h.01M6 8h.01M7 16h10M8 12h.01" }),
     /* @__PURE__ */ jsx4("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" })
   ] });
@@ -10146,7 +10317,7 @@ function SpotlightIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "M12 2 15 8.5 22 9.3 17 14 18.2 21 12 17.6 5.8 21 7 14 2 9.3 9 8.5Z" }) });
 }
 function SignalIcon({ bars, ...props }) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M4 20v-2", opacity: bars >= 1 ? 1 : 0.3 }),
     /* @__PURE__ */ jsx4("path", { d: "M10 20v-6", opacity: bars >= 2 ? 1 : 0.3 }),
     /* @__PURE__ */ jsx4("path", { d: "M16 20V9", opacity: bars >= 3 ? 1 : 0.3 }),
@@ -10154,14 +10325,14 @@ function SignalIcon({ bars, ...props }) {
   ] });
 }
 function SpeakerIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M11 5 6 9H2v6h4l5 4V5Z" }),
     /* @__PURE__ */ jsx4("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
     /* @__PURE__ */ jsx4("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
   ] });
 }
 function FlagIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
     /* @__PURE__ */ jsx4("line", { x1: "4", x2: "4", y1: "22", y2: "15" })
   ] });
@@ -10170,35 +10341,35 @@ function PencilIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }) });
 }
 function ActivitiesIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z" }),
     /* @__PURE__ */ jsx4("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
     /* @__PURE__ */ jsx4("circle", { cx: "17.5", cy: "17.5", r: "3.5" })
   ] });
 }
 function PollIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("line", { x1: "18", x2: "18", y1: "20", y2: "10" }),
     /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "20", y2: "4" }),
     /* @__PURE__ */ jsx4("line", { x1: "6", x2: "6", y1: "20", y2: "14" })
   ] });
 }
 function QuestionIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
     /* @__PURE__ */ jsx4("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 17h.01" })
   ] });
 }
 function WhiteboardIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M2 3h20" }),
     /* @__PURE__ */ jsx4("path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3" }),
     /* @__PURE__ */ jsx4("path", { d: "m7 21 5-5 5 5" })
   ] });
 }
 function BreakoutIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("rect", { width: "7", height: "18", x: "3", y: "3", rx: "1" }),
     /* @__PURE__ */ jsx4("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
     /* @__PURE__ */ jsx4("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" })
@@ -10208,29 +10379,32 @@ function UpvoteIcon(props) {
   return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "M9 18v-6H5l7-7 7 7h-4v6H9z" }) });
 }
 function EraserIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
     /* @__PURE__ */ jsx4("path", { d: "M22 21H7" }),
     /* @__PURE__ */ jsx4("path", { d: "m5 11 9 9" })
   ] });
 }
 function HighlighterIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "m9 11-6 6v3h9l3-3" }),
     /* @__PURE__ */ jsx4("path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" })
   ] });
 }
 function UndoIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  return /* @__PURE__ */ jsxs2(Icon, { ...props, children: [
     /* @__PURE__ */ jsx4("path", { d: "M9 14 4 9l5-5" }),
     /* @__PURE__ */ jsx4("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })
   ] });
 }
+function ChevronUpIcon(props) {
+  return /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "m6 15 6-6 6 6" }) });
+}
 
 // src/skins/meet/collab.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function useNotice() {
-  const [notice, setNotice] = useState3(null);
+  const [notice, setNotice] = useState4(null);
   useEffect5(() => {
     if (notice === null) return void 0;
     const timer = setTimeout(() => setNotice(null), notice.failed ? 7e3 : 3e3);
@@ -10259,16 +10433,16 @@ function ActivitiesControl({
   active,
   onOpen
 }) {
-  const [open, setOpen] = useState3(false);
+  const [open, setOpen] = useState4(false);
   const available = useAvailableActivities();
   const attention = useActivityAttention();
   if (available.length === 0) return null;
-  return /* @__PURE__ */ jsxs2("span", { className: "mx-meet__anchor", children: [
-    /* @__PURE__ */ jsxs2(ControlButton, { label: "Activities", active: open || active !== null, onClick: () => setOpen(!open), children: [
+  return /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
+    /* @__PURE__ */ jsxs3(ControlButton, { label: "Activities", active: open || active !== null, onClick: () => setOpen(!open), children: [
       /* @__PURE__ */ jsx5(ActivitiesIcon, {}),
       attention ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
     ] }),
-    open ? /* @__PURE__ */ jsx5(Popover, { label: "Activities", onClose: () => setOpen(false), children: /* @__PURE__ */ jsx5("div", { className: "mx-meet__menu", role: "menu", children: available.map((panel) => /* @__PURE__ */ jsxs2(
+    open ? /* @__PURE__ */ jsx5(Popover, { label: "Activities", onClose: () => setOpen(false), children: /* @__PURE__ */ jsx5("div", { className: "mx-meet__menu", role: "menu", children: available.map((panel) => /* @__PURE__ */ jsxs3(
       MenuItem,
       {
         onSelect: () => {
@@ -10287,11 +10461,11 @@ function ActivitiesControl({
 }
 function PollComposer({ maxOptions, onDone }) {
   const { act } = useCollab();
-  const [question, setQuestion] = useState3("");
-  const [options, setOptions] = useState3(["", ""]);
-  const [multiple, setMultiple] = useState3(false);
-  const [anonymous, setAnonymous] = useState3(false);
-  const [busy, setBusy] = useState3(false);
+  const [question, setQuestion] = useState4("");
+  const [options, setOptions] = useState4(["", ""]);
+  const [multiple, setMultiple] = useState4(false);
+  const [anonymous, setAnonymous] = useState4(false);
+  const [busy, setBusy] = useState4(false);
   const [notice, show] = useNotice();
   const filled = options.map((o) => o.trim()).filter(Boolean);
   const ready = question.trim().length > 0 && filled.length >= 2;
@@ -10314,7 +10488,7 @@ function PollComposer({ maxOptions, onDone }) {
     setBusy(false);
     onDone();
   };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "form",
     {
       className: "mx-meet__collab-card",
@@ -10323,7 +10497,7 @@ function PollComposer({ maxOptions, onDone }) {
         if (ready) void save(true);
       },
       children: [
-        /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
+        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
           /* @__PURE__ */ jsx5("span", { className: "mx-meet__field-label", children: "Question" }),
           /* @__PURE__ */ jsx5(
             "input",
@@ -10337,7 +10511,7 @@ function PollComposer({ maxOptions, onDone }) {
             }
           )
         ] }),
-        options.map((option, index) => /* @__PURE__ */ jsxs2("div", { className: "mx-meet__composer-row", children: [
+        options.map((option, index) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__composer-row", children: [
           /* @__PURE__ */ jsx5(
             "input",
             {
@@ -10352,16 +10526,16 @@ function PollComposer({ maxOptions, onDone }) {
           options.length > 2 ? /* @__PURE__ */ jsx5(ControlButton, { label: `Remove answer ${index + 1}`, onClick: () => setOptions(options.filter((_, i) => i !== index)), children: /* @__PURE__ */ jsx5(CloseIcon, { width: 14, height: 14 }) }) : null
         ] }, index)),
         options.length < maxOptions ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__link", onClick: () => setOptions([...options, ""]), children: "Add an answer" }) : null,
-        /* @__PURE__ */ jsxs2("label", { className: "mx-meet__toggle", children: [
+        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__toggle", children: [
           /* @__PURE__ */ jsx5("input", { type: "checkbox", checked: multiple, onChange: (event) => setMultiple(event.target.checked) }),
           "People can pick more than one"
         ] }),
-        /* @__PURE__ */ jsxs2("label", { className: "mx-meet__toggle", children: [
+        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__toggle", children: [
           /* @__PURE__ */ jsx5("input", { type: "checkbox", checked: anonymous, onChange: (event) => setAnonymous(event.target.checked) }),
           "Anonymous \u2014 nobody sees who picked what"
         ] }),
         /* @__PURE__ */ jsx5(Notice, { notice }),
-        /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-actions", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__collab-actions", children: [
           /* @__PURE__ */ jsx5("button", { type: "submit", className: "mx-meet__primary mx-meet__primary--small", disabled: !ready || busy, children: "Launch" }),
           /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", disabled: !ready || busy, onClick: () => void save(false), children: "Save draft" }),
           /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__link", onClick: onDone, children: "Cancel" })
@@ -10372,7 +10546,7 @@ function PollComposer({ maxOptions, onDone }) {
 }
 function PollCard({ poll }) {
   const { act, isHost } = useCollab();
-  const [picked, setPicked] = useState3(poll.myVote.slice());
+  const [picked, setPicked] = useState4(poll.myVote.slice());
   const [notice, show] = useNotice();
   useEffect5(() => setPicked(poll.myVote.slice()), [poll.myVote]);
   const counts = poll.options.some((o) => o.votes !== void 0);
@@ -10384,12 +10558,12 @@ function PollCard({ poll }) {
     if (!canVote) return;
     setPicked(poll.multiple ? picked.includes(id) ? picked.filter((p) => p !== id) : [...picked, id] : [id]);
   };
-  return /* @__PURE__ */ jsxs2("article", { className: "mx-meet__collab-card", "aria-label": poll.question, children: [
-    /* @__PURE__ */ jsxs2("header", { className: "mx-meet__collab-head", children: [
+  return /* @__PURE__ */ jsxs3("article", { className: "mx-meet__collab-card", "aria-label": poll.question, children: [
+    /* @__PURE__ */ jsxs3("header", { className: "mx-meet__collab-head", children: [
       /* @__PURE__ */ jsx5("strong", { className: "mx-meet__collab-title", children: poll.question }),
       /* @__PURE__ */ jsx5("span", { className: "mx-meet__collab-state", children: stateWord })
     ] }),
-    /* @__PURE__ */ jsxs2("p", { className: "mx-meet__panel-note", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
       poll.multiple ? "Pick any." : "Pick one.",
       poll.anonymous ? " Anonymous." : "",
       counts && poll.voterCount !== null ? ` ${poll.voterCount} voted.` : "",
@@ -10398,8 +10572,8 @@ function PollCard({ poll }) {
     /* @__PURE__ */ jsx5("ul", { className: "mx-meet__poll-options", children: poll.options.map((option) => {
       const share = counts && total > 0 ? Math.round((option.votes ?? 0) / total * 100) : 0;
       const chosen = picked.includes(option.id);
-      return /* @__PURE__ */ jsxs2("li", { children: [
-        /* @__PURE__ */ jsxs2(
+      return /* @__PURE__ */ jsxs3("li", { children: [
+        /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -10410,7 +10584,7 @@ function PollCard({ poll }) {
             children: [
               counts ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__poll-bar", style: { width: `${share}%` }, "aria-hidden": "true" }) : null,
               /* @__PURE__ */ jsx5("span", { className: "mx-meet__poll-text", children: option.text }),
-              counts ? /* @__PURE__ */ jsxs2("span", { className: "mx-meet__poll-count", children: [
+              counts ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__poll-count", children: [
                 option.votes ?? 0,
                 " \xB7 ",
                 share,
@@ -10423,7 +10597,7 @@ function PollCard({ poll }) {
       ] }, option.id);
     }) }),
     /* @__PURE__ */ jsx5(Notice, { notice }),
-    /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-actions", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__collab-actions", children: [
       canVote ? /* @__PURE__ */ jsx5(
         "button",
         {
@@ -10443,11 +10617,11 @@ function PollCard({ poll }) {
 }
 function PollsPanel({ onClose }) {
   const { collab, isHost } = useCollab();
-  const [composing, setComposing] = useState3(false);
+  const [composing, setComposing] = useState4(false);
   const polls = collab?.polls ?? [];
   const maxOptions = collab?.settings?.pollMaxOptions ?? 10;
   const ordered = [...polls].reverse();
-  return /* @__PURE__ */ jsxs2(PanelShell, { title: "Polls", onClose, children: [
+  return /* @__PURE__ */ jsxs3(PanelShell, { title: "Polls", onClose, children: [
     collab?.error != null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
     isHost && !composing ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => setComposing(true), children: "New poll" }) : null,
     isHost && composing ? /* @__PURE__ */ jsx5(PollComposer, { maxOptions, onDone: () => setComposing(false) }) : null,
@@ -10457,12 +10631,12 @@ function PollsPanel({ onClose }) {
 }
 function QuestionCard({ question }) {
   const { act, isHost } = useCollab();
-  const [answering, setAnswering] = useState3(false);
-  const [reply, setReply] = useState3("");
+  const [answering, setAnswering] = useState4(false);
+  const [reply, setReply] = useState4("");
   const [notice, show] = useNotice();
-  return /* @__PURE__ */ jsxs2("li", { className: `mx-meet__collab-card mx-meet__question mx-meet__question--${question.state}`, children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mx-meet__question-row", children: [
-      /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3("li", { className: `mx-meet__collab-card mx-meet__question mx-meet__question--${question.state}`, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__question-row", children: [
+      /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -10477,15 +10651,15 @@ function QuestionCard({ question }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs2("div", { className: "mx-meet__question-body", children: [
-        /* @__PURE__ */ jsxs2("span", { className: "mx-meet__chat-meta", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__question-body", children: [
+        /* @__PURE__ */ jsxs3("span", { className: "mx-meet__chat-meta", children: [
           /* @__PURE__ */ jsx5("strong", { children: question.mine ? "You" : question.askerName }),
           question.mine && question.anonymous ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__chat-private", children: "anonymous" }) : null,
           question.state !== "open" ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__collab-state", children: question.state === "answered" ? "Answered" : "Dismissed" }) : null
         ] }),
         /* @__PURE__ */ jsx5("span", { className: "mx-meet__chat-text", children: question.text }),
-        question.answer !== null ? /* @__PURE__ */ jsxs2("span", { className: "mx-meet__question-answer", children: [
-          /* @__PURE__ */ jsxs2("strong", { children: [
+        question.answer !== null ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__question-answer", children: [
+          /* @__PURE__ */ jsxs3("strong", { children: [
             question.answeredByName ?? "Host",
             ":"
           ] }),
@@ -10494,7 +10668,7 @@ function QuestionCard({ question }) {
         ] }) : null
       ] })
     ] }),
-    answering ? /* @__PURE__ */ jsxs2(
+    answering ? /* @__PURE__ */ jsxs3(
       "form",
       {
         className: "mx-meet__composer-row",
@@ -10526,7 +10700,7 @@ function QuestionCard({ question }) {
       }
     ) : null,
     /* @__PURE__ */ jsx5(Notice, { notice }),
-    isHost || question.mine ? /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-actions", children: [
+    isHost || question.mine ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__collab-actions", children: [
       isHost && question.state === "open" && !answering ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => setAnswering(true), children: "Answer" }) : null,
       isHost && question.state === "open" ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "question_dismiss", itemId: question.id }).then(show), children: "Dismiss" }) : null,
       isHost && question.state !== "open" ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "question_reopen", itemId: question.id }).then(show), children: "Reopen" }) : null,
@@ -10536,9 +10710,9 @@ function QuestionCard({ question }) {
 }
 function QaPanel({ onClose }) {
   const { collab, act } = useCollab();
-  const [draft, setDraft] = useState3("");
-  const [anonymous, setAnonymous] = useState3(false);
-  const [order, setOrder] = useState3("popular");
+  const [draft, setDraft] = useState4("");
+  const [anonymous, setAnonymous] = useState4(false);
+  const [order, setOrder] = useState4("popular");
   const [notice, show] = useNotice();
   const allowAnonymous = collab?.settings?.qaAnonymousAllowed === true;
   const questions = [...collab?.questions ?? []];
@@ -10546,9 +10720,9 @@ function QaPanel({ onClose }) {
   questions.sort(
     (a, b) => rank(a) !== rank(b) ? rank(a) - rank(b) : order === "popular" ? b.upvotes - a.upvotes || (b.createdAt ?? "").localeCompare(a.createdAt ?? "") : (b.createdAt ?? "").localeCompare(a.createdAt ?? "")
   );
-  return /* @__PURE__ */ jsxs2(PanelShell, { title: "Q&A", onClose, children: [
+  return /* @__PURE__ */ jsxs3(PanelShell, { title: "Q&A", onClose, children: [
     collab?.error != null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "form",
       {
         className: "mx-meet__composer mx-meet__composer--chat",
@@ -10562,7 +10736,7 @@ function QaPanel({ onClose }) {
           });
         },
         children: [
-          /* @__PURE__ */ jsxs2("div", { className: "mx-meet__composer-row", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "mx-meet__composer-row", children: [
             /* @__PURE__ */ jsx5(
               "input",
               {
@@ -10576,7 +10750,7 @@ function QaPanel({ onClose }) {
             ),
             /* @__PURE__ */ jsx5("button", { type: "submit", className: "mx-meet__send", disabled: draft.trim().length === 0, children: "Ask" })
           ] }),
-          allowAnonymous ? /* @__PURE__ */ jsxs2("label", { className: "mx-meet__toggle", children: [
+          allowAnonymous ? /* @__PURE__ */ jsxs3("label", { className: "mx-meet__toggle", children: [
             /* @__PURE__ */ jsx5("input", { type: "checkbox", checked: anonymous, onChange: (event) => setAnonymous(event.target.checked) }),
             "Ask anonymously"
           ] }) : null
@@ -10627,10 +10801,10 @@ function StrokeView({ stroke, onPick }) {
 }
 function WhiteboardPanel({ onClose }) {
   const { collab, act, isHost, localIdentity } = useCollab();
-  const [tool, setTool] = useState3("pen");
-  const [color, setColor] = useState3(INK[0]);
-  const [drawing, setDrawing] = useState3(null);
-  const [pending, setPending] = useState3([]);
+  const [tool, setTool] = useState4("pen");
+  const [color, setColor] = useState4(INK[0]);
+  const [drawing, setDrawing] = useState4(null);
+  const [pending, setPending] = useState4([]);
   const [notice, show] = useNotice();
   const svgRef = useRef5(null);
   const strokes = collab?.strokes ?? [];
@@ -10664,8 +10838,8 @@ function WhiteboardPanel({ onClose }) {
       if (!result.ok) show(result);
     });
   };
-  return /* @__PURE__ */ jsxs2("section", { className: "mx-meet__whiteboard", "aria-label": "Whiteboard", children: [
-    /* @__PURE__ */ jsxs2("header", { className: "mx-meet__whiteboard-bar", children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__whiteboard", "aria-label": "Whiteboard", children: [
+    /* @__PURE__ */ jsxs3("header", { className: "mx-meet__whiteboard-bar", children: [
       /* @__PURE__ */ jsx5("strong", { className: "mx-meet__panel-title", children: "Whiteboard" }),
       /* @__PURE__ */ jsx5("div", { className: "mx-meet__pills", role: "group", "aria-label": "Tool", children: [
         ["pen", "Pen", /* @__PURE__ */ jsx5(PencilIcon, { width: 16, height: 16 }, "p")],
@@ -10715,7 +10889,7 @@ function WhiteboardPanel({ onClose }) {
       /* @__PURE__ */ jsx5(ControlButton, { label: "Close whiteboard", onClick: onClose, children: /* @__PURE__ */ jsx5(CloseIcon, { width: 16, height: 16 }) })
     ] }),
     /* @__PURE__ */ jsx5(Notice, { notice }),
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "svg",
       {
         ref: svgRef,
@@ -10773,7 +10947,7 @@ function clock(ms2) {
 }
 var BREAKOUT_EXPIRE_RETRY_MS = 5e3;
 function useNow(active) {
-  const [now, setNow] = useState3(() => Date.now());
+  const [now, setNow] = useState4(() => Date.now());
   useEffect5(() => {
     if (!active) return void 0;
     const timer = setInterval(() => setNow(Date.now()), 1e3);
@@ -10788,11 +10962,11 @@ function BreakoutSetup() {
   const people = (snapshot?.participants ?? []).filter(
     (p) => !p.isAgent && p.role !== "host" && p.role !== "cohost"
   );
-  const [count2, setCount] = useState3(Math.min(Math.max(2, Math.ceil(people.length / 4)), settings?.breakoutMaxRooms ?? 20));
-  const [mode, setMode] = useState3("auto");
-  const [minutes, setMinutes] = useState3(settings?.breakoutDefaultMinutes ?? 15);
-  const [manual, setManual] = useState3({});
-  const [busy, setBusy] = useState3(false);
+  const [count2, setCount] = useState4(Math.min(Math.max(2, Math.ceil(people.length / 4)), settings?.breakoutMaxRooms ?? 20));
+  const [mode, setMode] = useState4("auto");
+  const [minutes, setMinutes] = useState4(settings?.breakoutDefaultMinutes ?? 15);
+  const [manual, setManual] = useState4({});
+  const [busy, setBusy] = useState4(false);
   const [notice, show] = useNotice();
   const max = settings?.breakoutMaxRooms ?? 20;
   const rooms = Math.min(Math.max(1, count2), max);
@@ -10804,8 +10978,8 @@ function BreakoutSetup() {
     (_, index) => people.filter((p) => (manual[p.identity] ?? -1) === index).map((p) => p.identity)
   ) : Array.from({ length: rooms }, () => []);
   const nameOf = (identity) => people.find((p) => p.identity === identity)?.displayName ?? identity;
-  return /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-card", children: [
-    /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__collab-card", children: [
+    /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
       /* @__PURE__ */ jsx5("span", { className: "mx-meet__field-label", children: "Rooms" }),
       /* @__PURE__ */ jsx5(
         "input",
@@ -10834,7 +11008,7 @@ function BreakoutSetup() {
       },
       value
     )) }),
-    /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
+    /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
       /* @__PURE__ */ jsx5("span", { className: "mx-meet__field-label", children: "Timer (minutes, 0 for none)" }),
       /* @__PURE__ */ jsx5(
         "input",
@@ -10848,9 +11022,9 @@ function BreakoutSetup() {
         }
       )
     ] }),
-    mode === "manual" ? people.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", children: "Nobody else is in the meeting yet." }) : /* @__PURE__ */ jsx5("ul", { className: "mx-meet__people", children: people.map((person) => /* @__PURE__ */ jsxs2("li", { className: "mx-meet__person", children: [
+    mode === "manual" ? people.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", children: "Nobody else is in the meeting yet." }) : /* @__PURE__ */ jsx5("ul", { className: "mx-meet__people", children: people.map((person) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
       /* @__PURE__ */ jsx5("span", { className: "mx-meet__person-name", children: person.displayName }),
-      /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsxs3(
         "select",
         {
           className: "mx-meet__select mx-meet__select--compact",
@@ -10859,15 +11033,15 @@ function BreakoutSetup() {
           onChange: (event) => setManual({ ...manual, [person.identity]: Number(event.target.value) }),
           children: [
             /* @__PURE__ */ jsx5("option", { value: -1, children: "Main room" }),
-            Array.from({ length: rooms }, (_, index) => /* @__PURE__ */ jsxs2("option", { value: index, children: [
+            Array.from({ length: rooms }, (_, index) => /* @__PURE__ */ jsxs3("option", { value: index, children: [
               "Room ",
               index + 1
             ] }, index))
           ]
         }
       )
-    ] }, person.identity)) }) : mode === "auto" ? /* @__PURE__ */ jsx5("ul", { className: "mx-meet__breakout-rooms", children: assignment.map((members, index) => /* @__PURE__ */ jsxs2("li", { children: [
-      /* @__PURE__ */ jsxs2("strong", { children: [
+    ] }, person.identity)) }) : mode === "auto" ? /* @__PURE__ */ jsx5("ul", { className: "mx-meet__breakout-rooms", children: assignment.map((members, index) => /* @__PURE__ */ jsxs3("li", { children: [
+      /* @__PURE__ */ jsxs3("strong", { children: [
         "Room ",
         index + 1
       ] }),
@@ -10875,7 +11049,7 @@ function BreakoutSetup() {
       /* @__PURE__ */ jsx5("span", { className: "mx-meet__panel-note", children: members.length === 0 ? "empty" : members.map(nameOf).join(", ") })
     ] }, index)) }) : /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", children: "Everyone picks a room from their own screen." }),
     /* @__PURE__ */ jsx5(Notice, { notice }),
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -10908,7 +11082,7 @@ function BreakoutRun({ plan }) {
   const snapshot = useMeetSnapshot();
   const now = useNow(plan.endsAt !== null);
   const remaining = breakoutRemainingMs(plan, now);
-  const [broadcast, setBroadcast] = useState3("");
+  const [broadcast, setBroadcast] = useState4("");
   const [notice, show] = useNotice();
   const nameOf = (identity) => displayNameFor(snapshot?.names ?? {}, identity, snapshot?.participants.find((p) => p.identity === identity)?.displayName);
   const mine = assignedRoom(plan, localIdentity);
@@ -10920,8 +11094,8 @@ function BreakoutRun({ plan }) {
     }
     show(await moveTo(roomId));
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-card", children: [
-    /* @__PURE__ */ jsxs2("p", { className: "mx-meet__panel-note", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__collab-card", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
       plan.rooms.length,
       " room",
       plan.rooms.length === 1 ? "" : "s",
@@ -10932,15 +11106,15 @@ function BreakoutRun({ plan }) {
     /* @__PURE__ */ jsx5("ul", { className: "mx-meet__breakout-rooms", children: plan.rooms.map((room) => {
       const here = breakoutRoomId === room.id;
       const mayJoin = isHost || plan.allowChoose || mine?.id === room.id;
-      return /* @__PURE__ */ jsxs2("li", { className: here ? "mx-meet__breakout-room mx-meet__breakout-room--here" : "mx-meet__breakout-room", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-head", children: [
+      return /* @__PURE__ */ jsxs3("li", { className: here ? "mx-meet__breakout-room mx-meet__breakout-room--here" : "mx-meet__breakout-room", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__collab-head", children: [
           /* @__PURE__ */ jsx5("strong", { children: room.name }),
           here ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__collab-state", children: "You are here" }) : mayJoin ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => void join(room.id), children: "Join" }) : null
         ] }),
         /* @__PURE__ */ jsx5("span", { className: "mx-meet__panel-note", children: room.identities.length === 0 ? "Nobody assigned" : room.identities.map(nameOf).join(", ") }),
-        isHost && room.identities.length > 0 ? /* @__PURE__ */ jsx5("ul", { className: "mx-meet__people", children: room.identities.map((identity) => /* @__PURE__ */ jsxs2("li", { className: "mx-meet__person", children: [
+        isHost && room.identities.length > 0 ? /* @__PURE__ */ jsx5("ul", { className: "mx-meet__people", children: room.identities.map((identity) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
           /* @__PURE__ */ jsx5("span", { className: "mx-meet__person-name", children: nameOf(identity) }),
-          /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsxs3(
             "select",
             {
               className: "mx-meet__select mx-meet__select--compact",
@@ -10961,7 +11135,7 @@ function BreakoutRun({ plan }) {
       ] }, room.id);
     }) }),
     breakoutRoomId !== null ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => void join(null), children: "Return to the main room" }) : null,
-    isHost ? /* @__PURE__ */ jsxs2(
+    isHost ? /* @__PURE__ */ jsxs3(
       "form",
       {
         className: "mx-meet__composer-row",
@@ -11005,7 +11179,7 @@ function BreakoutRun({ plan }) {
 function BreakoutsPanel({ onClose }) {
   const { collab, isHost } = useCollab();
   const plan = collab?.breakout?.state === "open" ? collab.breakout : null;
-  return /* @__PURE__ */ jsxs2(PanelShell, { title: "Breakout rooms", onClose, children: [
+  return /* @__PURE__ */ jsxs3(PanelShell, { title: "Breakout rooms", onClose, children: [
     collab?.error != null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
     plan !== null ? /* @__PURE__ */ jsx5(BreakoutRun, { plan }) : isHost ? /* @__PURE__ */ jsx5(BreakoutSetup, {}) : /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", children: "Breakout rooms are closed." })
   ] });
@@ -11019,12 +11193,12 @@ function BreakoutBanner() {
   const remaining = breakoutRemainingMs(open, now);
   const closing = breakoutClosingMs(open, now);
   const assigned = assignedRoom(open, localIdentity);
-  const [later, setLater] = useState3(null);
-  const [autoSince, setAutoSince] = useState3(null);
+  const [later, setLater] = useState4(null);
+  const [autoSince, setAutoSince] = useState4(null);
   const AUTO_MOVE_MS = 1e4;
   const autoLeft = open?.moveMode === "auto" && assigned !== null && autoSince?.id === open.id && later !== open.id ? Math.max(0, AUTO_MOVE_MS - (now - autoSince.at)) : null;
-  const [dismissedBroadcast, setDismissedBroadcast] = useState3(null);
-  const [failure, setFailure] = useState3(null);
+  const [dismissedBroadcast, setDismissedBroadcast] = useState4(null);
+  const [failure, setFailure] = useState4(null);
   const expireAsked = useRef5(null);
   const moveAt = collab?.moveRequest?.at ?? null;
   useEffect5(() => {
@@ -11059,29 +11233,29 @@ function BreakoutBanner() {
   const showBroadcast = broadcast !== null && broadcast.at !== dismissedBroadcast && open !== null;
   const room = open?.rooms.find((r) => r.id === breakoutRoomId) ?? null;
   if (open === null && failure === null) return null;
-  return /* @__PURE__ */ jsxs2("div", { className: "mx-meet__breakout-banner", role: "status", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__breakout-banner", role: "status", children: [
     failure !== null ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__collab-error", children: failure }) : null,
-    closing !== null ? /* @__PURE__ */ jsxs2("span", { role: "status", "data-meet-notice": "breakout-closing", children: [
+    closing !== null ? /* @__PURE__ */ jsxs3("span", { role: "status", "data-meet-notice": "breakout-closing", children: [
       "Rooms closing in ",
       Math.ceil(closing / 1e3),
       room !== null ? " \u2014 you return to the main meeting" : ""
     ] }) : null,
-    room !== null ? /* @__PURE__ */ jsxs2("span", { children: [
+    room !== null ? /* @__PURE__ */ jsxs3("span", { children: [
       /* @__PURE__ */ jsx5("strong", { children: room.name }),
       remaining !== null && closing === null ? ` \xB7 ${clock(remaining)} left` : "",
       /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => void moveTo(null), children: "Return to main room" })
-    ] }) : assigned !== null && later !== open?.id ? /* @__PURE__ */ jsxs2("span", { children: [
+    ] }) : assigned !== null && later !== open?.id ? /* @__PURE__ */ jsxs3("span", { children: [
       autoLeft !== null ? `You're being moved to ${assigned.name} in ${Math.ceil(autoLeft / 1e3)} s` : `You're invited to ${assigned.name}`,
       remaining !== null && closing === null ? ` \xB7 ${clock(remaining)} left` : "",
       /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => void joinAssigned(), children: "Join room" }),
       /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => setLater(open?.id ?? null), children: "Later" })
-    ] }) : assigned !== null ? /* @__PURE__ */ jsxs2("span", { children: [
+    ] }) : assigned !== null ? /* @__PURE__ */ jsxs3("span", { children: [
       assigned.name,
       " is open",
       /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__chip", onClick: () => void joinAssigned(), children: "Join room" })
     ] }) : open?.allowChoose ? /* @__PURE__ */ jsx5("span", { children: "Rooms are open \u2014 pick one under Activities." }) : null,
-    showBroadcast ? /* @__PURE__ */ jsxs2("span", { className: "mx-meet__breakout-broadcast", children: [
-      /* @__PURE__ */ jsxs2("strong", { children: [
+    showBroadcast ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__breakout-broadcast", children: [
+      /* @__PURE__ */ jsxs3("strong", { children: [
         broadcast.by,
         ":"
       ] }),
@@ -11101,10 +11275,10 @@ function CaptionLanguageSettings() {
   const preferred = defaultCaptionLanguage(settings, viewer);
   const current = collab?.captionLanguage ?? "";
   const choices = CAPTION_LANGUAGES.some((l) => l.tag === preferred) ? CAPTION_LANGUAGES : [{ tag: preferred, name: preferred }, ...CAPTION_LANGUAGES];
-  return /* @__PURE__ */ jsxs2("section", { className: "mx-meet__section", "aria-label": "Captions", children: [
-    /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Captions", children: [
+    /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
       /* @__PURE__ */ jsx5("span", { className: "mx-meet__field-label", children: "Translate captions to" }),
-      /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsxs3(
         "select",
         {
           className: "mx-meet__select",
@@ -11115,7 +11289,7 @@ function CaptionLanguageSettings() {
           },
           children: [
             /* @__PURE__ */ jsx5("option", { value: "", children: "Off \u2014 as spoken" }),
-            current === "" ? /* @__PURE__ */ jsxs2("option", { value: preferred, children: [
+            current === "" ? /* @__PURE__ */ jsxs3("option", { value: preferred, children: [
               choices.find((c) => c.tag === preferred)?.name ?? preferred,
               " (yours)"
             ] }) : null,
@@ -11156,10 +11330,10 @@ function TakeNotesControl() {
 }
 
 // src/skins/meet/components.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function InertNotice({ what }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__empty", role: "status", children: [
-    /* @__PURE__ */ jsxs3("p", { className: "mx-meet__empty-title", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__empty", role: "status", children: [
+    /* @__PURE__ */ jsxs4("p", { className: "mx-meet__empty-title", children: [
       what,
       " is not ready yet"
     ] }),
@@ -11229,7 +11403,7 @@ function RecordingIndicator() {
   const { state, label, canStart } = useRecording();
   const snapshot = useMeetSnapshot();
   const previous = useRef6(state);
-  const [stoppedAt, setStoppedAt] = useState4(null);
+  const [stoppedAt, setStoppedAt] = useState5(null);
   useEffect6(() => {
     const was = previous.current;
     previous.current = state;
@@ -11242,8 +11416,8 @@ function RecordingIndicator() {
   }, [state]);
   const meetingId = snapshot?.meeting?.id ?? null;
   if (label === null && stoppedAt === null) return null;
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    label !== null ? /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    label !== null ? /* @__PURE__ */ jsxs4(
       "span",
       {
         className: `mx-meet__recording mx-meet__recording--${state}`,
@@ -11280,7 +11454,7 @@ function ParticipantTile({
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const queue = useHandQueue();
-  const [menu, setMenu] = useState4(false);
+  const [menu, setMenu] = useState5(false);
   const videoRef = useTrack(
     participant.identity,
     participant.screenSharing ? "screen" : "camera"
@@ -11290,7 +11464,7 @@ function ParticipantTile({
   const spotlit = snapshot?.spotlight === participant.identity;
   const presenting = snapshot?.presenter === participant.identity;
   const handPosition = participant.handRaised ? queue.findIndex((entry) => entry.identity === participant.identity) + 1 : 0;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: [
@@ -11313,12 +11487,12 @@ function ParticipantTile({
           }
         ) : /* @__PURE__ */ jsx6("div", { className: "mx-meet__tile-placeholder", children: /* @__PURE__ */ jsx6(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: featured ? 96 : 56 }) }),
         presenting ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__tile-presenting", role: "status", children: participant.isLocal ? "You are presenting" : `${participant.displayName} is presenting` }) : null,
-        participant.handRaised ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__tile-hand", title: `Hand raised \xB7 ${ordinal(handPosition)} in line`, children: [
+        participant.handRaised ? /* @__PURE__ */ jsxs4("span", { className: "mx-meet__tile-hand", title: `Hand raised \xB7 ${ordinal(handPosition)} in line`, children: [
           /* @__PURE__ */ jsx6(HandIcon, { width: 14, height: 14 }),
           handPosition > 0 ? handPosition : null
         ] }) : null,
-        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__tile-bar", children: [
-          /* @__PURE__ */ jsxs3("span", { className: "mx-meet__tile-name", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "mx-meet__tile-bar", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "mx-meet__tile-name", children: [
             spotlit ? /* @__PURE__ */ jsx6("span", { title: "Spotlighted for everyone", className: "mx-meet__tile-flag", children: /* @__PURE__ */ jsx6(SpotlightIcon, { width: 12, height: 12 }) }) : null,
             participant.displayName,
             participant.isLocal ? " (you)" : "",
@@ -11329,7 +11503,7 @@ function ParticipantTile({
           !participant.micEnabled ? /* @__PURE__ */ jsx6(MicOffIcon, { width: 14, height: 14 }) : null,
           /* @__PURE__ */ jsx6(QualityBars, { quality: participant.quality })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: menu ? "mx-meet__tile-actions mx-meet__tile-actions--open" : "mx-meet__tile-actions", children: [
+        /* @__PURE__ */ jsxs4("div", { className: menu ? "mx-meet__tile-actions mx-meet__tile-actions--open" : "mx-meet__tile-actions", children: [
           /* @__PURE__ */ jsx6(
             ControlButton,
             {
@@ -11339,7 +11513,7 @@ function ParticipantTile({
               children: /* @__PURE__ */ jsx6(PinIcon, { width: 16, height: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "mx-meet__anchor", children: [
             /* @__PURE__ */ jsx6(
               ControlButton,
               {
@@ -11377,12 +11551,12 @@ function Stage({ pageSize }) {
   const stage = useStage(pageSize);
   const columns = gridColumns(stage.tiles.length);
   if (stage.feature === null && stage.tiles.length === 0) {
-    return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__stage mx-meet__stage--empty", children: [
+    return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__stage mx-meet__stage--empty", children: [
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-title", children: "Waiting for others to join" }),
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-body", children: "Share the meeting link and people can join from anywhere \u2014 no account needed." })
     ] });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: `mx-meet__stage${stage.feature !== null ? " mx-meet__stage--speaker" : ""}`, children: [
+  return /* @__PURE__ */ jsxs4("div", { className: `mx-meet__stage${stage.feature !== null ? " mx-meet__stage--speaker" : ""}`, children: [
     stage.feature !== null ? /* @__PURE__ */ jsx6(ParticipantTile, { participant: stage.feature, featured: true }) : null,
     /* @__PURE__ */ jsx6(
       "div",
@@ -11392,7 +11566,7 @@ function Stage({ pageSize }) {
         children: stage.tiles.map((participant) => /* @__PURE__ */ jsx6(ParticipantTile, { participant }, participant.identity))
       }
     ),
-    stage.overflow > 0 ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__overflow", children: [
+    stage.overflow > 0 ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__overflow", children: [
       "+",
       stage.overflow,
       " more ",
@@ -11404,10 +11578,10 @@ function Stage({ pageSize }) {
 function ControlBar({ onLeave }) {
   const room = useRoom();
   const recording = useRecording();
-  const [panel, setPanel] = useState4("none");
-  const [chatTo, setChatTo] = useState4(null);
-  const [popover, setPopover] = useState4("none");
-  const [shortcuts, setShortcuts] = useState4(false);
+  const [panel, setPanel] = useState5("none");
+  const [chatTo, setChatTo] = useState5(null);
+  const [popover, setPopover] = useState5("none");
+  const [shortcuts, setShortcuts] = useState5(false);
   const snapshot = useMeetSnapshot();
   const lobby = useLobby();
   const controls = useHostControls();
@@ -11415,7 +11589,7 @@ function ControlBar({ onLeave }) {
   const micUnavailable = useLocalMedia().microphone.unavailable;
   const live = useLivePolicy();
   const unread = useUnreadChat(panel === "chat");
-  const [whiteboard, setWhiteboard] = useState4(false);
+  const [whiteboard, setWhiteboard] = useState5(false);
   const app = useMeetAppPanel();
   const appOpened = useRef6(false);
   useEffect6(() => {
@@ -11449,7 +11623,7 @@ function ControlBar({ onLeave }) {
     help: () => setShortcuts(true)
   });
   const hasSpotlight = snapshot?.spotlight !== null && snapshot?.spotlight !== void 0;
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
     /* @__PURE__ */ jsx6(MeetingOverlays, {}),
     shortcuts ? /* @__PURE__ */ jsx6(ShortcutsSheet, { onClose: () => setShortcuts(false) }) : null,
     panel === "chat" ? /* @__PURE__ */ jsx6(ChatPanel, { onClose: () => setPanel("none"), to: chatTo, onTo: setChatTo }) : null,
@@ -11479,8 +11653,9 @@ function ControlBar({ onLeave }) {
     ) }) }) : null,
     /* @__PURE__ */ jsx6(BreakoutBanner, {}),
     panel !== "people" ? /* @__PURE__ */ jsx6(KnockNotice, { onView: () => setPanel("people") }) : null,
+    /* @__PURE__ */ jsx6(SpeakingWhileMutedNudge, {}),
     controls.notice !== null && panel !== "people" ? /* @__PURE__ */ jsx6(Toast, { text: controls.notice.text, failed: controls.notice.failed, onDone: controls.clearNotice }) : null,
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__controls", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mx-meet__controls", children: [
       live.micLocked ? null : /* @__PURE__ */ jsx6(
         ControlButton,
         {
@@ -11490,6 +11665,7 @@ function ControlBar({ onLeave }) {
           children: room.local?.micEnabled === true ? /* @__PURE__ */ jsx6(MicIcon, {}) : /* @__PURE__ */ jsx6(MicOffIcon, {})
         }
       ),
+      /* @__PURE__ */ jsx6(AudioSettingsControl, {}),
       live.cameraLocked ? null : /* @__PURE__ */ jsx6(
         ControlButton,
         {
@@ -11509,7 +11685,7 @@ function ControlBar({ onLeave }) {
           children: /* @__PURE__ */ jsx6(ScreenShareIcon, {})
         }
       ) : null,
-      /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "mx-meet__anchor", children: [
         /* @__PURE__ */ jsx6(
           ControlButton,
           {
@@ -11541,11 +11717,11 @@ function ControlBar({ onLeave }) {
         }
       ),
       app !== null ? /* @__PURE__ */ jsx6(ControlButton, { label: app.title, active: panel === "app", onClick: () => toggle("app"), children: /* @__PURE__ */ jsx6(FlagIcon, {}) }) : null,
-      /* @__PURE__ */ jsxs3(ControlButton, { label: "Chat (\u2318\u2325C)", active: panel === "chat", onClick: () => toggle("chat"), children: [
+      /* @__PURE__ */ jsxs4(ControlButton, { label: "Chat (\u2318\u2325C)", active: panel === "chat", onClick: () => toggle("chat"), children: [
         /* @__PURE__ */ jsx6(ChatIcon, {}),
         unread > 0 ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
       ] }),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4(
         ControlButton,
         {
           label: lobby.waiting.length > 0 ? `People \u2014 ${lobby.waiting.length} waiting` : `People \u2014 ${(snapshot?.participants ?? []).length} in the meeting`,
@@ -11568,7 +11744,7 @@ function ControlBar({ onLeave }) {
       /* @__PURE__ */ jsx6(AiControl, { active: panel === "ai", onToggle: () => toggle("ai") }),
       recording.canStart ? /* @__PURE__ */ jsx6(ControlButton, { label: "Start recording", onClick: () => void recording.start(), children: /* @__PURE__ */ jsx6(RecordIcon, {}) }) : null,
       recording.canStop ? /* @__PURE__ */ jsx6(ControlButton, { label: "Stop recording", active: true, onClick: () => void recording.stop(), children: /* @__PURE__ */ jsx6(RecordIcon, {}) }) : null,
-      /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "mx-meet__anchor", children: [
         /* @__PURE__ */ jsx6(
           ControlButton,
           {
@@ -11578,8 +11754,8 @@ function ControlBar({ onLeave }) {
             children: /* @__PURE__ */ jsx6(MoreIcon, {})
           }
         ),
-        popover === "more" ? /* @__PURE__ */ jsx6(Popover, { label: "More options", onClose: () => setPopover("none"), children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", role: "menu", children: [
-          /* @__PURE__ */ jsxs3(
+        popover === "more" ? /* @__PURE__ */ jsx6(Popover, { label: "More options", onClose: () => setPopover("none"), children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu", role: "menu", children: [
+          /* @__PURE__ */ jsxs4(
             MenuItem,
             {
               onSelect: () => {
@@ -11592,7 +11768,7 @@ function ControlBar({ onLeave }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4(
             MenuItem,
             {
               onSelect: () => {
@@ -11605,9 +11781,16 @@ function ControlBar({ onLeave }) {
               ]
             }
           ),
-          controls.isHost ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          !room.canShareScreen && room.local?.screenSharing !== true ? (
+            // `share-unsupported-mobile`: the control is absent; the menu says where it lives.
+            /* @__PURE__ */ jsxs4("p", { className: "mx-meet__menu-note", role: "note", "data-meet-notice": "share-unsupported", children: [
+              /* @__PURE__ */ jsx6(ScreenShareIcon, { width: 16, height: 16 }),
+              " Present from a computer"
+            ] })
+          ) : null,
+          controls.isHost ? /* @__PURE__ */ jsxs4(Fragment, { children: [
             /* @__PURE__ */ jsx6("div", { className: "mx-meet__menu-sep", role: "separator" }),
-            /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsxs4(
               MenuItem,
               {
                 onSelect: () => {
@@ -11620,7 +11803,7 @@ function ControlBar({ onLeave }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsxs4(
               MenuItem,
               {
                 onSelect: () => {
@@ -11637,7 +11820,7 @@ function ControlBar({ onLeave }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsxs4(
               MenuItem,
               {
                 onSelect: () => {
@@ -11650,7 +11833,7 @@ function ControlBar({ onLeave }) {
                 ]
               }
             ),
-            queue.length > 0 ? /* @__PURE__ */ jsxs3(
+            queue.length > 0 ? /* @__PURE__ */ jsxs4(
               MenuItem,
               {
                 onSelect: () => {
@@ -11665,7 +11848,7 @@ function ControlBar({ onLeave }) {
                 ]
               }
             ) : null,
-            hasSpotlight ? /* @__PURE__ */ jsxs3(
+            hasSpotlight ? /* @__PURE__ */ jsxs4(
               MenuItem,
               {
                 onSelect: () => {
@@ -11692,8 +11875,8 @@ var LEAVE_WORDS = {
 };
 function LeaveControl({ onLeave }) {
   const leave = useLeave();
-  const [open, setOpen] = useState4("none");
-  const [failure, setFailure] = useState4(null);
+  const [open, setOpen] = useState5("none");
+  const [failure, setFailure] = useState5(null);
   const words = LEAVE_WORDS[leave.policy.hostLeavePrompt];
   const run = (work, leaving) => {
     setFailure(null);
@@ -11704,7 +11887,7 @@ function LeaveControl({ onLeave }) {
   };
   const leaveNow = () => run(leave.leave, true);
   const endNow = () => run(leave.endForAll, false);
-  return /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
+  return /* @__PURE__ */ jsxs4("span", { className: "mx-meet__anchor", children: [
     /* @__PURE__ */ jsx6(
       ControlButton,
       {
@@ -11718,7 +11901,7 @@ function LeaveControl({ onLeave }) {
         children: /* @__PURE__ */ jsx6(PhoneOffIcon, {})
       }
     ),
-    open !== "none" ? /* @__PURE__ */ jsx6(Popover, { label: open === "assign" ? words.assign_and_leave : "Leave", onClose: () => setOpen("none"), children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", "data-meet-leave-menu": leave.policy.hostLeavePrompt, children: [
+    open !== "none" ? /* @__PURE__ */ jsx6(Popover, { label: open === "assign" ? words.assign_and_leave : "Leave", onClose: () => setOpen("none"), children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu", "data-meet-leave-menu": leave.policy.hostLeavePrompt, children: [
       open === "menu" ? leave.choices.map((choice) => /* @__PURE__ */ jsx6(
         "button",
         {
@@ -11744,7 +11927,7 @@ function LeaveControl({ onLeave }) {
         },
         String(person.identity)
       )) : null,
-      open === "confirm" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+      open === "confirm" ? /* @__PURE__ */ jsxs4(Fragment, { children: [
         /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__menu-item mx-meet__menu-item--danger", onClick: endNow, children: words.end_for_all }),
         /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__menu-item", onClick: () => setOpen("menu"), children: "Cancel" })
       ] }) : null,
@@ -11765,12 +11948,12 @@ function useUnreadChat(open) {
   const snapshot = useMeetSnapshot();
   const chat = snapshot?.chat ?? [];
   const local = snapshot?.localIdentity ?? null;
-  const [seen, setSeen] = useState4(0);
+  const [seen, setSeen] = useState5(0);
   useEffect6(() => {
     if (open) setSeen(chat.length);
   }, [open, chat.length]);
   const loaded = snapshot?.chatLoaded === true;
-  const [baseline, setBaseline] = useState4(null);
+  const [baseline, setBaseline] = useState5(null);
   useEffect6(() => {
     if (loaded && baseline === null) setBaseline(chat.length);
   }, [loaded, baseline, chat.length]);
@@ -11785,7 +11968,7 @@ function Popover({
   placement = "up"
 }) {
   const ref = useRef6(null);
-  const [style, setStyle] = useState4({
+  const [style, setStyle] = useState5({
     position: "fixed",
     top: 0,
     left: 0,
@@ -11874,15 +12057,103 @@ function Toast({ text: text3, failed, onDone }) {
     const timer = setTimeout(onDone, failed ? 7e3 : 4e3);
     return () => clearTimeout(timer);
   }, [text3, failed, onDone]);
-  return /* @__PURE__ */ jsxs3("div", { className: failed ? "mx-meet__toast mx-meet__toast--failed" : "mx-meet__toast", role: "status", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: failed ? "mx-meet__toast mx-meet__toast--failed" : "mx-meet__toast", role: "status", children: [
     /* @__PURE__ */ jsx6("span", { children: text3 }),
     /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: onDone, children: /* @__PURE__ */ jsx6(CloseIcon, { width: 14, height: 14 }) })
   ] });
 }
+function AudioSettingsControl() {
+  const host = useMeetHost();
+  const devices = useDeviceSnapshot();
+  const [open, setOpen] = useState5(false);
+  const list = (devices?.devices.audioinput ?? []).filter((device) => device.deviceId.length > 0);
+  if (host === null || list.length < 2) return null;
+  const current = devices?.selected.audioinput ?? host.devices.resolve("audioinput");
+  return /* @__PURE__ */ jsxs4("span", { className: "mx-meet__anchor", children: [
+    /* @__PURE__ */ jsx6(
+      ControlButton,
+      {
+        label: "Audio settings",
+        active: open,
+        onClick: () => {
+          if (!open) void host.devices.refresh();
+          setOpen(!open);
+        },
+        children: /* @__PURE__ */ jsx6(ChevronUpIcon, {})
+      }
+    ),
+    open ? /* @__PURE__ */ jsx6(Popover, { label: "Microphone", onClose: () => setOpen(false), children: /* @__PURE__ */ jsx6("div", { className: "mx-meet__menu", role: "menu", "aria-label": "Microphone", children: list.map((device) => /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        role: "menuitemradio",
+        "aria-checked": device.deviceId === current,
+        className: "mx-meet__menu-item",
+        onClick: () => {
+          setOpen(false);
+          host.devices.select("audioinput", device.deviceId);
+          void host.engine.switchDevice("audioinput", device.deviceId).catch(() => void 0);
+        },
+        children: [
+          device.deviceId === current ? /* @__PURE__ */ jsx6(CheckIcon, { width: 16, height: 16 }) : /* @__PURE__ */ jsx6("span", { className: "mx-meet__menu-gap" }),
+          device.label.length > 0 ? device.label : "Microphone"
+        ]
+      },
+      device.deviceId
+    )) }) }) : null
+  ] });
+}
+function SpeakingWhileMutedNudge() {
+  const room = useRoom();
+  const host = useMeetHost();
+  const devices = useDeviceSnapshot();
+  const microphone = useLocalMedia().microphone;
+  const mutedByMe = host !== null && room.local != null && room.local.micEnabled !== true && microphone.unavailable === null;
+  const mic = devices?.selected.audioinput ?? host?.devices.resolve("audioinput") ?? null;
+  const stream = useMicrophoneStream(mutedByMe ? mic : "off");
+  const level = useAudioLevel(stream);
+  const latest = useRef6(0);
+  latest.current = level;
+  const [shown, setShown] = useState5(false);
+  const [detector] = useState5(() => createSpeakingWhileMutedDetector());
+  useEffect6(() => {
+    if (!mutedByMe) {
+      detector.reset();
+      setShown(false);
+      return void 0;
+    }
+    const timer = setInterval(() => {
+      if (detector.feed(latest.current, Date.now())) setShown(true);
+    }, 150);
+    return () => clearInterval(timer);
+  }, [mutedByMe, detector]);
+  useEffect6(() => {
+    if (!shown) return void 0;
+    const timer = setTimeout(() => setShown(false), 8e3);
+    return () => clearTimeout(timer);
+  }, [shown]);
+  if (!shown || !mutedByMe) return null;
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "speaking-while-muted", children: [
+    /* @__PURE__ */ jsx6(MicOffIcon, { width: 16, height: 16 }),
+    /* @__PURE__ */ jsx6("span", { children: "You're muted" }),
+    /* @__PURE__ */ jsx6(
+      "button",
+      {
+        type: "button",
+        className: "mx-meet__primary mx-meet__primary--small",
+        onClick: () => {
+          setShown(false);
+          void room.toggleMicrophone();
+        },
+        children: "Unmute"
+      }
+    )
+  ] });
+}
 function MediaNotices() {
   const media = useLocalMedia();
   const { region, where, enableAudio, acceptOffer, dismissOffer, dismissNotice, retry } = useMediaSupervisor();
-  const [fixing, setFixing] = useState4(null);
+  const [fixing, setFixing] = useState5(null);
   const chips = ["microphone", "camera"].flatMap((kind) => {
     const reason = deviceUnavailableReason(media[kind], region.permission[kind]);
     return reason === null ? [] : [{ kind, reason }];
@@ -11892,8 +12163,8 @@ function MediaNotices() {
   const offer = region.offer;
   const name = (kind) => kind === "microphone" ? "Microphone" : "Camera";
   if (chips.length === 0 && region.audioOutput !== "blocked" && notice === null && offer === null) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__media-notices", children: [
-    region.audioOutput === "blocked" ? /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__media-notices", children: [
+    region.audioOutput === "blocked" ? /* @__PURE__ */ jsxs4(
       ErrorBox,
       {
         as: "div",
@@ -11908,7 +12179,7 @@ function MediaNotices() {
         ]
       }
     ) : null,
-    chips.map(({ kind, reason }) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__media-pill", role: "status", "data-meet-notice": deviceNoticeCode(kind, reason), children: [
+    chips.map(({ kind, reason }) => /* @__PURE__ */ jsxs4("div", { className: "mx-meet__media-pill", role: "status", "data-meet-notice": deviceNoticeCode(kind, reason), children: [
       /* @__PURE__ */ jsx6("span", { children: deviceChipLabel(kind, reason) }),
       /* @__PURE__ */ jsx6(
         "button",
@@ -11922,9 +12193,9 @@ function MediaNotices() {
         }
       )
     ] }, kind)),
-    fixing !== null && fixReason !== null ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__popover mx-meet__fix-sheet", role: "dialog", "aria-label": `Fix ${name(fixing).toLowerCase()}`, children: [
+    fixing !== null && fixReason !== null ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__popover mx-meet__fix-sheet", role: "dialog", "aria-label": `Fix ${name(fixing).toLowerCase()}`, children: [
       /* @__PURE__ */ jsx6("ol", { className: "mx-meet__fix-steps", children: deviceFixSteps(fixing, fixReason, where).map((step) => /* @__PURE__ */ jsx6("li", { children: step }, step)) }),
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__fix-actions", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__fix-actions", children: [
         /* @__PURE__ */ jsx6(
           "button",
           {
@@ -11941,7 +12212,7 @@ function MediaNotices() {
         /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Close", onClick: () => setFixing(null), children: /* @__PURE__ */ jsx6(CloseIcon, { width: 14, height: 14 }) })
       ] })
     ] }) : null,
-    notice !== null ? /* @__PURE__ */ jsxs3(
+    notice !== null ? /* @__PURE__ */ jsxs4(
       "div",
       {
         className: "mx-meet__media-pill",
@@ -11953,7 +12224,7 @@ function MediaNotices() {
         ]
       }
     ) : null,
-    offer !== null ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__media-pill", role: "status", children: [
+    offer !== null ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__media-pill", role: "status", children: [
       /* @__PURE__ */ jsx6("span", { children: `New ${offer.kind}: ${offer.label || name(offer.kind)}` }),
       /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => void acceptOffer(), children: "Use it" }),
       /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: dismissOffer, children: /* @__PURE__ */ jsx6(CloseIcon, { width: 14, height: 14 }) })
@@ -11968,22 +12239,22 @@ function MeetingOverlays() {
   const snapshot = useMeetSnapshot();
   const controls = useHostControls();
   const isHostNow = useRole() === "host";
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
     /* @__PURE__ */ jsx6(ReactionOverlay, { reactions }),
     /* @__PURE__ */ jsx6(MediaNotices, {}),
     snapshot !== null && snapshot.phase === "in_call" && snapshot.participants.length >= 2 && !snapshot.participants.some((p) => p.role === "host" || p.role === "cohost") ? (
       // meeting-without-host: the call goes on; host-only controls are simply not on screen.
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "host-absent", children: "The host has left the meeting. Host controls are not available until a host is back." })
     ) : null,
-    live.consent !== null ? /* @__PURE__ */ jsx6("div", { className: "mx-meet__sheet-backdrop", children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__sheet", role: "alertdialog", "aria-label": "This meeting is being recorded", "data-meet-notice": "recording-consent", children: [
+    live.consent !== null ? /* @__PURE__ */ jsx6("div", { className: "mx-meet__sheet-backdrop", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__sheet", role: "alertdialog", "aria-label": "This meeting is being recorded", "data-meet-notice": "recording-consent", children: [
       /* @__PURE__ */ jsx6("h2", { className: "mx-meet__panel-title", children: "This meeting is being recorded" }),
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__confirm-text", children: live.consent === "ok_or_leave" ? "By staying you agree to be recorded. You can leave now if you do not agree." : "Until you agree to the recording you can watch and listen, but not use your microphone or camera." }),
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-actions", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu-actions", children: [
         /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__send", onClick: live.agree, children: live.consent === "ok_or_leave" ? "OK" : "I agree" }),
         live.consent === "ok_or_leave" ? /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: () => void room.leave(), children: "Leave meeting" }) : null
       ] })
     ] }) }) : null,
-    snapshot?.canReclaim === true && !isHostNow ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "host-reclaim", children: [
+    snapshot?.canReclaim === true && !isHostNow ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "host-reclaim", children: [
       /* @__PURE__ */ jsx6("span", { children: "You started this meeting. Take back the host?" }),
       /* @__PURE__ */ jsx6(
         "button",
@@ -11996,7 +12267,7 @@ function MeetingOverlays() {
       )
     ] }) : null,
     live.micLocked || live.cameraLocked ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "mic-locked", children: live.micLocked && live.cameraLocked ? "Your microphone and camera are turned off by the organizer." : live.micLocked ? "Your microphone is turned off by the organizer." : "Your camera is turned off by the organizer." }) : null,
-    live.timeWarning && live.minutesLeft !== null && live.minutesLeft > 0 ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "time-warning", children: [
+    live.timeWarning && live.minutesLeft !== null && live.minutesLeft > 0 ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "time-warning", children: [
       "This meeting will end in ",
       live.minutesLeft,
       " ",
@@ -12007,7 +12278,7 @@ function MeetingOverlays() {
       // A host's request ("the host is asking you to unmute"), not an error:
       // an assertive status, so it is announced at once without being filed
       // as a failure (design-system error-box census).
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__notice-bar", role: "status", "aria-live": "assertive", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__notice-bar", role: "status", "aria-live": "assertive", children: [
         /* @__PURE__ */ jsx6("span", { children: notice.text }),
         notice.kind === "ask-unmute" && room.local?.micEnabled !== true ? /* @__PURE__ */ jsx6(
           "button",
@@ -12034,7 +12305,7 @@ function ShortcutsSheet({ onClose }) {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [onClose]);
-  return /* @__PURE__ */ jsx6("div", { className: "mx-meet__sheet-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx6("div", { className: "mx-meet__sheet-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs4(
     "div",
     {
       className: "mx-meet__sheet",
@@ -12042,11 +12313,11 @@ function ShortcutsSheet({ onClose }) {
       "aria-label": "Keyboard shortcuts",
       onClick: (event) => event.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxs3("header", { className: "mx-meet__panel-head", children: [
+        /* @__PURE__ */ jsxs4("header", { className: "mx-meet__panel-head", children: [
           /* @__PURE__ */ jsx6("h2", { className: "mx-meet__panel-title", children: "Keyboard shortcuts" }),
           /* @__PURE__ */ jsx6(ControlButton, { label: "Close", onClick: onClose, children: /* @__PURE__ */ jsx6(CloseIcon, { width: 16, height: 16 }) })
         ] }),
-        /* @__PURE__ */ jsx6("dl", { className: "mx-meet__shortcuts", children: MEET_SHORTCUTS.map((shortcut) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__shortcut", children: [
+        /* @__PURE__ */ jsx6("dl", { className: "mx-meet__shortcuts", children: MEET_SHORTCUTS.map((shortcut) => /* @__PURE__ */ jsxs4("div", { className: "mx-meet__shortcut", children: [
           /* @__PURE__ */ jsx6("dt", { children: shortcut.label }),
           /* @__PURE__ */ jsx6("dd", { children: /* @__PURE__ */ jsx6("kbd", { className: "mx-meet__kbd", children: shortcut.keys }) })
         ] }, shortcut.id)) })
@@ -12078,8 +12349,8 @@ function PanelShell({
     observer.observe(header);
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ jsxs3("aside", { ref, className: "mx-meet__panel", "aria-label": title, children: [
-    /* @__PURE__ */ jsxs3("header", { className: "mx-meet__panel-head", children: [
+  return /* @__PURE__ */ jsxs4("aside", { ref, className: "mx-meet__panel", "aria-label": title, children: [
+    /* @__PURE__ */ jsxs4("header", { className: "mx-meet__panel-head", children: [
       /* @__PURE__ */ jsx6("h2", { className: "mx-meet__panel-title", children: title }),
       /* @__PURE__ */ jsx6(ControlButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsx6(CloseIcon, { width: 16, height: 16 }) })
     ] }),
@@ -12094,8 +12365,8 @@ function ChatPanel({
   const snapshot = useMeetSnapshot();
   const room = useRoom();
   const live = useLivePolicy();
-  const [draft, setDraft] = useState4("");
-  const [recipient, setRecipient] = useState4(to);
+  const [draft, setDraft] = useState5("");
+  const [recipient, setRecipient] = useState5(to);
   const listRef = useRef6(null);
   const messages = snapshot?.chat ?? [];
   const local = snapshot?.localIdentity ?? null;
@@ -12112,13 +12383,13 @@ function ChatPanel({
     setRecipient(next);
     onTo?.(next);
   };
-  return /* @__PURE__ */ jsxs3(PanelShell, { title: "Chat", onClose, children: [
-    /* @__PURE__ */ jsxs3("ul", { className: "mx-meet__chat", ref: listRef, children: [
+  return /* @__PURE__ */ jsxs4(PanelShell, { title: "Chat", onClose, children: [
+    /* @__PURE__ */ jsxs4("ul", { className: "mx-meet__chat", ref: listRef, children: [
       snapshot?.chatHistoryError != null ? /* @__PURE__ */ jsx6("li", { className: "mx-meet__panel-note", children: snapshot.chatHistoryError }) : null,
       snapshot?.chatLoaded !== true && messages.length === 0 ? /* @__PURE__ */ jsx6("li", { className: "mx-meet__panel-note", children: "Reading earlier messages\u2026" }) : messages.length === 0 && snapshot?.chatHistoryError == null ? /* @__PURE__ */ jsx6("li", { className: "mx-meet__panel-note", children: "No messages yet. Messages to everyone stay with the meeting, so people who join later see them." }) : null,
       messages.map((message) => /* @__PURE__ */ jsx6(ChatLine, { message, local, people }, message.id))
     ] }),
-    !live.canChat ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", role: "status", "data-meet-notice": "chat-restricted", children: live.chatMode === "off" ? "Chat is turned off for this meeting." : "Chat is limited to the host and co-hosts in this meeting." }) : /* @__PURE__ */ jsxs3(
+    !live.canChat ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", role: "status", "data-meet-notice": "chat-restricted", children: live.chatMode === "off" ? "Chat is turned off for this meeting." : "Chat is limited to the host and co-hosts in this meeting." }) : /* @__PURE__ */ jsxs4(
       "form",
       {
         className: "mx-meet__composer mx-meet__composer--chat",
@@ -12131,7 +12402,7 @@ function ChatPanel({
           else void room.sendPrivateChat(recipient, text3);
         },
         children: [
-          people.length > 0 ? /* @__PURE__ */ jsxs3(
+          people.length > 0 ? /* @__PURE__ */ jsxs4(
             "select",
             {
               className: "mx-meet__select mx-meet__select--compact",
@@ -12140,14 +12411,14 @@ function ChatPanel({
               onChange: (event) => choose(event.target.value === "" ? null : event.target.value),
               children: [
                 /* @__PURE__ */ jsx6("option", { value: "", children: "Everyone" }),
-                people.map((participant) => /* @__PURE__ */ jsxs3("option", { value: participant.identity, children: [
+                people.map((participant) => /* @__PURE__ */ jsxs4("option", { value: participant.identity, children: [
                   participant.displayName,
                   " (private)"
                 ] }, participant.identity))
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs3("div", { className: "mx-meet__composer-row", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mx-meet__composer-row", children: [
             /* @__PURE__ */ jsx6(
               "input",
               {
@@ -12161,7 +12432,7 @@ function ChatPanel({
             ),
             /* @__PURE__ */ jsx6("button", { type: "submit", className: "mx-meet__send", disabled: draft.trim().length === 0, children: "Send" })
           ] }),
-          recipientName !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
+          recipientName !== null ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__panel-note", children: [
             "Only ",
             recipientName,
             " sees this. Private messages are not saved."
@@ -12179,7 +12450,7 @@ function ChatLine({
   const mine = message.identity === local;
   const privateTo = message.to ?? null;
   const counterpart = privateTo === null ? null : mine ? people.find((p) => p.identity === privateTo)?.displayName ?? "them" : "you";
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "li",
     {
       className: [
@@ -12188,9 +12459,9 @@ function ChatLine({
         message.failed !== void 0 ? "mx-meet__chat-line--failed" : ""
       ].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsxs3("span", { className: "mx-meet__chat-meta", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "mx-meet__chat-meta", children: [
           /* @__PURE__ */ jsx6("strong", { children: mine ? "You" : message.displayName }),
-          counterpart !== null ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__chat-private", children: [
+          counterpart !== null ? /* @__PURE__ */ jsxs4("span", { className: "mx-meet__chat-private", children: [
             "to ",
             counterpart,
             " \xB7 private"
@@ -12210,8 +12481,8 @@ function PeoplePanel({
   const snapshot = useMeetSnapshot();
   const controls = useHostControls();
   const queue = useHandQueue();
-  const [query, setQuery] = useState4("");
-  const [menuFor, setMenuFor] = useState4(null);
+  const [query, setQuery] = useState5("");
+  const [menuFor, setMenuFor] = useState5(null);
   const myRole = useRole();
   const local = snapshot?.localIdentity ?? null;
   const observersHidden = snapshot?.grants.observersVisibleTo === "hosts" && !controls.isHost;
@@ -12220,11 +12491,11 @@ function PeoplePanel({
   );
   const needle = query.trim().toLowerCase();
   const shown = needle.length === 0 ? everyone : everyone.filter((participant) => participant.displayName.toLowerCase().includes(needle));
-  return /* @__PURE__ */ jsxs3(PanelShell, { title: `People (${everyone.length})`, onClose, children: [
+  return /* @__PURE__ */ jsxs4(PanelShell, { title: `People (${everyone.length})`, onClose, children: [
     /* @__PURE__ */ jsx6(LobbyPanel, {}),
-    queue.length > 0 ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Raised hands", children: [
-      /* @__PURE__ */ jsxs3("header", { className: "mx-meet__section-head", children: [
-        /* @__PURE__ */ jsxs3("h3", { className: "mx-meet__section-title", children: [
+    queue.length > 0 ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__section", "aria-label": "Raised hands", children: [
+      /* @__PURE__ */ jsxs4("header", { className: "mx-meet__section-head", children: [
+        /* @__PURE__ */ jsxs4("h3", { className: "mx-meet__section-title", children: [
           "Raised hands \xB7 ",
           queue.length
         ] }),
@@ -12238,9 +12509,9 @@ function PeoplePanel({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsx6("ol", { className: "mx-meet__queue", children: queue.map((participant) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
+      /* @__PURE__ */ jsx6("ol", { className: "mx-meet__queue", children: queue.map((participant) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__person", children: [
         /* @__PURE__ */ jsx6(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: 28 }),
-        /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "mx-meet__person-name", children: [
           participant.displayName,
           participant.identity === local ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__you", children: " (you)" }) : null
         ] }),
@@ -12255,12 +12526,12 @@ function PeoplePanel({
         ) : null
       ] }, participant.identity)) })
     ] }) : null,
-    controls.isHost && everyone.length > 1 ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__bulk", children: [
-      /* @__PURE__ */ jsxs3("button", { type: "button", className: "mx-meet__chip", onClick: () => void controls.run({ action: "mute_all" }), children: [
+    controls.isHost && everyone.length > 1 ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__bulk", children: [
+      /* @__PURE__ */ jsxs4("button", { type: "button", className: "mx-meet__chip", onClick: () => void controls.run({ action: "mute_all" }), children: [
         /* @__PURE__ */ jsx6(MicOffIcon, { width: 14, height: 14 }),
         " Mute all"
       ] }),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -12273,7 +12544,7 @@ function PeoplePanel({
         }
       )
     ] }) : null,
-    everyone.length > 4 ? /* @__PURE__ */ jsxs3("label", { className: "mx-meet__search", children: [
+    everyone.length > 4 ? /* @__PURE__ */ jsxs4("label", { className: "mx-meet__search", children: [
       /* @__PURE__ */ jsx6(SearchIcon, { width: 16, height: 16 }),
       /* @__PURE__ */ jsx6(
         "input",
@@ -12287,10 +12558,10 @@ function PeoplePanel({
       )
     ] }) : null,
     controls.notice !== null ? /* @__PURE__ */ jsx6("p", { className: controls.notice.failed ? "mx-meet__error" : "mx-meet__notice", role: "status", children: controls.notice.text }) : null,
-    /* @__PURE__ */ jsxs3("ul", { className: "mx-meet__people", children: [
-      shown.map((participant) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
+    /* @__PURE__ */ jsxs4("ul", { className: "mx-meet__people", children: [
+      shown.map((participant) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__person", children: [
         /* @__PURE__ */ jsx6(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: 32 }),
-        /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "mx-meet__person-name", children: [
           participant.displayName,
           participant.identity === local ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__you", children: " (you)" }) : null,
           /* @__PURE__ */ jsx6(
@@ -12307,7 +12578,7 @@ function PeoplePanel({
         participant.handRaised ? /* @__PURE__ */ jsx6(HandIcon, { width: 14, height: 14 }) : null,
         !participant.micEnabled && !isNoteTaker(participant) ? /* @__PURE__ */ jsx6(MicOffIcon, { width: 14, height: 14 }) : null,
         /* @__PURE__ */ jsx6(QualityBars, { quality: participant.quality }),
-        /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "mx-meet__anchor", children: [
           /* @__PURE__ */ jsx6(
             ControlButton,
             {
@@ -12328,7 +12599,7 @@ function PeoplePanel({
           ) : null
         ] })
       ] }, participant.identity)),
-      shown.length === 0 ? /* @__PURE__ */ jsxs3("li", { className: "mx-meet__panel-note", children: [
+      shown.length === 0 ? /* @__PURE__ */ jsxs4("li", { className: "mx-meet__panel-note", children: [
         "Nobody matches \u201C",
         query,
         "\u201D."
@@ -12346,14 +12617,14 @@ function PersonMenu({
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const controls = useHostControls();
-  const [mode, setMode] = useState4("menu");
-  const [text3, setText] = useState4("");
+  const [mode, setMode] = useState5("menu");
+  const [text3, setText] = useState5("");
   const self = participant.identity === snapshot?.localIdentity;
   const moderate = controls.canModerate(participant);
   const pinned = snapshot?.pinned === participant.identity;
   const spotlit = snapshot?.spotlight === participant.identity;
   const hasAccount = participant.userId !== null;
-  const [refused, setRefused] = useState4(false);
+  const [refused, setRefused] = useState5(false);
   const act = (request) => {
     setRefused(false);
     void controls.run(request).then((result) => {
@@ -12364,7 +12635,7 @@ function PersonMenu({
   const refusal2 = refused && controls.notice?.failed === true ? /* @__PURE__ */ jsx6(ErrorBox, { as: "p", className: "mx-meet__error", message: controls.notice.text, operation: "Change this participant", origin: "meet/components", children: controls.notice.text }) : null;
   if (mode === "rename" || mode === "report") {
     const renaming = mode === "rename";
-    return /* @__PURE__ */ jsx6(Popover, { label: renaming ? "Rename" : "Report", onClose, placement, children: /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsx6(Popover, { label: renaming ? "Rename" : "Report", onClose, placement, children: /* @__PURE__ */ jsxs4(
       "form",
       {
         className: "mx-meet__menu-form",
@@ -12376,7 +12647,7 @@ function PersonMenu({
           );
         },
         children: [
-          /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
+          /* @__PURE__ */ jsxs4("label", { className: "mx-meet__field", children: [
             /* @__PURE__ */ jsx6("span", { className: "mx-meet__field-label", children: renaming ? "Name shown in this meeting" : `What did ${participant.displayName} do?` }),
             renaming ? /* @__PURE__ */ jsx6(
               "input",
@@ -12400,7 +12671,7 @@ function PersonMenu({
             )
           ] }),
           refusal2,
-          /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-actions", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu-actions", children: [
             /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: () => setMode("menu"), children: "Back" }),
             /* @__PURE__ */ jsx6("button", { type: "submit", className: "mx-meet__send", disabled: text3.trim().length === 0 || controls.busy, children: renaming ? "Rename" : "Report" })
           ] })
@@ -12410,10 +12681,10 @@ function PersonMenu({
   }
   if (mode === "remove" || mode === "transfer") {
     const removing = mode === "remove";
-    return /* @__PURE__ */ jsx6(Popover, { label: removing ? "Remove" : "Make host", onClose, placement, children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-form", children: [
+    return /* @__PURE__ */ jsx6(Popover, { label: removing ? "Remove" : "Make host", onClose, placement, children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu-form", children: [
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__confirm-text", children: removing ? `Remove ${participant.displayName}? They leave immediately and cannot rejoin this meeting.` : `Make ${participant.displayName} the host? They get every host control and own this meeting. You stay on as a co-host.` }),
       refusal2,
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-actions", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu-actions", children: [
         /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: () => setMode("menu"), children: "Cancel" }),
         /* @__PURE__ */ jsx6(
           "button",
@@ -12428,8 +12699,8 @@ function PersonMenu({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx6(Popover, { label: `Options for ${participant.displayName}`, onClose, placement, children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", role: "menu", children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx6(Popover, { label: `Options for ${participant.displayName}`, onClose, placement, children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__menu", role: "menu", children: [
+    /* @__PURE__ */ jsxs4(
       MenuItem,
       {
         onSelect: () => {
@@ -12443,7 +12714,7 @@ function PersonMenu({
         ]
       }
     ),
-    !self && !participant.isAgent && (onMessage !== void 0 || host !== null) ? /* @__PURE__ */ jsxs3(
+    !self && !participant.isAgent && (onMessage !== void 0 || host !== null) ? /* @__PURE__ */ jsxs4(
       MenuItem,
       {
         onSelect: () => {
@@ -12460,44 +12731,44 @@ function PersonMenu({
         ]
       }
     ) : null,
-    controls.isHost ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "spotlight", identity: spotlit ? null : participant.identity }), children: [
+    controls.isHost ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "spotlight", identity: spotlit ? null : participant.identity }), children: [
       /* @__PURE__ */ jsx6(SpotlightIcon, { width: 16, height: 16 }),
       " ",
       spotlit ? "Remove spotlight" : "Spotlight for everyone"
     ] }) : null,
-    moderate ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    moderate ? /* @__PURE__ */ jsxs4(Fragment, { children: [
       /* @__PURE__ */ jsx6("div", { className: "mx-meet__menu-sep", role: "separator" }),
-      participant.micEnabled ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "mute", identity: participant.identity }), children: [
+      participant.micEnabled ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "mute", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(MicOffIcon, { width: 16, height: 16 }),
         " Mute"
-      ] }) : !participant.isAgent ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "ask_unmute", identity: participant.identity }), children: [
+      ] }) : !participant.isAgent ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "ask_unmute", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(MicIcon, { width: 16, height: 16 }),
         " Ask to unmute"
       ] }) : null,
-      participant.cameraEnabled ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "stop_video", identity: participant.identity }), children: [
+      participant.cameraEnabled ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "stop_video", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(CameraOffIcon, { width: 16, height: 16 }),
         " Stop video"
       ] }) : null,
-      participant.screenSharing ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "stop_screen", identity: participant.identity }), children: [
+      participant.screenSharing ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "stop_screen", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(ScreenShareIcon, { width: 16, height: 16 }),
         " Stop screen share"
       ] }) : null,
-      participant.handRaised ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "lower_hand", identity: participant.identity }), children: [
+      participant.handRaised ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "lower_hand", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(HandIcon, { width: 16, height: 16 }),
         " Lower hand"
       ] }) : null,
-      hasAccount && !participant.isAgent && participant.role !== "cohost" ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "make_cohost", identity: participant.identity }), children: [
+      hasAccount && !participant.isAgent && participant.role !== "cohost" ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "make_cohost", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(PeopleIcon, { width: 16, height: 16 }),
         " Make co-host"
       ] }) : null,
-      !participant.isAgent && participant.role !== "cohost" && participant.role !== "host" ? participant.role === "presenter" ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "revoke_presenter", identity: participant.identity }), children: [
+      !participant.isAgent && participant.role !== "cohost" && participant.role !== "host" ? participant.role === "presenter" ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "revoke_presenter", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(ScreenShareIcon, { width: 16, height: 16 }),
         " Remove presenter"
-      ] }) : /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "make_presenter", identity: participant.identity }), children: [
+      ] }) : /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "make_presenter", identity: participant.identity }), children: [
         /* @__PURE__ */ jsx6(ScreenShareIcon, { width: 16, height: 16 }),
         " Make presenter"
       ] }) : null,
-      !participant.isAgent ? /* @__PURE__ */ jsxs3(
+      !participant.isAgent ? /* @__PURE__ */ jsxs4(
         MenuItem,
         {
           onSelect: () => {
@@ -12511,15 +12782,15 @@ function PersonMenu({
         }
       ) : null
     ] }) : null,
-    controls.isOwner && participant.role === "cohost" ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "revoke_cohost", identity: participant.identity }), children: [
+    controls.isOwner && participant.role === "cohost" ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => act({ action: "revoke_cohost", identity: participant.identity }), children: [
       /* @__PURE__ */ jsx6(PeopleIcon, { width: 16, height: 16 }),
       " Remove co-host"
     ] }) : null,
-    controls.isOwner && !self && hasAccount && !participant.isAgent ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => setMode("transfer"), children: [
+    controls.isOwner && !self && hasAccount && !participant.isAgent ? /* @__PURE__ */ jsxs4(MenuItem, { onSelect: () => setMode("transfer"), children: [
       /* @__PURE__ */ jsx6(SpotlightIcon, { width: 16, height: 16 }),
       " Make host"
     ] }) : null,
-    self ? /* @__PURE__ */ jsxs3(
+    self ? /* @__PURE__ */ jsxs4(
       MenuItem,
       {
         onSelect: () => {
@@ -12532,7 +12803,7 @@ function PersonMenu({
         ]
       }
     ) : null,
-    !self && !participant.isAgent ? /* @__PURE__ */ jsxs3(
+    !self && !participant.isAgent ? /* @__PURE__ */ jsxs4(
       MenuItem,
       {
         onSelect: () => {
@@ -12545,7 +12816,7 @@ function PersonMenu({
         ]
       }
     ) : null,
-    moderate && !participant.isAgent ? /* @__PURE__ */ jsxs3(MenuItem, { danger: true, onSelect: () => setMode("remove"), children: [
+    moderate && !participant.isAgent ? /* @__PURE__ */ jsxs4(MenuItem, { danger: true, onSelect: () => setMode("remove"), children: [
       /* @__PURE__ */ jsx6(CloseIcon, { width: 16, height: 16 }),
       " Remove from meeting"
     ] }) : null
@@ -12553,7 +12824,7 @@ function PersonMenu({
 }
 function SettingsPanel({ onClose }) {
   const host = useRequiredMeetHost();
-  return /* @__PURE__ */ jsxs3(PanelShell, { title: "Settings", onClose, children: [
+  return /* @__PURE__ */ jsxs4(PanelShell, { title: "Settings", onClose, children: [
     /* @__PURE__ */ jsx6(
       DeviceSettings,
       {
@@ -12576,15 +12847,15 @@ function DeviceSettings({
   const speaker = devices?.selected.audiooutput ?? host.devices.resolve("audiooutput");
   const stream = useMicrophoneStream(microphone);
   const level = useAudioLevel(stream);
-  const [testing, setTesting] = useState4(false);
+  const [testing, setTesting] = useState5(false);
   useEffect6(() => {
     void host.devices.refresh();
   }, [host]);
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Devices", children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__section", "aria-label": "Devices", children: [
     /* @__PURE__ */ jsx6(DevicePicker, { kind: "audioinput", label: "Microphone", onPick }),
     /* @__PURE__ */ jsx6("div", { className: "mx-meet__meter", role: "meter", "aria-label": "Microphone level", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(level * 100), children: /* @__PURE__ */ jsx6("span", { style: { width: `${Math.min(100, Math.round(level * 160))}%` } }) }),
     /* @__PURE__ */ jsx6(DevicePicker, { kind: "audiooutput", label: "Speaker", onPick }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
@@ -12606,7 +12877,7 @@ function DeviceSettings({
 }
 function EffectsSettings({ preview }) {
   const effects = useMediaEffects();
-  const [error, setError] = useState4(null);
+  const [error, setError] = useState5(null);
   const fileRef = useRef6(null);
   const supported = effects.backgroundsSupported || preview != null || videoEffectsSupported();
   const apply = (next) => {
@@ -12619,8 +12890,8 @@ function EffectsSettings({ preview }) {
       );
     }
   };
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Effects", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__section", "aria-label": "Effects", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mx-meet__check", children: [
       /* @__PURE__ */ jsx6(
         Checkbox,
         {
@@ -12629,12 +12900,12 @@ function EffectsSettings({ preview }) {
           onCheckedChange: (checked) => apply({ noiseSuppression: checked === true })
         }
       ),
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check-text", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__check-text", children: [
         /* @__PURE__ */ jsx6(Label, { htmlFor: "mx-meet-noise", children: "Noise suppression" }),
         /* @__PURE__ */ jsx6("span", { className: "mx-meet__hint", children: "Filters keyboards, fans and background chatter." })
       ] })
     ] }),
-    supported ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field", children: [
+    supported ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__field", children: [
       /* @__PURE__ */ jsx6(Label, { children: "Background" }),
       /* @__PURE__ */ jsx6(
         SegmentedControl,
@@ -12728,14 +12999,20 @@ async function playTestSound(sinkId) {
   audio.pause();
   await context.close();
 }
-function useMicrophoneStream(deviceId2) {
-  const [stream, setStream] = useState4(null);
+function useMicrophoneStream(deviceId2, report, attempt = 0) {
+  const [stream, setStream] = useState5(null);
+  const reportRef = useRef6(report);
+  reportRef.current = report;
   useEffect6(() => {
-    if (deviceId2 === "off") return void 0;
+    if (deviceId2 === "off") {
+      reportRef.current?.("off");
+      return void 0;
+    }
     let live = true;
     let opened = null;
     const media = globalThis.navigator?.mediaDevices;
     if (media === void 0) return void 0;
+    reportRef.current?.("prompting");
     void media.getUserMedia({ audio: deviceId2 === null ? true : { deviceId: { exact: deviceId2 } } }).then((next) => {
       if (!live) {
         next.getTracks().forEach((track) => track.stop());
@@ -12743,20 +13020,54 @@ function useMicrophoneStream(deviceId2) {
       }
       opened = next;
       setStream(next);
-    }).catch(() => setStream(null));
+      reportRef.current?.("on");
+    }).catch((thrown) => {
+      setStream(null);
+      if (live) reportRef.current?.({ error: thrown });
+    });
     return () => {
       live = false;
       opened?.getTracks().forEach((track) => track.stop());
       setStream(null);
     };
-  }, [deviceId2]);
+  }, [deviceId2, attempt]);
   return stream;
 }
+function PreviewStatus({ onRetry }) {
+  const { region, where } = useMediaSupervisor();
+  const [waited, setWaited] = useState5(false);
+  const prompting = region.preview.microphone.state === "prompting" || region.preview.camera.state === "prompting";
+  useEffect6(() => {
+    if (!prompting) {
+      setWaited(false);
+      return void 0;
+    }
+    const timer = setTimeout(() => setWaited(true), 800);
+    return () => clearTimeout(timer);
+  }, [prompting]);
+  const refused = ["microphone", "camera"].flatMap((kind) => {
+    const preview = region.preview[kind];
+    const reason = region.permission[kind] === "denied" ? "denied" : preview.state === "unavailable" ? preview.unavailable?.reason ?? "failed" : null;
+    return reason === null ? [] : [{ kind, reason }];
+  });
+  if (refused.length === 0) {
+    if (!prompting || !waited) return null;
+    return /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", role: "status", "data-meet-notice": "permission-prompt", children: "Allow camera and microphone when your browser asks" });
+  }
+  const first = refused[0];
+  const both = refused.length === 2 && refused[0].reason === refused[1].reason;
+  const label = both ? deviceChipLabel("camera", first.reason).replace(/^Camera/, "Camera and mic") : refused.map((r) => deviceChipLabel(r.kind, r.reason)).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__warning", role: "status", "data-meet-notice": deviceNoticeCode(first.kind, first.reason), children: [
+    /* @__PURE__ */ jsx6("strong", { children: label }),
+    /* @__PURE__ */ jsx6("ol", { className: "mx-meet__fix-steps", children: deviceFixSteps(first.kind, first.reason, where).map((step) => /* @__PURE__ */ jsx6("li", { children: step }, step)) }),
+    /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, children: "Try again" })
+  ] });
+}
 function KnockNotice({ onView }) {
   const { knocker, others, admit, dismiss } = useKnockNotice();
   if (knocker === null) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "knock-received", "data-meet-participant-name": knocker.displayName, children: [
-    /* @__PURE__ */ jsxs3("span", { children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "knock-received", "data-meet-participant-name": knocker.displayName, children: [
+    /* @__PURE__ */ jsxs4("span", { children: [
       knocker.displayName,
       " wants to join",
       others > 0 ? ` (+${others} more)` : ""
@@ -12780,15 +13091,15 @@ function KnockNotice({ onView }) {
 function LobbyPanel() {
   const lobby = useLobby();
   if (!lobby.canAdmit || lobby.waiting.length === 0 && lobby.declined.length === 0) return null;
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
     lobby.waiting.length > 0 ? /* @__PURE__ */ jsx6(WaitingList, { lobby }) : null,
     lobby.declined.length > 0 ? /* @__PURE__ */ jsx6(DeclinedList, { lobby }) : null
   ] });
 }
 function DeclinedList({ lobby }) {
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__lobby", "aria-label": "Declined requests", "data-meet-declined": "", children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__lobby", "aria-label": "Declined requests", "data-meet-declined": "", children: [
     /* @__PURE__ */ jsx6("header", { className: "mx-meet__lobby-head", children: /* @__PURE__ */ jsx6("h3", { className: "mx-meet__lobby-title", children: "Declined" }) }),
-    /* @__PURE__ */ jsx6("ul", { className: "mx-meet__lobby-list", children: lobby.declined.map((entry) => /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx6("ul", { className: "mx-meet__lobby-list", children: lobby.declined.map((entry) => /* @__PURE__ */ jsxs4(
       "li",
       {
         className: "mx-meet__lobby-row",
@@ -12814,12 +13125,12 @@ function DeclinedList({ lobby }) {
   ] });
 }
 function WaitingList({ lobby }) {
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__lobby", "aria-label": "Waiting room", children: [
-    /* @__PURE__ */ jsxs3("header", { className: "mx-meet__lobby-head", children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__lobby", "aria-label": "Waiting room", children: [
+    /* @__PURE__ */ jsxs4("header", { className: "mx-meet__lobby-head", children: [
       /* @__PURE__ */ jsx6("h3", { className: "mx-meet__lobby-title", children: lobby.waiting.length === 1 ? "1 person is waiting" : `${lobby.waiting.length} people are waiting` }),
       /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: () => void lobby.admitAll(), children: "Admit all" })
     ] }),
-    /* @__PURE__ */ jsx6("ul", { className: "mx-meet__lobby-list", children: lobby.waiting.map((entry) => /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx6("ul", { className: "mx-meet__lobby-list", children: lobby.waiting.map((entry) => /* @__PURE__ */ jsxs4(
       "li",
       {
         className: "mx-meet__lobby-row",
@@ -12827,7 +13138,7 @@ function WaitingList({ lobby }) {
         "data-meet-participant-name": entry.displayName,
         children: [
           /* @__PURE__ */ jsx6(Avatar, { name: entry.displayName, url: entry.avatarUrl, size: 32 }),
-          /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "mx-meet__person-name", children: [
             entry.displayName,
             entry.userId === null ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__badge", children: "Guest" }) : null
           ] }),
@@ -12851,17 +13162,17 @@ function NoteTakerRow() {
   const ai = useMeetAi();
   const status = ai.noteTaker;
   const duplicateError = status.refusal !== null && ai.error !== null && status.refusal.reason === ai.error.message && status.refusal.remedy === ai.error.remedy;
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-taker", "aria-label": "Note-taker", children: [
-    /* @__PURE__ */ jsxs3("p", { className: `mx-meet__note-taker-state mx-meet__note-taker-state--${status.state}`, children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__note-taker", "aria-label": "Note-taker", children: [
+    /* @__PURE__ */ jsxs4("p", { className: `mx-meet__note-taker-state mx-meet__note-taker-state--${status.state}`, children: [
       /* @__PURE__ */ jsx6("span", { className: "mx-meet__note-taker-dot", "aria-hidden": "true" }),
       ai.noteTakerLabel
     ] }),
     status.detail !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: status.detail }) : null,
-    status.refusal !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: status.refusal, operation: "Join this meeting", origin: "meet/components", children: [
+    status.refusal !== null ? /* @__PURE__ */ jsxs4(ErrorBox, { as: "div", className: "mx-meet__refusal", error: status.refusal, operation: "Join this meeting", origin: "meet/components", children: [
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-reason", children: status.refusal.reason }),
       status.refusal.remedy.length > 0 ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-remedy", children: status.refusal.remedy }) : null
     ] }) : null,
-    ai.error !== null && !duplicateError ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: ai.error, operation: "Run the meeting assistant", origin: "meet/components", children: [
+    ai.error !== null && !duplicateError ? /* @__PURE__ */ jsxs4(ErrorBox, { as: "div", className: "mx-meet__refusal", error: ai.error, operation: "Run the meeting assistant", origin: "meet/components", children: [
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-reason", children: ai.error.message }),
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-remedy", children: ai.error.remedy })
     ] }) : null,
@@ -12889,9 +13200,9 @@ function NoteList({
   notes,
   empty
 }) {
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-group", "aria-label": title, children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__note-group", "aria-label": title, children: [
     /* @__PURE__ */ jsx6("h3", { className: "mx-meet__note-group-title", children: title }),
-    notes.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: empty }) : /* @__PURE__ */ jsx6("ul", { className: "mx-meet__notes", children: notes.map((note) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__note", children: [
+    notes.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: empty }) : /* @__PURE__ */ jsx6("ul", { className: "mx-meet__notes", children: notes.map((note) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__note", children: [
       note.text,
       note.assigneeDisplayName !== void 0 && note.assigneeDisplayName !== null ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__assignee", children: note.assigneeDisplayName }) : null
     ] }, note.id)) })
@@ -12899,14 +13210,14 @@ function NoteList({
 }
 function AiPanel({ onClose }) {
   const ai = useMeetAi();
-  const [question, setQuestion] = useState4("");
-  return /* @__PURE__ */ jsxs3(PanelShell, { title: "Meeting assistant", onClose, children: [
+  const [question, setQuestion] = useState5("");
+  return /* @__PURE__ */ jsxs4(PanelShell, { title: "Meeting assistant", onClose, children: [
     /* @__PURE__ */ jsx6(NoteTakerRow, {}),
-    ai.summary !== null ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-group", "aria-label": "Summary", children: [
+    ai.summary !== null ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__note-group", "aria-label": "Summary", children: [
       /* @__PURE__ */ jsx6("h3", { className: "mx-meet__note-group-title", children: "Summary" }),
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__summary", children: ai.summary.text })
     ] }) : null,
-    ai.wrapUp !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__wrap-up-notice", role: "status", children: [
+    ai.wrapUp !== null ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__wrap-up-notice", role: "status", children: [
       "The wrap-up is written \u2014 ",
       ai.wrapUp.noteIds.length,
       " ",
@@ -12942,9 +13253,9 @@ function AiPanel({ onClose }) {
         empty: "No action items yet."
       }
     ),
-    ai.transcript.length > 0 ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-group", "aria-label": "Transcript", children: [
+    ai.transcript.length > 0 ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__note-group", "aria-label": "Transcript", children: [
       /* @__PURE__ */ jsx6("h3", { className: "mx-meet__note-group-title", children: "Transcript" }),
-      /* @__PURE__ */ jsx6("ul", { className: "mx-meet__transcript", children: ai.transcript.map((line) => /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsx6("ul", { className: "mx-meet__transcript", children: ai.transcript.map((line) => /* @__PURE__ */ jsxs4(
         "li",
         {
           className: line.final && line.source === "record" ? "mx-meet__line" : "mx-meet__line mx-meet__line--interim",
@@ -12956,7 +13267,7 @@ function AiPanel({ onClose }) {
         line.id
       )) })
     ] }) : null,
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "form",
       {
         className: "mx-meet__composer",
@@ -12983,7 +13294,7 @@ function AiPanel({ onClose }) {
     ),
     ai.asking && ai.phase !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", role: "status", children: ai.phase }) : null,
     ai.answer !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__answer", children: ai.answer }) : null,
-    ai.answer !== null && ai.coverage !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__coverage", children: [
+    ai.answer !== null && ai.coverage !== null ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__coverage", children: [
       "Answered from ",
       ai.coverage.segmentsUsed,
       " of ",
@@ -12992,7 +13303,7 @@ function AiPanel({ onClose }) {
       ai.coverage.truncated ? " (the oldest were left out)" : "",
       "."
     ] }) : null,
-    ai.error !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: ai.error, operation: "Run the meeting assistant", origin: "meet/components", children: [
+    ai.error !== null ? /* @__PURE__ */ jsxs4(ErrorBox, { as: "div", className: "mx-meet__refusal", error: ai.error, operation: "Run the meeting assistant", origin: "meet/components", children: [
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-reason", children: ai.error.message }),
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-remedy", children: ai.error.remedy })
     ] }) : null
@@ -13005,7 +13316,7 @@ function Captions({ lines = 3 }) {
   const captions = useCaptions();
   if (!captions.on) return null;
   if (captions.state === "unavailable") {
-    return /* @__PURE__ */ jsx6("div", { className: "mx-meet__captions", role: "status", "data-meet-notice": "captions-unavailable", children: /* @__PURE__ */ jsxs3("p", { className: "mx-meet__caption", children: [
+    return /* @__PURE__ */ jsx6("div", { className: "mx-meet__captions", role: "status", "data-meet-notice": "captions-unavailable", children: /* @__PURE__ */ jsxs4("p", { className: "mx-meet__caption", children: [
       "Captions are unavailable. ",
       captions.reason,
       captions.remedy !== null ? ` ${captions.remedy}` : ""
@@ -13014,10 +13325,10 @@ function Captions({ lines = 3 }) {
   if (visible.length === 0) {
     return /* @__PURE__ */ jsx6("div", { className: "mx-meet__captions", "aria-live": "polite", "aria-label": "Live captions", "data-meet-caption": captions.state, children: /* @__PURE__ */ jsx6("p", { className: "mx-meet__caption mx-meet__caption--interim", children: captions.state === "starting" ? "Starting captions. They appear as people speak." : "Captions are on. They appear as people speak." }) });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__captions", "aria-live": "polite", "aria-label": "Live captions", "data-meet-caption": "live", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__captions", "aria-live": "polite", "aria-label": "Live captions", "data-meet-caption": "live", children: [
     visible.map((line) => {
       const translated = translation.language === null ? void 0 : translation.translations[line.id];
-      return /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsxs4(
         "p",
         {
           className: line.final ? "mx-meet__caption" : "mx-meet__caption mx-meet__caption--interim",
@@ -13045,7 +13356,7 @@ function AttendanceNotice() {
   if (notice === null) return null;
   const refused = media.microphone.unavailable;
   const code = microphoneNoticeCode(media.microphone);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "p",
     {
       className: "mx-meet__banner mx-meet__banner--attendance",
@@ -13076,15 +13387,22 @@ function PreJoinBody({
   const recording = useRecording();
   const effects = useMediaEffects();
   const { notice } = useModerationNotice();
-  const [mode, setMode] = useState4("video");
-  const [microphone, setMicrophone] = useState4(true);
-  const [joining, setJoining] = useState4(false);
+  const [mode, setMode] = useState5("video");
+  const [microphone, setMicrophone] = useState5(true);
+  const [joining, setJoining] = useState5(false);
   const camera = devices?.selected.videoinput ?? host.devices.resolve("videoinput");
   const mic = devices?.selected.audioinput ?? host.devices.resolve("audioinput");
-  const preview = useCameraPreview(mode === "video" ? camera : void 0, effects.effects);
-  const micStream = useMicrophoneStream(microphone ? mic : "off");
+  const { reportPreview } = useMediaSupervisor();
+  const [attempt, setAttempt] = useState5(0);
+  const preview = useCameraPreview(
+    mode === "video" ? camera : void 0,
+    effects.effects,
+    (outcome) => reportPreview("camera", outcome),
+    attempt
+  );
+  const micStream = useMicrophoneStream(microphone ? mic : "off", (outcome) => reportPreview("microphone", outcome), attempt);
   const level = useAudioLevel(micStream);
-  const [speakerTesting, setSpeakerTesting] = useState4(false);
+  const [speakerTesting, setSpeakerTesting] = useState5(false);
   useEffect6(() => {
     void host.devices.refresh();
   }, [host]);
@@ -13107,8 +13425,8 @@ function PreJoinBody({
       ...secondDevice !== void 0 ? { secondDevice } : {}
     }).then(() => onJoined?.()).catch(() => void 0).finally(() => setJoining(false));
   };
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__preview", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__prejoin", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mx-meet__preview", children: [
       mode === "video" && preview.preview !== null ? /* @__PURE__ */ jsx6(
         "video",
         {
@@ -13124,10 +13442,11 @@ function PreJoinBody({
       mode === "video" && preview.error !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__preview-note", children: preview.error }) : null,
       microphone && micStream !== null ? /* @__PURE__ */ jsx6("div", { className: "mx-meet__meter mx-meet__meter--preview", role: "meter", "aria-label": "Microphone level", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(level * 100), children: /* @__PURE__ */ jsx6("span", { style: { width: `${Math.min(100, Math.round(level * 160))}%` } }) }) : null
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin-panel", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mx-meet__prejoin-panel", children: [
       /* @__PURE__ */ jsx6("h1", { className: "mx-meet__prejoin-title", children: "Ready to join?" }),
+      /* @__PURE__ */ jsx6(PreviewStatus, { onRetry: () => setAttempt((n) => n + 1) }),
       notice?.kind === "removed" ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__warning", children: notice.text }) : null,
-      devices?.labelsHidden === true ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
+      devices?.labelsHidden === true ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__panel-note", children: [
         "Your browser is hiding device names until you allow camera and microphone access.",
         /* @__PURE__ */ jsx6(
           "button",
@@ -13143,9 +13462,9 @@ function PreJoinBody({
       ] }) : null,
       devices?.fallbackNotice != null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__warning", children: devices.fallbackNotice }) : null,
       /* @__PURE__ */ jsx6(DevicePicker, { kind: "audioinput", label: "Microphone" }),
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field-row", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__field-row", children: [
         /* @__PURE__ */ jsx6(DevicePicker, { kind: "audiooutput", label: "Speaker" }),
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs4(
           Button,
           {
             type: "button",
@@ -13168,8 +13487,8 @@ function PreJoinBody({
       /* @__PURE__ */ jsx6(DevicePicker, { kind: "videoinput", label: "Camera" }),
       /* @__PURE__ */ jsx6(EffectsSettings, { preview: preview.preview }),
       recording.consentNotice !== null ? /* @__PURE__ */ jsx6(Alert, { variant: "info", children: /* @__PURE__ */ jsx6(AlertDescription, { children: recording.consentNotice }) }) : null,
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin-actions", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mx-meet__prejoin-actions", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "mx-meet__check", children: [
           /* @__PURE__ */ jsx6(
             Checkbox,
             {
@@ -13180,7 +13499,7 @@ function PreJoinBody({
           ),
           /* @__PURE__ */ jsx6(Label, { htmlFor: "mx-meet-join-video", children: "Join with video" })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "mx-meet__check", children: [
           /* @__PURE__ */ jsx6(
             Checkbox,
             {
@@ -13194,7 +13513,7 @@ function PreJoinBody({
         room.secondDevice === null ? /* @__PURE__ */ jsx6(Button, { type: "button", className: "mx-meet__join", disabled: joining, onClick: () => joinWith(), children: joining ? "Joining\u2026" : observe2 ? "Observe" : "Join now" }) : (
           // S7: ALREADY IN THIS MEETING on another tab or device — the meeting's choice
           // (Meet: Switch here / Join here too; Teams: Transfer here / Add this device).
-          /* @__PURE__ */ jsxs3("div", { className: "mx-meet__second-device", "data-meet-region": "second-device", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mx-meet__second-device", "data-meet-region": "second-device", children: [
             /* @__PURE__ */ jsx6("p", { className: "mx-meet__hint", children: "You're in this meeting on another device" }),
             /* @__PURE__ */ jsx6(
               Button,
@@ -13221,23 +13540,29 @@ function PreJoinBody({
           ] })
         )
       ] }),
-      room.failure !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__error", children: [
+      room.failure !== null ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__error", children: [
         room.failure.message,
         /* @__PURE__ */ jsx6("span", { className: "mx-meet__remedy", children: room.failure.remedy })
       ] }) : null
     ] })
   ] });
 }
-function useCameraPreview(deviceId2, effects) {
-  const [preview, setPreview] = useState4(null);
-  const [error, setError] = useState4(null);
+function useCameraPreview(deviceId2, effects, report, attempt = 0) {
+  const reportRef = useRef6(report);
+  reportRef.current = report;
+  const [preview, setPreview] = useState5(null);
+  const [error, setError] = useState5(null);
   const current = useRef6(null);
   const initialEffect = useRef6(toVideoEffect(effects));
   initialEffect.current = toVideoEffect(effects);
   useEffect6(() => {
-    if (deviceId2 === void 0) return void 0;
+    if (deviceId2 === void 0) {
+      reportRef.current?.("off");
+      return void 0;
+    }
     let live = true;
     setError(null);
+    reportRef.current?.("prompting");
     void createCameraPreview(deviceId2, initialEffect.current).then((created) => {
       if (!live) {
         created.stop();
@@ -13245,8 +13570,10 @@ function useCameraPreview(deviceId2, effects) {
       }
       current.current = created;
       setPreview(created);
+      reportRef.current?.("on");
     }).catch((thrown) => {
       if (!live) return;
+      reportRef.current?.({ error: thrown });
       const failure = thrown;
       const message = (failure.message ?? "").replace(/^meet\.[A-Za-z.()]+:\s*/, "");
       const sentence = message.length > 0 ? message.charAt(0).toUpperCase() + message.slice(1) : "";
@@ -13258,7 +13585,7 @@ function useCameraPreview(deviceId2, effects) {
       current.current = null;
       setPreview(null);
     };
-  }, [deviceId2]);
+  }, [deviceId2, attempt]);
   return {
     preview,
     error,
@@ -13281,9 +13608,9 @@ function DevicePicker({
   const triggerId = `mx-meet-device-${kind}`;
   const valueOf = (deviceId2) => deviceId2.length > 0 ? deviceId2 : "default";
   const current = devices?.selected[kind] ?? host.devices.resolve(kind) ?? "";
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__field", children: [
     /* @__PURE__ */ jsx6(Label, { htmlFor: triggerId, children: label }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       Select,
       {
         ...current.length > 0 ? { value: valueOf(current) } : {},
@@ -13370,19 +13697,19 @@ function MeetSkinRoom({
   if (screen === "refused" || screen === "exit") {
     return /* @__PURE__ */ jsx6("div", { className: "mx-meet mx-meet--lobby", children: /* @__PURE__ */ jsx6(ExitScreen, { ...onLeave !== void 0 ? { onLeave } : {} }) });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet", children: [
     /* @__PURE__ */ jsx6(ConsentNotice, {}),
     /* @__PURE__ */ jsx6(AttendanceNotice, {}),
-    /* @__PURE__ */ jsxs3("header", { className: "mx-meet__header", children: [
+    /* @__PURE__ */ jsxs4("header", { className: "mx-meet__header", children: [
       /* @__PURE__ */ jsx6("h1", { className: "mx-meet__title", children: snapshot?.meeting?.title ?? "Meeting" }),
-      /* @__PURE__ */ jsxs3("span", { className: "mx-meet__meta", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "mx-meet__meta", children: [
         participantSummary(snapshot?.participants ?? []),
         elapsed > 0 ? ` \xB7 ${formatDurationMs3(elapsed)}` : ""
       ] }),
       /* @__PURE__ */ jsx6(RecordingIndicator, {}),
       captureHeldOf(snapshot?.meeting) ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__badge", "data-meet-capture-held": "", children: "Confidential \xB7 not recorded" }) : null,
       isObserverRole(snapshot?.grants.role) ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__badge", "data-meet-observing": "self", children: "Observing" }) : null,
-      snapshot?.locked === true ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__badge", children: [
+      snapshot?.locked === true ? /* @__PURE__ */ jsxs4("span", { className: "mx-meet__badge", children: [
         /* @__PURE__ */ jsx6(LockIcon, { width: 12, height: 12 }),
         " Locked"
       ] }) : null,
@@ -13398,9 +13725,17 @@ function MeetSkinRoom({
 }
 function ShareNotice() {
   const { share, actions } = useMeetCore();
+  const [soundHintClosed, setSoundHintClosed] = useState5(null);
+  if (share.state === "presenting" && share.audio === false && soundHintClosed !== share.at) {
+    return /* @__PURE__ */ jsxs4("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "share-audio-missing", children: [
+      "Sound not shared",
+      /* @__PURE__ */ jsx6("span", { className: "mx-meet__remedy", children: "To include sound, share a tab and turn on Also share tab audio" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: () => setSoundHintClosed(share.at), children: "Dismiss" })
+    ] });
+  }
   if (share.state !== "refused") return null;
   const text3 = share.reason === "unsupported" ? "You can't share your screen from this browser" : share.reason === "blocked" ? "Screen sharing is blocked" : "Couldn't start sharing your screen";
-  return /* @__PURE__ */ jsxs3("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "share-unavailable", children: [
+  return /* @__PURE__ */ jsxs4("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "share-unavailable", children: [
     text3,
     share.remedy !== null ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__remedy", children: share.remedy }) : null,
     /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: actions.dismissShareNotice, children: "Dismiss" })
@@ -13428,7 +13763,7 @@ function clockText(ms2) {
 }
 function ExitScreen({ onLeave }) {
   const { phase, reason, host, snapshot, actions, call, connection } = useMeetCore();
-  const [busy, setBusy] = useState4(false);
+  const [busy, setBusy] = useState5(false);
   const failure = snapshot?.failure ?? null;
   const retryLeft = useCountdown(phase === "refused:lobby_rejects" ? failure?.retryAt ?? null : null);
   const rejoin = /* @__PURE__ */ jsx6(
@@ -13469,7 +13804,7 @@ function ExitScreen({ onLeave }) {
     const code = phase.slice("refused:".length);
     title = REFUSED_TITLES[code] ?? "You can't join this meeting";
     line = code === "too_early" || code === "registration_required" || code === "cancelled" ? failure?.remedy ?? null : null;
-    actionsNode = /* @__PURE__ */ jsxs3(Fragment, { children: [
+    actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
       /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", onClick: actions.retry, children: "Try again" }),
       home
     ] });
@@ -13480,7 +13815,7 @@ function ExitScreen({ onLeave }) {
         actionsNode = home;
       } else if (retryLeft === 0) {
         line = "You can ask to join again";
-        actionsNode = /* @__PURE__ */ jsxs3(Fragment, { children: [
+        actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
           /* @__PURE__ */ jsx6(
             Button,
             {
@@ -13504,16 +13839,37 @@ function ExitScreen({ onLeave }) {
     switch (phase) {
       case "left":
         title = "You left the meeting";
-        actionsNode = /* @__PURE__ */ jsxs3(Fragment, { children: [
+        actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
           rejoin,
           home
         ] });
         break;
       case "disconnected":
+        if (failure?.stage === "join" && (failure.reason ?? null) === null) {
+          title = "Can't connect to the meeting";
+          line = connection === "offline" ? "You're offline. Check your internet connection." : "Check your network. A VPN, firewall or proxy may be blocking the call.";
+          notice = "cannot-connect";
+          actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
+            /* @__PURE__ */ jsx6(
+              Button,
+              {
+                type: "button",
+                disabled: busy,
+                onClick: () => {
+                  setBusy(true);
+                  void actions.rejoin().catch(() => void 0).finally(() => setBusy(false));
+                },
+                children: "Try again"
+              }
+            ),
+            home
+          ] });
+          break;
+        }
         title = "You lost your connection to the meeting";
         line = connection === "offline" ? "You're offline. You'll rejoin automatically when your internet is back." : connection === "server_unreachable" ? "Can't reach the meeting server. You'll rejoin automatically when it answers." : failure?.remedy ?? "Check your internet connection, then rejoin.";
         notice = "disconnected";
-        actionsNode = /* @__PURE__ */ jsxs3(Fragment, { children: [
+        actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
           rejoin,
           home
         ] });
@@ -13526,14 +13882,14 @@ function ExitScreen({ onLeave }) {
         title = "You joined from another tab or device";
         line = "This screen left the meeting so you aren't in it twice.";
         notice = "displaced";
-        actionsNode = /* @__PURE__ */ jsxs3(Fragment, { children: [
+        actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
           rejoin,
           home
         ] });
         break;
       case "inactive":
         title = "You left the meeting because this tab was inactive";
-        actionsNode = /* @__PURE__ */ jsxs3(Fragment, { children: [
+        actionsNode = /* @__PURE__ */ jsxs4(Fragment, { children: [
           rejoin,
           home
         ] });
@@ -13556,7 +13912,7 @@ function ExitScreen({ onLeave }) {
         break;
     }
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__waiting", "data-meet-exit": phase, children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__waiting", "data-meet-exit": phase, children: [
     /* @__PURE__ */ jsx6(Avatar, { name: host?.identity.displayName ?? "", url: host?.identity.avatarUrl ?? null, size: 72 }),
     /* @__PURE__ */ jsx6("h1", { className: "mx-meet__prejoin-title", children: title }),
     line !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-body", children: line }) : null,
@@ -13567,7 +13923,7 @@ function ExitScreen({ onLeave }) {
 function WaitingRoom({ host, onLeave }) {
   const { waiting, withdraw, askAgain } = useWaiting();
   const { phaseNotice } = useMeetCore();
-  const [busy, setBusy] = useState4(false);
+  const [busy, setBusy] = useState5(false);
   const admission = waiting?.admission ?? "knocking";
   const reknockLeft = useCountdown(admission === "denied" ? waiting?.reknockAt ?? null : null);
   const run = (action) => () => {
@@ -13590,21 +13946,21 @@ function WaitingRoom({ host, onLeave }) {
         line = `You can ask again in ${clockText(reknockLeft)}`;
         cooldownNotice = true;
       }
-      actions = /* @__PURE__ */ jsxs3(Fragment, { children: [
+      actions = /* @__PURE__ */ jsxs4(Fragment, { children: [
         waiting?.reknockAllowed === true || waiting?.reknockAt != null && reknockLeft === 0 ? /* @__PURE__ */ jsx6(Button, { type: "button", disabled: busy, onClick: run(askAgain), children: "Ask to join again" }) : null,
         home
       ] });
       break;
     case "expired":
       title = "No one responded";
-      actions = /* @__PURE__ */ jsxs3(Fragment, { children: [
+      actions = /* @__PURE__ */ jsxs4(Fragment, { children: [
         /* @__PURE__ */ jsx6(Button, { type: "button", disabled: busy, onClick: run(askAgain), children: "Ask again" }),
         home
       ] });
       break;
     case "withdrawn":
       title = "You left the waiting room";
-      actions = /* @__PURE__ */ jsxs3(Fragment, { children: [
+      actions = /* @__PURE__ */ jsxs4(Fragment, { children: [
         /* @__PURE__ */ jsx6(Button, { type: "button", disabled: busy, onClick: run(askAgain), children: "Rejoin" }),
         home
       ] });
@@ -13618,7 +13974,7 @@ function WaitingRoom({ host, onLeave }) {
       line = waiting?.admittersPresent === false ? "The host isn't here yet" : null;
       actions = /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", disabled: busy, onClick: run(withdraw), children: "Cancel request" });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__waiting", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__waiting", children: [
     /* @__PURE__ */ jsx6(Avatar, { name: host.identity.displayName, url: host.identity.avatarUrl, size: 72 }),
     /* @__PURE__ */ jsx6("h1", { className: "mx-meet__prejoin-title", children: title }),
     phaseNotice === "sent-to-waiting" ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-body", role: "status", "data-meet-notice": "sent-to-waiting", children: "The host moved you back to the waiting room" }) : null,
@@ -13638,9 +13994,9 @@ function HostMenu() {
   const host = useRequiredMeetHost();
   const snapshot = useMeetSnapshot();
   const end = useEndMeeting();
-  const [confirmingEnd, setConfirmingEnd] = useState4(false);
+  const [confirmingEnd, setConfirmingEnd] = useState5(false);
   const locked = snapshot?.locked === true;
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__host-menu", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__host-menu", children: [
     /* @__PURE__ */ jsx6(
       "button",
       {
@@ -13652,7 +14008,7 @@ function HostMenu() {
         children: locked ? "Unlock meeting" : "Lock meeting"
       }
     ),
-    end.canEnd ? confirmingEnd ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__confirm", role: "group", "aria-label": "End this meeting?", children: [
+    end.canEnd ? confirmingEnd ? /* @__PURE__ */ jsxs4("span", { className: "mx-meet__confirm", role: "group", "aria-label": "End this meeting?", children: [
       /* @__PURE__ */ jsx6("span", { className: "mx-meet__confirm-text", children: "End it for everyone? Every participant is disconnected, the note-taker stops, and the wrap-up is written. Nobody can rejoin this meeting afterwards." }),
       /* @__PURE__ */ jsx6(
         "button",
@@ -13708,9 +14064,9 @@ function GuestRecordAccessControl({
   const isHost = inRoomHost || viewerId !== null && meeting.hostUserId === viewerId;
   if (host === null || !isHost) return null;
   const resolved = access.setting === "default" && access.effective !== null ? ` Right now that means: ${guestRecordAccessLabel(access.effective.level).toLowerCase()}.` : "";
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "What guests may read", children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "What guests may read", children: [
     /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "What guests may read" }),
-    /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
+    /* @__PURE__ */ jsxs4("label", { className: "mx-meet__field", children: [
       /* @__PURE__ */ jsx6("span", { className: "mx-meet__field-label", children: "People who attended by link, without an account" }),
       /* @__PURE__ */ jsx6(
         "select",
@@ -13727,12 +14083,12 @@ function GuestRecordAccessControl({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
+    /* @__PURE__ */ jsxs4("p", { className: "mx-meet__panel-note", children: [
       guestRecordAccessExplanation(access.setting),
       resolved
     ] }),
     access.saving ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", role: "status", children: "Saving what guests may read\u2026" }) : null,
-    access.error !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: access.error, operation: "Change who can join", origin: "meet/components", children: [
+    access.error !== null ? /* @__PURE__ */ jsxs4(ErrorBox, { as: "div", className: "mx-meet__refusal", error: access.error, operation: "Change who can join", origin: "meet/components", children: [
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-reason", children: access.error.message }),
       /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-remedy", children: access.error.remedy })
     ] }) : null
@@ -13740,9 +14096,9 @@ function GuestRecordAccessControl({
 }
 
 // src/react/record.tsx
-import { useEffect as useEffect7, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState6 } from "react";
 import { ErrorBox as ErrorBox2 } from "@ai-matrx/design-system";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function MeetingRecordView({
   meeting,
   onRejoin
@@ -13759,17 +14115,17 @@ function MeetingRecordBody({
 }) {
   const host = useRequiredMeetHost();
   const record = useMeetingRecord(meeting);
-  const [question, setQuestion] = useState5("");
-  const [tab, setTab] = useState5("summary");
+  const [question, setQuestion] = useState6("");
+  const [tab, setTab] = useState6("summary");
   if (record.failure !== null) {
-    return /* @__PURE__ */ jsx7("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs4(ErrorBox2, { as: "div", className: "mx-meet__empty", error: record.failure, operation: "Open this meeting record", origin: "meet/components", children: [
+    return /* @__PURE__ */ jsx7("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs5(ErrorBox2, { as: "div", className: "mx-meet__empty", error: record.failure, operation: "Open this meeting record", origin: "meet/components", children: [
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__empty-title", children: "This meeting record could not be opened" }),
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__empty-body", children: record.failure.message }),
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__empty-body", children: record.failure.remedy })
     ] }) });
   }
   if (record.loading || record.record === null) {
-    return /* @__PURE__ */ jsx7("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__empty", role: "status", children: [
+    return /* @__PURE__ */ jsx7("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs5("div", { className: "mx-meet__empty", role: "status", children: [
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__empty-title", children: "Opening the meeting record\u2026" }),
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__empty-body", children: "Reading the summary, the notes and the transcript this meeting left behind." })
     ] }) });
@@ -13790,29 +14146,29 @@ function MeetingRecordBody({
   );
   const entirelyRestricted = everyRecordPartRefused && bundle.attendees.length === 0 && bundle.liveNotes.length === 0 && bundle.transcript.length === 0 && bundle.recording === null && bundle.summary === null && bundle.decisions.length === 0 && bundle.actionItems.length === 0;
   if (entirelyRestricted) {
-    return /* @__PURE__ */ jsxs4("div", { className: "mx-meet mx-meet--record", children: [
-      /* @__PURE__ */ jsx7("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-head-inner", children: [
+    return /* @__PURE__ */ jsxs5("div", { className: "mx-meet mx-meet--record", children: [
+      /* @__PURE__ */ jsx7("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-head-inner", children: [
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-eyebrow", children: "Meeting record" }),
         /* @__PURE__ */ jsx7("h1", { className: "mx-meet__record-title", children: meeting.title }),
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-when", children: meetingWhen(meeting) }),
         onRejoin !== void 0 ? /* @__PURE__ */ jsx7("button", { type: "button", className: "mx-meet__link", onClick: onRejoin, children: "Open this link again" }) : null
       ] }) }),
-      /* @__PURE__ */ jsx7("div", { className: "mx-meet__record-body", children: restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-access", role: "status", children: [
+      /* @__PURE__ */ jsx7("div", { className: "mx-meet__record-body", children: restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-access", role: "status", children: [
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-access-title", children: "About this record" }),
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-access-message", children: notice2.message }),
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-access-remedy", children: notice2.remedy })
       ] }, notice2.parts.join("-"))) })
     ] });
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet mx-meet--record", children: [
-    /* @__PURE__ */ jsx7("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-head-inner", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "mx-meet mx-meet--record", children: [
+    /* @__PURE__ */ jsx7("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-head-inner", children: [
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-eyebrow", children: "Meeting record" }),
       /* @__PURE__ */ jsx7("h1", { className: "mx-meet__record-title", children: meeting.title }),
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-when", children: meetingWhen(meeting) }),
       onRejoin !== void 0 ? /* @__PURE__ */ jsx7("button", { type: "button", className: "mx-meet__link", onClick: onRejoin, children: "Open this link again" }) : null
     ] }) }),
-    /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-body", children: [
-      restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-access", role: "status", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-body", children: [
+      restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-access", role: "status", children: [
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-access-title", children: "About this record" }),
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-access-message", children: notice2.message }),
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-access-remedy", children: notice2.remedy })
@@ -13820,13 +14176,13 @@ function MeetingRecordBody({
       attended.length === 0 ? (
         /* NOT SILENCE. A refused attendance read used to remove the whole
            section, so the reader could not tell "nobody" from "not shown". */
-        /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
+        /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
           /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Who attended" }),
           /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: absenceSentence(bundle, "attendance", "Nobody is recorded as having attended.") })
         ] })
-      ) : /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
+      ) : /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
         /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Who attended" }),
-        /* @__PURE__ */ jsx7("ul", { className: "mx-meet__record-attendees", children: attended.map((person) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__record-attendee", children: [
+        /* @__PURE__ */ jsx7("ul", { className: "mx-meet__record-attendees", children: attended.map((person) => /* @__PURE__ */ jsxs5("li", { className: "mx-meet__record-attendee", children: [
           /* @__PURE__ */ jsx7(
             Avatar,
             {
@@ -13835,7 +14191,7 @@ function MeetingRecordBody({
               size: 28
             }
           ),
-          /* @__PURE__ */ jsxs4("span", { className: "mx-meet__person-name", children: [
+          /* @__PURE__ */ jsxs5("span", { className: "mx-meet__person-name", children: [
             displayNameFor(bundle.names, person.identity, person.displayName),
             person.role === "host" ? /* @__PURE__ */ jsx7("span", { className: "mx-meet__badge", children: "Host" }) : null,
             person.userId === null && !person.isAgent ? /* @__PURE__ */ jsx7("span", { className: "mx-meet__badge", children: "Guest" }) : null,
@@ -13843,17 +14199,17 @@ function MeetingRecordBody({
           ] })
         ] }, person.id)) })
       ] }),
-      bundle.recording !== null ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section mx-meet__recording-card", "aria-label": "Recording", children: [
+      bundle.recording !== null ? /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section mx-meet__recording-card", "aria-label": "Recording", children: [
         /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Recording" }),
-        fileId !== null ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        fileId !== null ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
           /* @__PURE__ */ jsx7(RecordingPlayer, { fileId }),
           notice !== null ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: notice }) : null
         ] }) : /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: notice ?? "This recording has no file." })
-      ] }) : wasRefused(bundle, "recording") ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Recording", children: [
+      ] }) : wasRefused(bundle, "recording") ? /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Recording", children: [
         /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Recording" }),
         /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: REFUSED_ABSENCE })
       ] }) : null,
-      /* @__PURE__ */ jsxs4("nav", { className: "mx-meet__record-tabs", "aria-label": "Meeting record sections", children: [
+      /* @__PURE__ */ jsxs5("nav", { className: "mx-meet__record-tabs", "aria-label": "Meeting record sections", children: [
         /* @__PURE__ */ jsx7(
           "button",
           {
@@ -13885,10 +14241,10 @@ function MeetingRecordBody({
           }
         )
       ] }),
-      tab === "summary" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-        /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Summary", children: [
+      tab === "summary" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+        /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Summary", children: [
           /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Summary" }),
-          wrapUp.state === "written" ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-summary", children: bundle.summary?.text }) : wrapUp.state === "in-progress" ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__panel-note", role: "status", children: [
+          wrapUp.state === "written" ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__record-summary", children: bundle.summary?.text }) : wrapUp.state === "in-progress" ? /* @__PURE__ */ jsxs5("div", { className: "mx-meet__panel-note", role: "status", children: [
             /* @__PURE__ */ jsx7("p", { children: wrapUp.message }),
             /* @__PURE__ */ jsx7("button", { type: "button", className: "mx-meet__link", onClick: record.reload, children: "Check again" })
           ] }) : /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", role: wrapUp.state === "failed" ? "alert" : void 0, children: wrapUp.message })
@@ -13918,22 +14274,22 @@ function MeetingRecordBody({
           }
         )
       ] }) : null,
-      tab === "notes" ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Notes as it happened", children: [
+      tab === "notes" ? /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Notes as it happened", children: [
         /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Notes as it happened" }),
         bundle.liveNotes.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: absenceSentence(
           bundle,
           "notes",
           "No live notes are available for this meeting."
-        ) }) : /* @__PURE__ */ jsx7("ul", { className: "mx-meet__notes", children: bundle.liveNotes.map((note) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__note", children: [
-          note.window !== null ? /* @__PURE__ */ jsxs4("span", { className: "mx-meet__badge", children: [
+        ) }) : /* @__PURE__ */ jsx7("ul", { className: "mx-meet__notes", children: bundle.liveNotes.map((note) => /* @__PURE__ */ jsxs5("li", { className: "mx-meet__note", children: [
+          note.window !== null ? /* @__PURE__ */ jsxs5("span", { className: "mx-meet__badge", children: [
             "Window ",
             note.window
           ] }) : null,
           note.text
         ] }, note.id)) })
       ] }) : null,
-      tab === "transcript" ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Transcript", children: [
-        /* @__PURE__ */ jsxs4("h2", { className: "mx-meet__record-section-title", children: [
+      tab === "transcript" ? /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Transcript", children: [
+        /* @__PURE__ */ jsxs5("h2", { className: "mx-meet__record-section-title", children: [
           "Transcript",
           /* @__PURE__ */ jsx7("span", { className: "mx-meet__record-count", children: bundle.transcript.length === 1 ? "1 line" : `${bundle.transcript.length} lines` })
         ] }),
@@ -13941,8 +14297,8 @@ function MeetingRecordBody({
           bundle,
           "transcript",
           "No transcript is available for this meeting."
-        ) }) : /* @__PURE__ */ jsx7("ol", { className: "mx-meet__record-transcript", children: blocks.map((block) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__record-block", children: [
-          /* @__PURE__ */ jsxs4("p", { className: "mx-meet__record-speaker", children: [
+        ) }) : /* @__PURE__ */ jsx7("ol", { className: "mx-meet__record-transcript", children: blocks.map((block) => /* @__PURE__ */ jsxs5("li", { className: "mx-meet__record-block", children: [
+          /* @__PURE__ */ jsxs5("p", { className: "mx-meet__record-speaker", children: [
             block.speaker,
             /* @__PURE__ */ jsx7("time", { className: "mx-meet__record-time", dateTime: block.startedAt, children: clockOf(block.startedAt) })
           ] }),
@@ -13950,10 +14306,10 @@ function MeetingRecordBody({
         ] }, block.id)) })
       ] }) : null,
       /* @__PURE__ */ jsx7(GuestRecordAccessControl, { meeting }),
-      /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Ask about this meeting", children: [
+      /* @__PURE__ */ jsxs5("section", { className: "mx-meet__record-section", "aria-label": "Ask about this meeting", children: [
         /* @__PURE__ */ jsx7("h2", { className: "mx-meet__record-section-title", children: "Ask about this meeting" }),
-        guestFinishedMeeting ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: "Sign in to ask the assistant about a meeting after it ends." }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
-          /* @__PURE__ */ jsxs4(
+        guestFinishedMeeting ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: "Sign in to ask the assistant about a meeting after it ends." }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsxs5(
             "form",
             {
               className: "mx-meet__composer",
@@ -13987,7 +14343,7 @@ function MeetingRecordBody({
             }
           ),
           record.answer !== null ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__answer", children: record.answer }) : null,
-          record.coverage !== null ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__coverage", children: [
+          record.coverage !== null ? /* @__PURE__ */ jsxs5("p", { className: "mx-meet__coverage", children: [
             "Answered from ",
             record.coverage.segmentsUsed,
             " of ",
@@ -13998,7 +14354,7 @@ function MeetingRecordBody({
             record.coverage.truncated ? " (the oldest were left out)" : "",
             "."
           ] }) : null,
-          record.askError !== null ? /* @__PURE__ */ jsxs4(ErrorBox2, { as: "div", className: "mx-meet__refusal", error: record.askError, operation: "Ask about this meeting", origin: "meet/components", children: [
+          record.askError !== null ? /* @__PURE__ */ jsxs5(ErrorBox2, { as: "div", className: "mx-meet__refusal", error: record.askError, operation: "Ask about this meeting", origin: "meet/components", children: [
             /* @__PURE__ */ jsx7("p", { className: "mx-meet__refusal-reason", children: record.askError.message }),
             /* @__PURE__ */ jsx7("p", { className: "mx-meet__refusal-remedy", children: record.askError.remedy })
           ] }) : null
@@ -14015,16 +14371,16 @@ function RecordingPlayer(props) {
   return /* @__PURE__ */ jsx7(RecordingPlayerBody, { ...props, host });
 }
 function RecordingPlayerBody({ fileId, host }) {
-  const [media, setMedia] = useState5(null);
-  const [loading, setLoading] = useState5(false);
-  const [error, setError] = useState5(null);
+  const [media, setMedia] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
   useEffect7(() => {
     if (media === null || media.kind !== "bytes") return void 0;
     const url = media.url;
     return () => URL.revokeObjectURL(url);
   }, [media]);
   if (media !== null) {
-    return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-section", children: [
+    return /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-section", children: [
       /* @__PURE__ */ jsx7(
         "video",
         {
@@ -14070,8 +14426,8 @@ function RecordingPlayerBody({ fileId, host }) {
       media.fallbackReason !== null ? /* @__PURE__ */ jsx7("p", { className: "mx-meet__panel-note", children: media.fallbackReason }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-section", children: [
-    error !== null ? /* @__PURE__ */ jsxs4(ErrorBox2, { as: "div", className: "mx-meet__refusal", error, operation: "Complete this meeting action", origin: "meet/components", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "mx-meet__record-section", children: [
+    error !== null ? /* @__PURE__ */ jsxs5(ErrorBox2, { as: "div", className: "mx-meet__refusal", error, operation: "Complete this meeting action", origin: "meet/components", children: [
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__refusal-reason", children: error.message }),
       /* @__PURE__ */ jsx7("p", { className: "mx-meet__refusal-remedy", children: error.remedy })
     ] }) : null,
@@ -14197,7 +14553,7 @@ function linkRunWords(run) {
 
 // src/react/calls-ui.tsx
 import { useEffect as useEffect9 } from "react";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function IncomingCallHost() {
   const calls = useCalls();
   const { call, phase, actions } = useMeetCore();
@@ -14211,9 +14567,9 @@ function IncomingCallHost() {
     return () => clearTimeout(timer);
   }, [outcome, actions]);
   const inCall = call !== null && (phase === "joining" || phase === "in_call" || phase === "disconnected" || phase === "removed" || phase === "superseded");
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
     inCall && call !== null ? /* @__PURE__ */ jsx9("div", { className: "mx-meet__call-overlay", "data-meet-call": call.invite.id, children: /* @__PURE__ */ jsx9(MeetRoot, { children: /* @__PURE__ */ jsx9(MeetSkinRoom, { roomName: call.invite.roomName, onLeave: actions.dismissCall }) }) }) : null,
-    calls.incoming.length > 0 || call !== null && (phase === "ringing_out" || outcome) ? /* @__PURE__ */ jsxs5("div", { className: "mx-meet__ringing-stack", children: [
+    calls.incoming.length > 0 || call !== null && (phase === "ringing_out" || outcome) ? /* @__PURE__ */ jsxs6("div", { className: "mx-meet__ringing-stack", children: [
       call !== null && phase === "ringing_out" ? /* @__PURE__ */ jsx9(OutgoingCallCard, { invite: call.invite }) : null,
       outcome && call !== null ? /* @__PURE__ */ jsx9(CallOutcomeCard, { invite: call.invite }) : null,
       calls.incoming.map((invite) => /* @__PURE__ */ jsx9(IncomingCallCard, { invite }, invite.id))
@@ -14222,9 +14578,9 @@ function IncomingCallHost() {
 }
 function OutgoingCallCard({ invite }) {
   const calls = useCalls();
-  return /* @__PURE__ */ jsxs5("section", { className: "mx-meet__ringing", role: "status", "aria-label": "Calling", "data-meet-notice": "ringing-out", children: [
+  return /* @__PURE__ */ jsxs6("section", { className: "mx-meet__ringing", role: "status", "aria-label": "Calling", "data-meet-notice": "ringing-out", children: [
     /* @__PURE__ */ jsx9(Avatar, { name: invite.callerName, url: invite.callerAvatarUrl, size: 56 }),
-    /* @__PURE__ */ jsxs5("div", { className: "mx-meet__ringing-text", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "mx-meet__ringing-text", children: [
       /* @__PURE__ */ jsx9("strong", { children: "Calling\u2026" }),
       /* @__PURE__ */ jsx9("span", { children: invite.mode === "video" ? "Video call" : "Voice call" })
     ] }),
@@ -14235,20 +14591,20 @@ function CallOutcomeCard({ invite }) {
   const { phase, actions, call } = useMeetCore();
   const outgoing = call?.direction === "outgoing";
   const text3 = phase === "call_declined" ? "Call declined" : phase === "call_busy" ? "They're on another call" : phase === "answered_elsewhere" ? "Answered on another device" : outgoing ? "No answer" : `Missed call from ${invite.callerName}`;
-  return /* @__PURE__ */ jsxs5("section", { className: "mx-meet__ringing", role: "status", "aria-label": text3, "data-meet-call-outcome": phase, children: [
+  return /* @__PURE__ */ jsxs6("section", { className: "mx-meet__ringing", role: "status", "aria-label": text3, "data-meet-call-outcome": phase, children: [
     /* @__PURE__ */ jsx9("div", { className: "mx-meet__ringing-text", children: /* @__PURE__ */ jsx9("strong", { children: text3 }) }),
     /* @__PURE__ */ jsx9("div", { className: "mx-meet__ringing-actions", children: /* @__PURE__ */ jsx9(ControlButton, { label: "Close", onClick: actions.dismissCall, children: /* @__PURE__ */ jsx9(PhoneOffIcon, {}) }) })
   ] });
 }
 function IncomingCallCard({ invite }) {
   const calls = useCalls();
-  return /* @__PURE__ */ jsxs5("section", { className: "mx-meet__ringing", role: "alertdialog", "aria-label": "Incoming call", children: [
+  return /* @__PURE__ */ jsxs6("section", { className: "mx-meet__ringing", role: "alertdialog", "aria-label": "Incoming call", children: [
     /* @__PURE__ */ jsx9(Avatar, { name: invite.callerName, url: invite.callerAvatarUrl, size: 56 }),
-    /* @__PURE__ */ jsxs5("div", { className: "mx-meet__ringing-text", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "mx-meet__ringing-text", children: [
       /* @__PURE__ */ jsx9("strong", { children: invite.callerName }),
       /* @__PURE__ */ jsx9("span", { children: invite.mode === "video" ? "Incoming video call" : "Incoming call" })
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "mx-meet__ringing-actions", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "mx-meet__ringing-actions", children: [
       /* @__PURE__ */ jsx9(ControlButton, { label: "Decline", danger: true, onClick: () => void calls.decline(invite), children: /* @__PURE__ */ jsx9(PhoneOffIcon, {}) }),
       invite.mode === "video" ? /* @__PURE__ */ jsx9(
         ControlButton,
@@ -14540,6 +14896,7 @@ export {
   createReconnectPolicy,
   createRecordingController,
   createRoomEngine,
+  createSpeakingWhileMutedDetector,
   createTokenClient,
   createWebDeviceStorage,
   createWebEffectsStorage,
@@ -14548,6 +14905,7 @@ export {
   createWebRoomTokenStorage,
   defaultCaptionLanguage,
   detectBrowser,
+  detectCapabilities,
   detectOs,
   deviceChipLabel,
   deviceFixSteps,
@@ -14572,6 +14930,7 @@ export {
   isLinkFollower,
   isListenOnly,
   isLivePhase,
+  isMobileUserAgent,
   isNoteTaker,
   isObserverRole,
   isRealName,
@@ -14664,6 +15023,7 @@ export {
   transcriptDocument,
   unavailableFrom,
   uniqueAttendees,
+  unsupportedWords,
   untranslatedLines,
   useActivityAttention,
   useAudioLevel,