@ai-matrx/meet 0.11.41 → 0.11.43

package/dist/skins/meet.cjs

@@ -44,6 +44,7 @@ __export(meet_exports, {
   CameraOffIcon: () => CameraOffIcon,
   CaptionLanguageSettings: () => CaptionLanguageSettings,
   Captions: () => Captions,
+  CaptionsIcon: () => CaptionsIcon,
   ChatIcon: () => ChatIcon,
   ChatPanel: () => ChatPanel,
   CheckIcon: () => CheckIcon,
@@ -67,6 +68,7 @@ __export(meet_exports, {
   MicIcon: () => MicIcon,
   MicOffIcon: () => MicOffIcon,
   MoreIcon: () => MoreIcon,
+  NotesIcon: () => NotesIcon,
   PanelShell: () => PanelShell,
   ParticipantTile: () => ParticipantTile,
   PencilIcon: () => PencilIcon,
@@ -265,6 +267,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",
   /**
@@ -360,6 +364,31 @@ function recordingLabel(state) {
   }
 }
 
+// src/core/live-policy.ts
+var DEFAULT_LIVE_POLICY = {
+  chatMode: "everyone",
+  avLock: "off",
+  timeLimitMinutes: 0,
+  timeLimitWarningMinutes: 5,
+  recordingConsent: "notice"
+};
+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_MEDIA_REGION = {
   permission: { microphone: "unknown", camera: "unknown" },
@@ -452,9 +481,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() ?? "";
@@ -662,11 +699,13 @@ function webMediaPlatform() {
 
 // 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}`;
 }
@@ -703,10 +742,20 @@ function observe(input) {
     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)) : null,
+    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone, snapshot.mediaRegion.permission.microphone, lockedFor(snapshot, "microphone", inCall)) : 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,
@@ -796,7 +845,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;
@@ -1549,6 +1598,45 @@ function useMeetAi() {
     }, [ai, meeting, dispatchNoteTaker])
   };
 }
+function useCaptions() {
+  const host = useMeetHost();
+  const snapshot = useMeetSnapshot();
+  const ai = useMeetAi();
+  const on = snapshot?.captionsOn === true;
+  const refusal = snapshot?.captionsRefusal ?? null;
+  const taker = ai.noteTaker;
+  const meeting = snapshot?.meeting ?? null;
+  const request = (0, import_react5.useCallback)(() => {
+    if (host === null || meeting === null) return;
+    void host.ai.requestCaptions({ meetingId: meeting.id });
+  }, [host, meeting]);
+  const toggle = (0, import_react5.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 (refusal !== null && refusal.reason.length > 0) {
+      state = "unavailable";
+      reason = refusal.reason;
+      remedy = refusal.remedy.length > 0 ? refusal.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();
@@ -1586,7 +1674,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();
@@ -1834,6 +1922,38 @@ function useGuestRecordAccess(meeting) {
     )
   };
 }
+function useLivePolicy() {
+  const snapshot = useMeetSnapshot();
+  const role = useRole();
+  const [now, setNow] = (0, import_react5.useState)(() => Date.now());
+  const limited = (snapshot?.livePolicy.timeLimitMinutes ?? 0) > 0;
+  (0, import_react5.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_react5.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/collab-hooks.ts
 var import_react7 = require("react");
@@ -2049,6 +2169,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" }),
@@ -2967,7 +3099,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
   ] });
@@ -2985,9 +3117,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);
@@ -3000,6 +3137,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;
@@ -3013,27 +3163,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,
@@ -3081,6 +3229,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");
@@ -3131,6 +3306,7 @@ function ControlButton({
   label,
   active = false,
   danger = false,
+  pressed,
   onClick,
   children
 }) {
@@ -3145,26 +3321,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 ConnectionDot({ quality }) {
   if (quality === "excellent" || quality === "good" || quality === "unknown") return null;
@@ -3195,6 +3394,7 @@ function ParticipantTile({
   const showVideo = participant.cameraEnabled || participant.screenSharing;
   const pinnedHere = snapshot?.pinned === participant.identity;
   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__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
@@ -3206,6 +3406,7 @@ function ParticipantTile({
       ].filter(Boolean).join(" "),
       "data-identity": participant.identity,
       ...participantAttributes(participant),
+      ...presenting ? { "data-meet-participant-presenting": "true" } : {},
       children: [
         showVideo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "video",
@@ -3217,6 +3418,7 @@ function ParticipantTile({
             muted: participant.isLocal
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__tile-placeholder", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: featured ? 96 : 56 }) }),
+        presenting ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__tile-presenting", role: "status", children: participant.isLocal ? "You are presenting" : `${participant.displayName} is presenting` }) : null,
         participant.handRaised ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__tile-hand", title: `Hand raised \xB7 ${ordinal(handPosition)} in line`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HandIcon, { width: 14, height: 14 }),
           handPosition > 0 ? handPosition : null
@@ -3317,6 +3519,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();
@@ -3384,7 +3587,7 @@ function ControlBar({ onLeave }) {
     panel !== "people" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KnockNotice, { onView: () => setPanel("people") }) : null,
     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)",
@@ -3393,7 +3596,7 @@ 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)(
+      live.cameraLocked ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         ControlButton,
         {
           label: room.local?.cameraEnabled === true ? "Stop video (\u2318E)" : "Start video (\u2318E)",
@@ -3402,6 +3605,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,
         {
@@ -3466,6 +3670,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,
@@ -3521,6 +3726,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,
               {
@@ -3848,9 +4070,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
@@ -3941,6 +4199,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);
@@ -3965,7 +4224,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",
@@ -4148,7 +4407,8 @@ function PeoplePanel({
             }
           ),
           isNoteTaker(participant) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Meeting assistant" }) : null,
-          snapshot?.spotlight === participant.identity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Spotlight" }) : null
+          snapshot?.spotlight === participant.identity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Spotlight" }) : null,
+          snapshot?.presenter === participant.identity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", "data-meet-presenting": "true", children: "Presenting" }) : null
         ] }),
         participant.handRaised ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HandIcon, { width: 14, height: 14 }) : null,
         !participant.micEnabled && !isNoteTaker(participant) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicOffIcon, { width: 14, height: 14 }) : null,
@@ -4336,6 +4596,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,
         {
@@ -4841,8 +5108,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)(
@@ -4865,7 +5143,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();