@ai-matrx/meet 0.11.42 → 0.11.44

package/dist/react.cjs

@@ -122,6 +122,7 @@ __export(react_exports, {
   autoAssign: () => autoAssign,
   autoRejoinDelayMs: () => autoRejoinDelayMs,
   availableActivities: () => availableActivities,
+  breakoutClosingMs: () => breakoutClosingMs,
   breakoutRemainingMs: () => breakoutRemainingMs,
   callInviteAction: () => callInviteAction,
   callInviteText: () => callInviteText,
@@ -157,6 +158,7 @@ __export(react_exports, {
   createReconnectPolicy: () => createReconnectPolicy,
   createRecordingController: () => createRecordingController,
   createRoomEngine: () => createRoomEngine,
+  createSpeakingWhileMutedDetector: () => createSpeakingWhileMutedDetector,
   createTokenClient: () => createTokenClient,
   createWebDeviceStorage: () => createWebDeviceStorage,
   createWebEffectsStorage: () => createWebEffectsStorage,
@@ -165,6 +167,7 @@ __export(react_exports, {
   createWebRoomTokenStorage: () => createWebRoomTokenStorage,
   defaultCaptionLanguage: () => defaultCaptionLanguage,
   detectBrowser: () => detectBrowser,
+  detectCapabilities: () => detectCapabilities,
   detectOs: () => detectOs,
   deviceChipLabel: () => deviceChipLabel,
   deviceFixSteps: () => deviceFixSteps,
@@ -189,6 +192,7 @@ __export(react_exports, {
   isLinkFollower: () => isLinkFollower,
   isListenOnly: () => isListenOnly,
   isLivePhase: () => isLivePhase,
+  isMobileUserAgent: () => isMobileUserAgent,
   isNoteTaker: () => isNoteTaker,
   isObserverRole: () => isObserverRole,
   isRealName: () => isRealName,
@@ -281,6 +285,7 @@ __export(react_exports, {
   transcriptDocument: () => transcriptDocument,
   unavailableFrom: () => unavailableFrom,
   uniqueAttendees: () => uniqueAttendees,
+  unsupportedWords: () => unsupportedWords,
   untranslatedLines: () => untranslatedLines,
   useActivityAttention: () => useActivityAttention,
   useAudioLevel: () => useAudioLevel,
@@ -289,6 +294,7 @@ __export(react_exports, {
   useCanModerate: () => useCanModerate,
   useCanRecord: () => useCanRecord,
   useCaptionTranslation: () => useCaptionTranslation,
+  useCaptions: () => useCaptions,
   useCollab: () => useCollab,
   useCollabPanelRequest: () => useCollabPanelRequest,
   useConsentNotice: () => useConsentNotice,
@@ -1107,6 +1113,8 @@ var MEET_ROUTES = {
   noteTakerStop: "/api/v1/meet/agent/stop",
   /** In-meeting Q&A. Streams NDJSON; body is `{meeting_id, question}` only. */
   intelligenceAsk: "/api/v1/meet/intelligence/ask",
+  /** Anyone in the meeting (guests with the room pass included) asks for captions for themselves. */
+  noteTakerCaptions: "/api/v1/meet/agent/captions",
   /** A host ends the meeting for everyone. Served by MRI-A6. */
   meetingEnd: "/api/v1/meet/end",
   /**
@@ -1253,7 +1261,8 @@ function parseRoomToken(body, roomName) {
     breakoutRoomId: readString(payload, "breakout_room_id") ?? null,
     observersVisibleTo: readString(payload, "observers_visible_to") === "hosts" ? "hosts" : "everyone",
     connectionPolicy: connectionPolicyFrom(payload["connection_policy"]),
-    leavePolicy: leavePolicyFrom(payload["leave_policy"])
+    leavePolicy: leavePolicyFrom(payload["leave_policy"]),
+    canReclaim: payload["can_reclaim"] === true
   };
 }
 function createTokenClient(options) {
@@ -1715,6 +1724,42 @@ function createMeetAi(options) {
       },
       "meet.ai.startNoteTaker"
     ),
+    requestCaptions: async ({ meetingId }) => {
+      const roomToken = options.resolveRoomToken?.() ?? null;
+      const operation = "meet.ai.requestCaptions";
+      try {
+        const response = await send({
+          path: MEET_ROUTES.noteTakerCaptions,
+          body: { meeting_id: meetingId },
+          operation,
+          requireAuth: roomToken === null,
+          ...roomToken !== null ? { headers: { [MEETING_PASS_HEADER]: roomToken } } : {}
+        });
+        if (!response.ok) {
+          options.store.patch({ captionsRefusal: await refusalFor(response, operation) });
+          return;
+        }
+        let payload = null;
+        try {
+          payload = await response.json();
+        } catch {
+          payload = null;
+        }
+        const row = typeof payload === "object" && payload !== null ? payload : {};
+        const detail = typeof row["detail"] === "string" ? row["detail"] : "";
+        options.store.patch({
+          captionsRefusal: row["dispatched"] === true ? null : { status: 200, reason: detail, remedy: "" }
+        });
+      } catch (error) {
+        options.store.patch({
+          captionsRefusal: {
+            status: 0,
+            reason: error.message,
+            remedy: error.remedy ?? ""
+          }
+        });
+      }
+    },
     stopNoteTaker: ({ meetingId }) => dispatch(
       MEET_ROUTES.noteTakerStop,
       { meeting_id: meetingId },
@@ -2701,12 +2746,63 @@ function recordingLabel(state) {
   }
 }
 
+// src/core/live-policy.ts
+var DEFAULT_LIVE_POLICY = {
+  chatMode: "everyone",
+  avLock: "off",
+  timeLimitMinutes: 0,
+  timeLimitWarningMinutes: 5,
+  recordingConsent: "notice"
+};
+function oneOf(value, allowed, fallback) {
+  return typeof value === "string" && allowed.includes(value) ? value : fallback;
+}
+function whole(value, fallback) {
+  const n = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
+  return Number.isFinite(n) && n >= 0 ? Math.floor(n) : fallback;
+}
+function livePolicyFrom(raw) {
+  const o = typeof raw === "object" && raw !== null ? raw : {};
+  return {
+    chatMode: oneOf(o["chat_mode"], ["everyone", "hosts_only", "off"], DEFAULT_LIVE_POLICY.chatMode),
+    avLock: oneOf(o["attendee_av_lock"], ["off", "mic", "camera", "both"], DEFAULT_LIVE_POLICY.avLock),
+    timeLimitMinutes: whole(o["time_limit_minutes"], 0),
+    timeLimitWarningMinutes: whole(o["time_limit_warning_minutes"], DEFAULT_LIVE_POLICY.timeLimitWarningMinutes),
+    recordingConsent: oneOf(
+      o["recording_consent"],
+      ["notice", "ok_or_leave", "view_only_until_agree"],
+      DEFAULT_LIVE_POLICY.recordingConsent
+    )
+  };
+}
+function samePolicy(a, b) {
+  return a.chatMode === b.chatMode && a.avLock === b.avLock && a.timeLimitMinutes === b.timeLimitMinutes && a.timeLimitWarningMinutes === b.timeLimitWarningMinutes && a.recordingConsent === b.recordingConsent;
+}
+var MODERATORS = /* @__PURE__ */ new Set(["host", "cohost"]);
+function isLockedFor(policy, role, kind) {
+  if (MODERATORS.has(role)) return false;
+  return policy.avLock === "both" || (kind === "microphone" ? policy.avLock === "mic" : policy.avLock === "camera");
+}
+function consentPending(policy, role, recordingOn, given) {
+  return recordingOn && !given && policy.recordingConsent !== "notice" && !MODERATORS.has(role);
+}
+function canChat(policy, role) {
+  if (policy.chatMode === "everyone") return true;
+  return policy.chatMode === "hosts_only" && MODERATORS.has(role);
+}
+function minutesLeft(policy, startedAtMs, nowMs) {
+  if (policy.timeLimitMinutes <= 0 || startedAtMs === null) return null;
+  return Math.ceil((startedAtMs + policy.timeLimitMinutes * 6e4 - nowMs) / 6e4);
+}
+
 // 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 = {
@@ -3827,6 +3923,8 @@ function planFromRow(row) {
     minutes: num2(row["minutes"]) ?? 0,
     openedAt: str(row["opened_at"]),
     endsAt: str(row["ends_at"]),
+    closingAt: str(row["closing_at"]),
+    moveMode: row["move_mode"] === "auto" ? "auto" : "invite",
     closedAt: str(row["closed_at"]),
     broadcasts: (Array.isArray(row["broadcasts"]) ? row["broadcasts"] : []).map(broadcastFrom).filter((b) => b !== null)
   };
@@ -3978,9 +4076,17 @@ function autoAssign(identities, rooms, exclude = []) {
   return out;
 }
 function breakoutRemainingMs(plan, now) {
-  if (plan === null || plan.state !== "open" || plan.endsAt === null) return null;
-  const end = Date.parse(plan.endsAt);
-  return Number.isNaN(end) ? null : Math.max(0, end - now);
+  if (plan === null || plan.state !== "open") return null;
+  const ends = [plan.endsAt, plan.closingAt].map((stamp) => stamp === null ? Number.NaN : Date.parse(stamp)).filter((time) => !Number.isNaN(time));
+  if (ends.length === 0) return null;
+  return Math.max(0, Math.min(...ends) - now);
+}
+var BREAKOUT_COUNTDOWN_MS = 3e4;
+function breakoutClosingMs(plan, now) {
+  if (plan === null || plan.state !== "open") return null;
+  const remaining = breakoutRemainingMs(plan, now);
+  if (remaining === null) return null;
+  return plan.closingAt !== null || remaining <= BREAKOUT_COUNTDOWN_MS ? remaining : null;
 }
 function defaultCaptionLanguage(settings, viewerLanguage) {
   const configured = settings?.captionTranslationLanguage.trim() ?? "";
@@ -4157,6 +4263,11 @@ var EMPTY = {
   presenter: null,
   waitingCount: 0,
   leavePolicy: DEFAULT_LEAVE_POLICY,
+  livePolicy: DEFAULT_LIVE_POLICY,
+  canReclaim: false,
+  recordingConsentGiven: false,
+  sessionStartedAt: null,
+  mutedByHost: false,
   moderationNotice: null,
   actionNotice: null,
   privateChatRequest: null,
@@ -4166,6 +4277,8 @@ var EMPTY = {
   names: {},
   wrapUp: null,
   noteTakerRefusal: null,
+  captionsOn: false,
+  captionsRefusal: null,
   media: IDLE_MEDIA,
   mediaRegion: IDLE_MEDIA_REGION,
   failure: null,
@@ -4370,7 +4483,12 @@ function createMeetStore(initial = {}) {
       if (current.enabled === next.enabled && current.unavailable?.code === next.unavailable?.code && current.unavailable?.reason === next.unavailable?.reason && current.unavailable?.message === next.unavailable?.message) {
         return;
       }
-      commit({ ...state, media: { ...state.media, [kind]: next } });
+      commit({
+        ...state,
+        media: { ...state.media, [kind]: next },
+        // The person turned their own microphone on again: the host's mute is over.
+        ...kind === "microphone" && next.enabled && state.mutedByHost ? { mutedByHost: false } : {}
+      });
     },
     reset() {
       const phase = nextPhase(state.phase, { type: "reset", teardown: true }) ?? EMPTY.phase;
@@ -4432,6 +4550,7 @@ function applyDoorRow(store, attendee) {
 function decidedState(state) {
   return WAITING_ADMISSION_STATES.includes(state) ? "expired" : state;
 }
+var LIVE_POLICY_POLL_MS = 3e3;
 function createMeetingSession(options) {
   const { manager, repository, store, identity } = options;
   let channel = null;
@@ -4573,6 +4692,46 @@ function createMeetingSession(options) {
       stopWaiting();
     }
   }
+  let policyTimer = null;
+  let policyReading = false;
+  async function readLivePolicy() {
+    const meeting = store.snapshot().meeting;
+    const pass = options.resolvePass?.() ?? null;
+    if (meeting === null || pass === null || policyReading) return;
+    policyReading = true;
+    try {
+      const response = await options.api.request({
+        path: `${MEET_ROUTES.state}?meeting_id=${encodeURIComponent(meeting.id)}`,
+        method: "GET",
+        requireAuth: false,
+        operation: "meet.state(policy)",
+        headers: { [MEETING_PASS_HEADER]: pass }
+      });
+      if (!response.ok) return;
+      const read = await response.json();
+      const next = livePolicyFrom(read.live_policy);
+      const started = read.session_started_at ? Date.parse(read.session_started_at) : NaN;
+      const snapshot = store.snapshot();
+      const startedAt = Number.isFinite(started) ? started : snapshot.sessionStartedAt;
+      if (!samePolicy(snapshot.livePolicy, next) || startedAt !== snapshot.sessionStartedAt) {
+        store.patch({ livePolicy: next, sessionStartedAt: startedAt });
+      }
+    } catch {
+    } finally {
+      policyReading = false;
+    }
+  }
+  function syncLivePolicyTimer() {
+    const inCall = store.snapshot().phase === "in_call";
+    if (inCall && policyTimer === null) {
+      void readLivePolicy();
+      policyTimer = setInterval(() => void readLivePolicy(), LIVE_POLICY_POLL_MS);
+    } else if (!inCall && policyTimer !== null) {
+      clearInterval(policyTimer);
+      policyTimer = null;
+    }
+  }
+  const unsubscribePolicy = store.subscribe(syncLivePolicyTimer);
   async function readState2() {
     if (reading !== null) return reading;
     const meeting = store.snapshot().meeting;
@@ -4959,6 +5118,9 @@ function createMeetingSession(options) {
     },
     dispose() {
       stopWaiting();
+      unsubscribePolicy();
+      if (policyTimer !== null) clearInterval(policyTimer);
+      policyTimer = null;
       channel?.close();
       channel = null;
       meetingChannel?.close();
@@ -4995,6 +5157,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";
@@ -5055,7 +5258,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";
@@ -5153,7 +5356,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 });
@@ -5249,7 +5452,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;
@@ -5271,6 +5474,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" });
     },
@@ -5329,6 +5542,7 @@ function createMediaSupervisor(options) {
       setRegion({ notice: null });
     }
   };
+  return api;
 }
 
 // src/core/room-events.ts
@@ -5548,10 +5762,11 @@ function moderationText(kind, payload) {
   switch (kind) {
     case "muted": {
       const source = text2(payload["source"]) ?? "microphone";
-      return source === "microphone" ? `${by} muted you.` : source === "camera" ? `${by} turned off your camera.` : `${by} stopped your screen share.`;
+      const who = payload["by_role"] === "host" || payload["by_role"] === "cohost" ? "the host" : by;
+      return source === "microphone" ? `You've been muted by ${who}.` : source === "camera" ? `Your camera was turned off by ${who}.` : `Your screen share was stopped by ${who}.`;
     }
     case "ask-unmute":
-      return `${by} is asking you to unmute.`;
+      return `${by === "The host" ? "The host" : by} asked you to unmute.`;
     case "removed":
       return `${by} removed you from this meeting.`;
     default:
@@ -5577,7 +5792,7 @@ function applyModeration(store, payload, now) {
           grants: { ...snapshot.grants, role },
           moderationNotice: {
             kind: "role",
-            text: role === "host" ? "You are now the host." : role === "cohost" ? "You are now a co-host." : "You are no longer a co-host.",
+            text: role === "host" ? "You are now the host." : role === "cohost" ? "You're now a co-host." : role === "presenter" ? "You're now a presenter." : snapshot.grants.role === "presenter" ? "You're now a participant: you can no longer present." : "You're now a participant: you are no longer a co-host.",
             at: now()
           }
         });
@@ -5589,7 +5804,10 @@ function applyModeration(store, payload, now) {
     case "removed": {
       const sentence = moderationText(kind, payload);
       if (sentence === null) return ignored("a moderation event with no sentence");
-      store.patch({ moderationNotice: { kind, text: sentence, at: now() } });
+      store.patch({
+        moderationNotice: { kind, text: sentence, at: now() },
+        ...kind === "muted" && (text2(payload["source"]) ?? "microphone") === "microphone" ? { mutedByHost: true } : {}
+      });
       return HANDLED;
     }
     default:
@@ -5628,7 +5846,7 @@ function exactNoteTakerParticipant(meeting, participants) {
 }
 function noteTakerStatus(args) {
   const present = exactNoteTakerParticipant(args.meeting, args.participants) !== null;
-  const raw = args.meeting?.metadata[NOTE_TAKER_METADATA_KEY];
+  const raw = args.meeting?.metadata?.[NOTE_TAKER_METADATA_KEY];
   const row = typeof raw === "object" && raw !== null && !Array.isArray(raw) ? raw : {};
   const recorded = readState(row["state"]);
   const detail = typeof row["reason"] === "string" && row["reason"].length > 0 ? row["reason"] : null;
@@ -5836,7 +6054,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 });
@@ -6105,6 +6324,7 @@ function createRoomEngine(options) {
     lastServerUrl = token.serverUrl;
     connectionPolicy = token.connectionPolicy ?? DEFAULT_CONNECTION_POLICY;
     if (token.leavePolicy !== void 0) store.patch({ leavePolicy: token.leavePolicy });
+    store.patch({ canReclaim: token.canReclaim === true });
     store.patch({
       localIdentity: token.identity,
       breakoutRoomId: token.breakoutRoomId ?? null,
@@ -6226,6 +6446,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();
@@ -6445,7 +6669,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") {
@@ -6512,13 +6739,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(),
@@ -6604,8 +6832,12 @@ var MODERATION_ACTIONS = [
   "lower_hand",
   "lower_all_hands",
   "make_cohost",
+  "make_presenter",
+  "revoke_presenter",
+  "set_av_lock",
   "revoke_cohost",
   "transfer_host",
+  "reclaim_host",
   "rename",
   "remove",
   "report"
@@ -6986,7 +7218,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);
@@ -7127,7 +7367,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");
       }
@@ -7166,8 +7409,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");
@@ -7643,14 +7891,31 @@ var import_react3 = require("react");
 
 // src/core/observation.ts
 function observedRole(role, standing) {
-  if (role === "host" || role === "cohost") return role;
+  if (role === "host" || role === "cohost" || role === "presenter") return role;
   return isLinkFollower(standing) ? "guest" : "participant";
 }
-function observedDevice(track, permission = "unknown") {
+function observedDevice(track, permission = "unknown", held = null) {
+  if (held === "locked") return "locked";
   if (track.enabled) return "on";
+  if (held === "muted_by_host") return "muted_by_host";
   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;
@@ -7674,20 +7939,34 @@ 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) : null,
-    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone, snapshot.mediaRegion.permission.microphone) : 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) {
+  if (!inCall) return null;
+  const role = effectiveRole(snapshot);
+  if (isLockedFor(snapshot.livePolicy, role, kind)) return "locked";
+  if (snapshot.livePolicy.recordingConsent === "view_only_until_agree" && consentPending(snapshot.livePolicy, role, snapshot.recording === "recording", snapshot.recordingConsentGiven)) {
+    return "locked";
+  }
+  if (kind === "microphone" && snapshot.mutedByHost) return "muted_by_host";
+  return null;
+}
 function staticObservation(phase, reason = null) {
   return {
     phase,
@@ -7775,7 +8054,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 = (0, import_react3.useMemo)(
+    () => unsupported ? { ...staticObservation("unsupported", probed?.reason ?? null) } : base,
+    [unsupported, probed, base]
+  );
   const attrs = (0, import_react3.useMemo)(() => rootAttributes(observation), [observation]);
   const latest = (0, import_react3.useRef)({ observation, storePhase: snapshot?.phase ?? null });
   latest.current = { observation, storePhase: snapshot?.phase ?? null };
@@ -7793,7 +8078,34 @@ function MeetRoot({
       if (target.__matrxMeet === diagnostics) delete target.__matrxMeet;
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...attrs, style: { display: "contents" }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...attrs, style: { display: "contents" }, children: unsupported && probed !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(UnsupportedBrowser, { capabilities: probed }) : children });
+}
+function useCapabilities() {
+  const [found, setFound] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
+    setFound(detectCapabilities());
+  }, []);
+  return found;
+}
+function UnsupportedBrowser({ capabilities }) {
+  const words = unsupportedWords(capabilities);
+  const [copied, setCopied] = (0, import_react3.useState)(false);
+  const href = typeof window === "undefined" ? "" : window.location.href;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mx-meet", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mx-meet__waiting", "data-meet-exit": "unsupported", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "mx-meet__prejoin-title", children: words.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mx-meet__hint", role: "status", "data-meet-notice": "browser-unsupported", children: words.body }),
+    href.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "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
@@ -8493,7 +8805,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: (0, import_react4.useCallback)(
       async (request) => requireEngine(engine, "join").join(request),
       [engine]
@@ -8877,6 +9190,45 @@ function useMeetAi() {
     }, [ai, meeting, dispatchNoteTaker])
   };
 }
+function useCaptions() {
+  const host = useMeetHost();
+  const snapshot = useMeetSnapshot();
+  const ai = useMeetAi();
+  const on = snapshot?.captionsOn === true;
+  const refusal2 = snapshot?.captionsRefusal ?? null;
+  const taker = ai.noteTaker;
+  const meeting = snapshot?.meeting ?? null;
+  const request = (0, import_react4.useCallback)(() => {
+    if (host === null || meeting === null) return;
+    void host.ai.requestCaptions({ meetingId: meeting.id });
+  }, [host, meeting]);
+  const toggle = (0, import_react4.useCallback)(() => {
+    if (host === null) return;
+    const next = !on;
+    host.store.patch({ captionsOn: next, captionsRefusal: null });
+    if (next && taker.state !== "joining" && taker.state !== "transcribing") request();
+  }, [host, on, taker.state, request]);
+  let state = "off";
+  let reason = null;
+  let remedy = null;
+  if (on) {
+    if (taker.state === "transcribing" && taker.present) {
+      state = "live";
+    } else if (taker.state === "joining") {
+      state = "starting";
+    } else if (refusal2 !== null && refusal2.reason.length > 0) {
+      state = "unavailable";
+      reason = refusal2.reason;
+      remedy = refusal2.remedy.length > 0 ? refusal2.remedy : null;
+    } else if (taker.state === "ended" || taker.state === "handoff_pending") {
+      state = "unavailable";
+      reason = noteTakerLabel(taker);
+    } else {
+      state = "starting";
+    }
+  }
+  return { on, state, reason, remedy, toggle };
+}
 function useEndMeeting() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
@@ -8914,7 +9266,7 @@ function useConsentNotice() {
   const snapshot = useMeetSnapshot();
   const agent = noteTakerParticipant(snapshot?.participants ?? []);
   if (agent === null) return null;
-  return `${agent.displayName} is in this meeting: it is transcribing what is said and writing notes everyone here can read.`;
+  return `AI notes are on. ${agent.displayName} is in this meeting, transcribing what is said and writing notes everyone here can read.`;
 }
 function useMediaSupervisor() {
   const host = useMeetHost();
@@ -8933,6 +9285,12 @@ function useMediaSupervisor() {
     retry: (0, import_react4.useCallback)(
       async (kind) => kind === "microphone" ? engine?.setMicrophoneEnabled(true) : engine?.setCameraEnabled(true),
       [engine]
+    ),
+    reportPreview: (0, import_react4.useCallback)(
+      (kind, outcome) => {
+        void engine?.previewDevice(kind, outcome);
+      },
+      [engine]
     )
   };
 }
@@ -9378,6 +9736,38 @@ function useGuestRecordAccess(meeting) {
     )
   };
 }
+function useLivePolicy() {
+  const snapshot = useMeetSnapshot();
+  const role = useRole();
+  const [now, setNow] = (0, import_react4.useState)(() => Date.now());
+  const limited = (snapshot?.livePolicy.timeLimitMinutes ?? 0) > 0;
+  (0, import_react4.useEffect)(() => {
+    if (!limited) return void 0;
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, [limited]);
+  const policy = snapshot?.livePolicy ?? DEFAULT_LIVE_POLICY;
+  const left = minutesLeft(policy, snapshot?.sessionStartedAt ?? null, now);
+  const host = useMeetHost();
+  const pending = consentPending(policy, role, snapshot?.recording === "recording", snapshot?.recordingConsentGiven === true);
+  const viewOnly = pending && policy.recordingConsent === "view_only_until_agree";
+  const idle = snapshot !== null && snapshot.recording !== "recording" && snapshot.recording !== "starting" && snapshot.recording !== "stopping";
+  const given = snapshot?.recordingConsentGiven === true;
+  const store = host?.store ?? null;
+  (0, import_react4.useEffect)(() => {
+    if (idle && given) store?.patch({ recordingConsentGiven: false });
+  }, [idle, given, store]);
+  return {
+    canChat: canChat(policy, role),
+    chatMode: policy.chatMode,
+    micLocked: isLockedFor(policy, role, "microphone") || viewOnly,
+    cameraLocked: isLockedFor(policy, role, "camera") || viewOnly,
+    consent: pending ? policy.recordingConsent === "ok_or_leave" ? "ok_or_leave" : "view_only_until_agree" : null,
+    agree: () => store?.patch({ recordingConsentGiven: true }),
+    minutesLeft: left,
+    timeWarning: left !== null && left <= policy.timeLimitWarningMinutes
+  };
+}
 
 // src/react/skin-root.tsx
 var import_react12 = require("react");
@@ -9996,6 +10386,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,
@@ -10152,6 +10575,18 @@ function SparklesIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsxs)(Icon, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 10.5a2 2 0 1 0 0 3M16 10.5a2 2 0 1 0 0 3" })
+  ] });
+}
+function NotesIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Icon, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 20l1-4L16.5 4.5a2.1 2.1 0 0 1 3 3L8 19l-4 1Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 7l3 3" })
+  ] });
+}
 function LockIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Icon, { ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2" }),
@@ -10287,6 +10722,9 @@ function UndoIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m6 15 6-6 6 6" }) });
+}
 
 // src/skins/meet/collab.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -11058,7 +11496,7 @@ function BreakoutRun({ plan }) {
         type: "button",
         className: "mx-meet__primary mx-meet__primary--small",
         onClick: () => void act({ action: "breakout_close" }).then(show),
-        children: "Bring everyone back"
+        children: "Close rooms"
       }
     ) : null
   ] });
@@ -11076,9 +11514,14 @@ function BreakoutBanner() {
   const { collab, act, moveTo, localIdentity, breakoutRoomId } = useCollab();
   const plan = collab?.breakout ?? null;
   const open = plan?.state === "open" ? plan : null;
-  const now = useNow(open?.endsAt != null);
+  const now = useNow(open?.endsAt != null || open?.closingAt != null);
   const remaining = breakoutRemainingMs(open, now);
+  const closing = breakoutClosingMs(open, now);
   const assigned = assignedRoom(open, localIdentity);
+  const [later, setLater] = (0, import_react9.useState)(null);
+  const [autoSince, setAutoSince] = (0, import_react9.useState)(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] = (0, import_react9.useState)(null);
   const [failure, setFailure] = (0, import_react9.useState)(null);
   const expireAsked = (0, import_react9.useRef)(null);
@@ -11091,6 +11534,19 @@ function BreakoutBanner() {
     if ((here ?? null) === request.roomId) return;
     void moveTo(request.roomId).then((result) => setFailure(result.ok ? null : result.message));
   }, [moveAt, host, moveTo]);
+  const joinAssigned = async () => {
+    if (assigned === null) return;
+    const said = await act({ action: "breakout_join", roomId: assigned.id });
+    const result = said.ok ? await moveTo(assigned.id) : said;
+    setFailure(result.ok ? null : result.message);
+  };
+  (0, import_react9.useEffect)(() => {
+    if (open === null || open.moveMode !== "auto" || assigned === null || breakoutRoomId !== null) return;
+    if (autoSince?.id !== open.id) setAutoSince({ id: open.id, at: Date.now() });
+  }, [open, assigned, breakoutRoomId, autoSince]);
+  (0, import_react9.useEffect)(() => {
+    if (autoLeft === 0) void joinAssigned();
+  }, [autoLeft]);
   (0, import_react9.useEffect)(() => {
     if (open === null || remaining === null || remaining > 0) return;
     const asked = expireAsked.current;
@@ -11104,27 +11560,25 @@ function BreakoutBanner() {
   if (open === null && failure === null) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mx-meet__breakout-banner", role: "status", children: [
     failure !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mx-meet__collab-error", children: failure }) : null,
+    closing !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: room.name }),
-      remaining !== null ? ` \xB7 ${clock(remaining)} left` : "",
+      remaining !== null && closing === null ? ` \xB7 ${clock(remaining)} left` : "",
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mx-meet__chip", onClick: () => void moveTo(null), children: "Return to main room" })
+    ] }) : assigned !== null && later !== open?.id ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => void joinAssigned(), children: "Join room" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mx-meet__chip", onClick: () => setLater(open?.id ?? null), children: "Later" })
     ] }) : assigned !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-      "You are assigned to ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: assigned.name }),
-      remaining !== null ? ` \xB7 ${clock(remaining)} left` : "",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "mx-meet__primary mx-meet__primary--small",
-          onClick: () => void act({ action: "breakout_join", roomId: assigned.id }).then(async (said) => {
-            const result = said.ok ? await moveTo(assigned.id) : said;
-            setFailure(result.ok ? null : result.message);
-          }),
-          children: "Join"
-        }
-      )
-    ] }) : open?.allowChoose ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Breakout rooms are open \u2014 pick one under Activities." }) : null,
+      assigned.name,
+      " is open",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mx-meet__chip", onClick: () => void joinAssigned(), children: "Join room" })
+    ] }) : open?.allowChoose ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Rooms are open \u2014 pick one under Activities." }) : null,
     showBroadcast ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "mx-meet__breakout-broadcast", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("strong", { children: [
         broadcast.by,
@@ -11172,6 +11626,33 @@ function CaptionLanguageSettings() {
     collab?.captionTranslationError != null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.captionTranslationError }) : null
   ] });
 }
+function CaptionsControl() {
+  const captions = useCaptions();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    ControlButton,
+    {
+      label: captions.on ? "Turn off captions" : "Turn on captions",
+      active: captions.on,
+      pressed: captions.on,
+      onClick: captions.toggle,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CaptionsIcon, {})
+    }
+  );
+}
+function TakeNotesControl() {
+  const ai = useMeetAi();
+  if (!ai.canControlNoteTaker) return null;
+  const running = ai.noteTaker.state === "joining" || ai.noteTaker.state === "transcribing";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    ControlButton,
+    {
+      label: running ? "Stop taking notes" : "Take notes for me",
+      active: running,
+      onClick: () => void (running ? ai.stopNoteTaker() : ai.startNoteTaker()),
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NotesIcon, {})
+    }
+  );
+}
 
 // src/skins/meet/components.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -11222,6 +11703,7 @@ function ControlButton({
   label,
   active = false,
   danger = false,
+  pressed,
   onClick,
   children
 }) {
@@ -11236,26 +11718,49 @@ function ControlButton({
       ].filter(Boolean).join(" "),
       "aria-label": label,
       title: label,
+      ...pressed !== void 0 ? { "aria-pressed": pressed } : {},
       onClick,
       children
     }
   );
 }
 function RecordingIndicator() {
-  const { state, label } = useRecording();
-  if (label === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "span",
-    {
-      className: `mx-meet__recording mx-meet__recording--${state}`,
-      role: "status",
-      "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RecordIcon, { width: 10, height: 10 }),
-        label
-      ]
-    }
-  );
+  const { state, label, canStart } = useRecording();
+  const snapshot = useMeetSnapshot();
+  const previous = (0, import_react10.useRef)(state);
+  const [stoppedAt, setStoppedAt] = (0, import_react10.useState)(null);
+  (0, import_react10.useEffect)(() => {
+    const was = previous.current;
+    previous.current = state;
+    if ((was === "recording" || was === "starting") && state !== "recording" && state !== "starting") {
+      setStoppedAt(Date.now());
+      const timer = setTimeout(() => setStoppedAt(null), 1e4);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [state]);
+  const meetingId = snapshot?.meeting?.id ?? null;
+  if (label === null && stoppedAt === null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    label !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "span",
+      {
+        className: `mx-meet__recording mx-meet__recording--${state}`,
+        role: "status",
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RecordIcon, { width: 10, height: 10 }),
+          label
+        ]
+      }
+    ) : null,
+    stoppedAt !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__recording", role: "status", "data-meet-notice": "recording-stopped", children: "Recording stopped" }) : null,
+    state === "processing" ? (
+      // rec-processing: the host is told it is being made ready (the indicator says Processing…).
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__recording", role: "status", "data-meet-notice": "recording-processing", children: "Your recording is being processed. A link appears here when it is ready." })
+    ) : null,
+    state === "available" && canStart && meetingId !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { className: "mx-meet__link", href: `/meetings/${meetingId}`, target: "_blank", rel: "noreferrer", children: "View recording" }) : null
+  ] });
 }
 function RoleBadge({
   role,
@@ -11407,6 +11912,7 @@ function ControlBar({ onLeave }) {
   const controls = useHostControls();
   const queue = useHandQueue();
   const micUnavailable = useLocalMedia().microphone.unavailable;
+  const live = useLivePolicy();
   const unread = useUnreadChat(panel === "chat");
   const [whiteboard, setWhiteboard] = (0, import_react10.useState)(false);
   const app = useMeetAppPanel();
@@ -11472,9 +11978,10 @@ function ControlBar({ onLeave }) {
     ) }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BreakoutBanner, {}),
     panel !== "people" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KnockNotice, { onView: () => setPanel("people") }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpeakingWhileMutedNudge, {}),
     controls.notice !== null && panel !== "people" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Toast, { text: controls.notice.text, failed: controls.notice.failed, onDone: controls.clearNotice }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__controls", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      live.micLocked ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         ControlButton,
         {
           label: micUnavailable !== null ? `Unmute \u2014 ${micUnavailable.remedy}` : room.local?.micEnabled === true ? "Mute (\u2318D)" : "Unmute (\u2318D)",
@@ -11483,7 +11990,8 @@ function ControlBar({ onLeave }) {
           children: room.local?.micEnabled === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicOffIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AudioSettingsControl, {}),
+      live.cameraLocked ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         ControlButton,
         {
           label: room.local?.cameraEnabled === true ? "Stop video (\u2318E)" : "Start video (\u2318E)",
@@ -11492,6 +12000,7 @@ function ControlBar({ onLeave }) {
           children: room.local?.cameraEnabled === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CameraIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CameraOffIcon, {})
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CaptionsControl, {}),
       room.canShareScreen || room.local?.screenSharing === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         ControlButton,
         {
@@ -11556,6 +12065,7 @@ function ControlBar({ onLeave }) {
           onOpen: openActivity
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TakeNotesControl, {}),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AiControl, { active: panel === "ai", onToggle: () => toggle("ai") }),
       recording.canStart ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ControlButton, { label: "Start recording", onClick: () => void recording.start(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RecordIcon, {}) }) : null,
       recording.canStop ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ControlButton, { label: "Stop recording", active: true, onClick: () => void recording.stop(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RecordIcon, {}) }) : null,
@@ -11596,6 +12106,13 @@ function ControlBar({ onLeave }) {
               ]
             }
           ),
+          !room.canShareScreen && room.local?.screenSharing !== true ? (
+            // `share-unsupported-mobile`: the control is absent; the menu says where it lives.
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__menu-note", role: "note", "data-meet-notice": "share-unsupported", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScreenShareIcon, { width: 16, height: 16 }),
+              " Present from a computer"
+            ] })
+          ) : null,
           controls.isHost ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__menu-sep", role: "separator" }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -11611,6 +12128,23 @@ function ControlBar({ onLeave }) {
                 ]
               }
             ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              MenuItem,
+              {
+                onSelect: () => {
+                  setPopover("none");
+                  void controls.run({
+                    action: "set_av_lock",
+                    value: snapshot?.livePolicy.avLock === "both" ? "off" : "both"
+                  });
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicOffIcon, { width: 16, height: 16 }),
+                  " ",
+                  snapshot?.livePolicy.avLock === "both" ? "Turn on attendees' microphone and camera" : "Turn off attendees' microphone and camera"
+                ]
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               MenuItem,
               {
@@ -11853,6 +12387,94 @@ function Toast({ text: text3, failed, onDone }) {
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: onDone, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseIcon, { width: 14, height: 14 }) })
   ] });
 }
+function AudioSettingsControl() {
+  const host = useMeetHost();
+  const devices = useDeviceSnapshot();
+  const [open, setOpen] = (0, import_react10.useState)(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__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ControlButton,
+      {
+        label: "Audio settings",
+        active: open,
+        onClick: () => {
+          if (!open) void host.devices.refresh();
+          setOpen(!open);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronUpIcon, {})
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Popover, { label: "Microphone", onClose: () => setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__menu", role: "menu", "aria-label": "Microphone", children: list.map((device) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "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__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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 = (0, import_react10.useRef)(0);
+  latest.current = level;
+  const [shown, setShown] = (0, import_react10.useState)(false);
+  const [detector] = (0, import_react10.useState)(() => createSpeakingWhileMutedDetector());
+  (0, import_react10.useEffect)(() => {
+    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]);
+  (0, import_react10.useEffect)(() => {
+    if (!shown) return void 0;
+    const timer = setTimeout(() => setShown(false), 8e3);
+    return () => clearTimeout(timer);
+  }, [shown]);
+  if (!shown || !mutedByMe) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "speaking-while-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicOffIcon, { width: 16, height: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "You're muted" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "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();
@@ -11938,9 +12560,45 @@ function MeetingOverlays() {
   const reactions = useReactions();
   const { notice, dismiss } = useModerationNotice();
   const room = useRoom();
+  const live = useLivePolicy();
+  const snapshot = useMeetSnapshot();
+  const controls = useHostControls();
+  const isHostNow = useRole() === "host";
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReactionOverlay, { reactions }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(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__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__sheet-backdrop", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__sheet", role: "alertdialog", "aria-label": "This meeting is being recorded", "data-meet-notice": "recording-consent", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "mx-meet__panel-title", children: "This meeting is being recorded" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__menu-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: () => void room.leave(), children: "Leave meeting" }) : null
+      ] })
+    ] }) }) : null,
+    snapshot?.canReclaim === true && !isHostNow ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__notice-bar", role: "status", "data-meet-notice": "host-reclaim", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "You started this meeting. Take back the host?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mx-meet__primary mx-meet__primary--small",
+          onClick: () => void controls.run({ action: "reclaim_host" }),
+          children: "Reclaim host"
+        }
+      )
+    ] }) : null,
+    live.micLocked || live.cameraLocked ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "time-warning", children: [
+      "This meeting will end in ",
+      live.minutesLeft,
+      " ",
+      live.minutesLeft === 1 ? "minute" : "minutes",
+      " (time limit)."
+    ] }) : null,
     notice !== null && notice.kind !== "removed" ? (
       // 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
@@ -12031,6 +12689,7 @@ function ChatPanel({
 }) {
   const snapshot = useMeetSnapshot();
   const room = useRoom();
+  const live = useLivePolicy();
   const [draft, setDraft] = (0, import_react10.useState)("");
   const [recipient, setRecipient] = (0, import_react10.useState)(to);
   const listRef = (0, import_react10.useRef)(null);
@@ -12055,7 +12714,7 @@ function ChatPanel({
       snapshot?.chatLoaded !== true && messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { className: "mx-meet__panel-note", children: "Reading earlier messages\u2026" }) : messages.length === 0 && snapshot?.chatHistoryError == null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(ChatLine, { message, local, people }, message.id))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    !live.canChat ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)(
       "form",
       {
         className: "mx-meet__composer mx-meet__composer--chat",
@@ -12427,6 +13086,13 @@ function PersonMenu({
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PeopleIcon, { width: 16, height: 16 }),
         " Make co-host"
       ] }) : null,
+      !participant.isAgent && participant.role !== "cohost" && participant.role !== "host" ? participant.role === "presenter" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MenuItem, { onSelect: () => act({ action: "revoke_presenter", identity: participant.identity }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScreenShareIcon, { width: 16, height: 16 }),
+        " Remove presenter"
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MenuItem, { onSelect: () => act({ action: "make_presenter", identity: participant.identity }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScreenShareIcon, { width: 16, height: 16 }),
+        " Make presenter"
+      ] }) : null,
       !participant.isAgent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         MenuItem,
         {
@@ -12658,14 +13324,20 @@ async function playTestSound(sinkId) {
   audio.pause();
   await context.close();
 }
-function useMicrophoneStream(deviceId2) {
+function useMicrophoneStream(deviceId2, report, attempt = 0) {
   const [stream, setStream] = (0, import_react10.useState)(null);
+  const reportRef = (0, import_react10.useRef)(report);
+  reportRef.current = report;
   (0, import_react10.useEffect)(() => {
-    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());
@@ -12673,15 +13345,49 @@ 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] = (0, import_react10.useState)(false);
+  const prompting = region.preview.microphone.state === "prompting" || region.preview.camera.state === "prompting";
+  (0, import_react10.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__warning", role: "status", "data-meet-notice": deviceNoticeCode(first.kind, first.reason), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { className: "mx-meet__fix-steps", children: deviceFixSteps(first.kind, first.reason, where).map((step) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: step }, step)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.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;
@@ -12932,8 +13638,19 @@ function Captions({ lines = 3 }) {
   const ai = useMeetAi();
   const visible = ai.transcript.slice(-lines);
   const translation = useCaptionTranslation(visible);
-  if (visible.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__captions", "aria-live": "polite", "aria-label": "Live captions", children: [
+  const captions = useCaptions();
+  if (!captions.on) return null;
+  if (captions.state === "unavailable") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__captions", role: "status", "data-meet-notice": "captions-unavailable", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__caption", children: [
+      "Captions are unavailable. ",
+      captions.reason,
+      captions.remedy !== null ? ` ${captions.remedy}` : ""
+    ] }) });
+  }
+  if (visible.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__captions", "aria-live": "polite", "aria-label": "Live captions", "data-meet-caption": captions.state, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsxs)(
@@ -12956,7 +13673,7 @@ function Captions({ lines = 3 }) {
 function ConsentNotice() {
   const notice = useConsentNotice();
   if (notice === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__consent", role: "status", children: notice });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__consent", role: "status", "data-meet-notice": "notes-started", children: notice });
 }
 function AttendanceNotice() {
   const media = useLocalMedia();
@@ -13000,8 +13717,15 @@ function PreJoinBody({
   const [joining, setJoining] = (0, import_react10.useState)(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] = (0, import_react10.useState)(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] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
@@ -13045,6 +13769,7 @@ function PreJoinBody({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__prejoin-panel", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "mx-meet__prejoin-title", children: "Ready to join?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreviewStatus, { onRetry: () => setAttempt((n) => n + 1) }),
       notice?.kind === "removed" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__warning", children: notice.text }) : null,
       devices?.labelsHidden === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__panel-note", children: [
         "Your browser is hiding device names until you allow camera and microphone access.",
@@ -13147,16 +13872,22 @@ function PreJoinBody({
     ] })
   ] });
 }
-function useCameraPreview(deviceId2, effects) {
+function useCameraPreview(deviceId2, effects, report, attempt = 0) {
+  const reportRef = (0, import_react10.useRef)(report);
+  reportRef.current = report;
   const [preview, setPreview] = (0, import_react10.useState)(null);
   const [error, setError] = (0, import_react10.useState)(null);
   const current = (0, import_react10.useRef)(null);
   const initialEffect = (0, import_react10.useRef)(toVideoEffect(effects));
   initialEffect.current = toVideoEffect(effects);
   (0, import_react10.useEffect)(() => {
-    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();
@@ -13164,8 +13895,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) : "";
@@ -13177,7 +13910,7 @@ function useCameraPreview(deviceId2, effects) {
       current.current = null;
       setPreview(null);
     };
-  }, [deviceId2]);
+  }, [deviceId2, attempt]);
   return {
     preview,
     error,
@@ -13317,6 +14050,14 @@ function MeetSkinRoom({
 }
 function ShareNotice() {
   const { share, actions } = useMeetCore();
+  const [soundHintClosed, setSoundHintClosed] = (0, import_react10.useState)(null);
+  if (share.state === "presenting" && share.audio === false && soundHintClosed !== share.at) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "share-audio-missing", children: [
+      "Sound not shared",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__remedy", children: "To include sound, share a tab and turn on Also share tab audio" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "share-unavailable", children: [
@@ -13429,6 +14170,27 @@ function ExitScreen({ onLeave }) {
         ] });
         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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_design_system.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";