@ai-matrx/meet 0.11.43 → 0.11.45

package/dist/skins/meet.cjs

@@ -48,6 +48,7 @@ __export(meet_exports, {
   ChatIcon: () => ChatIcon,
   ChatPanel: () => ChatPanel,
   CheckIcon: () => CheckIcon,
+  ChevronUpIcon: () => ChevronUpIcon,
   CloseIcon: () => CloseIcon,
   ConnectionDot: () => ConnectionDot,
   ConsentNotice: () => ConsentNotice,
@@ -114,6 +115,33 @@ var import_react10 = require("react");
 // src/react/facade.ts
 var import_react8 = require("react");
 
+// src/core/phase.ts
+var LIVE_PHASES = /* @__PURE__ */ new Set(["joining", "in_call"]);
+var WAITING_PHASES = /* @__PURE__ */ new Set([
+  "waiting:host_not_started",
+  "waiting:knocking",
+  "denied",
+  "knock_expired"
+]);
+var RETRYABLE_REFUSALS = /* @__PURE__ */ new Set([
+  "refused:locked",
+  "refused:too_early",
+  "refused:meeting_full",
+  "refused:platform_capacity"
+]);
+function isLivePhase(phase) {
+  return LIVE_PHASES.has(phase);
+}
+function isWaitingPhase(phase) {
+  return WAITING_PHASES.has(phase);
+}
+function isRefusedPhase(phase) {
+  return phase.startsWith("refused:");
+}
+function reasonOf(phase) {
+  return isRefusedPhase(phase) ? phase.slice("refused:".length) : null;
+}
+
 // src/core/names.ts
 var CONNECTION_SEPARATOR = "~";
 function personOf(identity) {
@@ -390,11 +418,13 @@ function minutesLeft(policy, startedAtMs, nowMs) {
 }
 
 // src/core/attendance.ts
+var IDLE_PREVIEW = { state: "idle", unavailable: null };
 var IDLE_MEDIA_REGION = {
   permission: { microphone: "unknown", camera: "unknown" },
   audioOutput: "ok",
   notice: null,
-  offer: null
+  offer: null,
+  preview: { microphone: IDLE_PREVIEW, camera: IDLE_PREVIEW }
 };
 var IDLE_TRACK = { enabled: false, unavailable: null };
 var IDLE_MEDIA = {
@@ -427,27 +457,6 @@ function isObserverRole(role) {
   return role === "viewer";
 }
 
-// src/core/phase.ts
-var LIVE_PHASES = /* @__PURE__ */ new Set(["joining", "in_call"]);
-var WAITING_PHASES = /* @__PURE__ */ new Set([
-  "waiting:host_not_started",
-  "waiting:knocking",
-  "denied",
-  "knock_expired"
-]);
-function isLivePhase(phase) {
-  return LIVE_PHASES.has(phase);
-}
-function isWaitingPhase(phase) {
-  return WAITING_PHASES.has(phase);
-}
-function isRefusedPhase(phase) {
-  return phase.startsWith("refused:");
-}
-function reasonOf(phase) {
-  return isRefusedPhase(phase) ? phase.slice("refused:".length) : null;
-}
-
 // src/core/app-panel.ts
 function appPanelOf(meeting) {
   const raw = meeting?.metadata?.["app_panel"];
@@ -615,7 +624,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";
@@ -709,6 +718,21 @@ function observedDevice(track, permission = "unknown", held = null) {
   const reason = deviceUnavailableReason(track, permission);
   return reason === null ? "muted_by_me" : `unavailable:${reason}`;
 }
+function observedPreview(preview, permission = "unknown") {
+  if (permission === "denied") return "unavailable:denied";
+  switch (preview.state) {
+    case "on":
+      return "on";
+    case "off":
+      return "muted_by_me";
+    case "prompting":
+      return "prompting";
+    case "unavailable":
+      return `unavailable:${preview.unavailable?.reason ?? "failed"}`;
+    default:
+      return null;
+  }
+}
 function endedRecord(snapshot, given) {
   const record = snapshot?.meeting ?? given;
   return record !== null && record.endedAt !== null;
@@ -732,18 +756,22 @@ function observe(input) {
   const canAdmit = actual !== "none" && ADMITTER_ROLES.has(actual);
   const role = actual === "none" || snapshot === null ? "none" : observedRole(actual, effectiveStanding(snapshot));
   const deviceInPlay = phase === "joining" || inCall;
+  const region = snapshot?.mediaRegion;
+  const atPrejoin = phase === "prejoin" && region !== void 0;
   return {
     phase,
     reason: phase === "ended" ? snapshot?.reason ?? null : snapshot?.reason ?? reasonOf(phase),
     role,
-    connection: snapshot?.connection ?? "stable",
+    // `net-blip`: in the call, a drop shorter than `reconnect_banner_delay_ms` is not something the
+    // person sees — the contract says what is on screen, so it reads `stable` until the banner shows.
+    connection: snapshot === null ? "stable" : inCall && snapshot.connection !== "stable" && !snapshot.connectionBanner ? "stable" : snapshot.connection,
     hostPresent: inCall && snapshot !== null ? snapshot.participants.some((p) => ADMITTER_ROLES.has(p.role)) : snapshot !== null && isWaitingPhase(snapshot.phase) ? snapshot.waiting?.admittersPresent ?? null : null,
     lobbyCount: canAdmit && snapshot !== null ? snapshot.lobby.filter((entry) => entry.state === "knocking").length : 0,
     recording: snapshot?.recording === "recording" || snapshot?.recording === "stopping",
     // S6c: the autoplay region is known only inside the room (no remote audio exists elsewhere).
     audioBlocked: inCall && snapshot !== null ? snapshot.mediaRegion.audioOutput === "blocked" : null,
-    camera: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.camera, snapshot.mediaRegion.permission.camera, lockedFor(snapshot, "camera", inCall)) : null,
-    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone, snapshot.mediaRegion.permission.microphone, lockedFor(snapshot, "microphone", inCall)) : null
+    camera: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.camera, snapshot.mediaRegion.permission.camera, lockedFor(snapshot, "camera", inCall)) : atPrejoin ? observedPreview(region.preview.camera, region.permission.camera) : null,
+    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone, snapshot.mediaRegion.permission.microphone, lockedFor(snapshot, "microphone", inCall)) : atPrejoin ? observedPreview(region.preview.microphone, region.permission.microphone) : null
   };
 }
 function lockedFor(snapshot, kind, inCall) {
@@ -1267,7 +1295,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_react5.useCallback)(
       async (request) => requireEngine(engine, "join").join(request),
       [engine]
@@ -1693,6 +1722,12 @@ function useMediaSupervisor() {
     retry: (0, import_react5.useCallback)(
       async (kind) => kind === "microphone" ? engine?.setMicrophoneEnabled(true) : engine?.setCameraEnabled(true),
       [engine]
+    ),
+    reportPreview: (0, import_react5.useCallback)(
+      (kind, outcome) => {
+        void engine?.previewDevice(kind, outcome);
+      },
+      [engine]
     )
   };
 }
@@ -2013,6 +2048,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,
@@ -2033,6 +2101,10 @@ function actionsFor(host) {
     leave: () => engine.leave(),
     backToPrejoin: () => engine.backToPrejoin(),
     retry: () => {
+      if (RETRYABLE_REFUSALS.has(store.snapshot().phase)) {
+        void engine.rejoin().catch(() => void 0);
+        return;
+      }
       store.dispatch({ type: "retry", click: true });
     },
     resolved: () => {
@@ -2328,6 +2400,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");
@@ -3585,6 +3660,7 @@ 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: [
       live.micLocked ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -3596,6 +3672,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)(AudioSettingsControl, {}),
       live.cameraLocked ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         ControlButton,
         {
@@ -3711,6 +3788,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)(
@@ -3756,6 +3840,7 @@ function ControlBar({ onLeave }) {
                 ]
               }
             ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WaitingRoomRule, {}),
             queue.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               MenuItem,
               {
@@ -3975,6 +4060,58 @@ function MenuItem({
     }
   );
 }
+var LOBBY_BYPASS_CHOICES = [
+  { value: "everyone", label: "Everyone" },
+  { value: "org_and_invited", label: "Your organization and invited people" },
+  { value: "org", label: "Your organization" },
+  { value: "invited", label: "Invited people" },
+  { value: "host_only", label: "Only hosts" }
+];
+function WaitingRoomRule() {
+  const host = useRequiredMeetHost();
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  const [value, setValue] = (0, import_react10.useState)(null);
+  const [notice, setNotice] = (0, import_react10.useState)(null);
+  (0, import_react10.useEffect)(() => {
+    let live = true;
+    void host.meetings.meetingRule("lobby_bypass").then((rule) => {
+      if (live) setValue(typeof rule === "string" ? rule : null);
+    }).catch(() => void 0);
+    return () => {
+      live = false;
+    };
+  }, [host]);
+  const current = LOBBY_BYPASS_CHOICES.find((choice) => choice.value === value)?.label ?? null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MenuItem, { onSelect: () => setOpen(!open), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LockIcon, { width: 16, height: 16 }),
+      " Who can skip the waiting room",
+      current !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__menu-value", children: current }) : null
+    ] }),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { role: "group", "aria-label": "Who can skip the waiting room", "data-meet-rule": "lobby_bypass", children: [
+      LOBBY_BYPASS_CHOICES.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": choice.value === value,
+          className: "mx-meet__menu-item mx-meet__menu-item--sub",
+          onClick: () => {
+            setNotice(null);
+            void host.meetings.setMeetingRule("lobby_bypass", choice.value).then(() => setValue(choice.value)).catch((error) => setNotice(error instanceof Error ? error.message : String(error)));
+          },
+          children: [
+            choice.value === value ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { width: 14, height: 14 }) : null,
+            " ",
+            choice.label
+          ]
+        },
+        choice.value
+      )),
+      notice !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__menu-note", role: "status", children: notice }) : null
+    ] }) : null
+  ] });
+}
 function Toast({ text, failed, onDone }) {
   (0, import_react10.useEffect)(() => {
     const timer = setTimeout(onDone, failed ? 7e3 : 4e3);
@@ -3985,6 +4122,94 @@ function Toast({ text, 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();
@@ -4834,14 +5059,20 @@ async function playTestSound(sinkId) {
   audio.pause();
   await context.close();
 }
-function useMicrophoneStream(deviceId) {
+function useMicrophoneStream(deviceId, 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 (deviceId === "off") return void 0;
+    if (deviceId === "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: deviceId === null ? true : { deviceId: { exact: deviceId } } }).then((next) => {
       if (!live) {
         next.getTracks().forEach((track) => track.stop());
@@ -4849,15 +5080,49 @@ function useMicrophoneStream(deviceId) {
       }
       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);
     };
-  }, [deviceId]);
+  }, [deviceId, 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;
@@ -4935,7 +5200,11 @@ function WaitingList({ lobby }) {
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Avatar, { name: entry.displayName, url: entry.avatarUrl, size: 32 }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__person-name", children: [
             entry.displayName,
-            entry.userId === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Guest" }) : null
+            entry.userId === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Guest" }) : null,
+            entry.flag === "previously_removed" ? (
+              // `mod-removed-bypass`: advice for the host, never a block — Admit stays.
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge mx-meet__badge--warn", "data-meet-notice": "knock-flagged", children: "Previously removed" })
+            ) : null
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ControlButton, { label: `Admit ${entry.displayName}`, onClick: () => void lobby.admit(entry), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { width: 16, height: 16 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -5187,8 +5456,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)(() => {
@@ -5232,6 +5508,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.",
@@ -5334,16 +5611,22 @@ function PreJoinBody({
     ] })
   ] });
 }
-function useCameraPreview(deviceId, effects) {
+function useCameraPreview(deviceId, 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 (deviceId === void 0) return void 0;
+    if (deviceId === void 0) {
+      reportRef.current?.("off");
+      return void 0;
+    }
     let live = true;
     setError(null);
+    reportRef.current?.("prompting");
     void createCameraPreview(deviceId, initialEffect.current).then((created) => {
       if (!live) {
         created.stop();
@@ -5351,8 +5634,10 @@ function useCameraPreview(deviceId, 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) : "";
@@ -5364,7 +5649,7 @@ function useCameraPreview(deviceId, effects) {
       current.current = null;
       setPreview(null);
     };
-  }, [deviceId]);
+  }, [deviceId, attempt]);
   return {
     preview,
     error,
@@ -5504,6 +5789,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 text = 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: [
@@ -5536,7 +5829,20 @@ function ExitScreen({ onLeave }) {
   const { phase, reason, host, snapshot, actions, call, connection } = useMeetCore();
   const [busy, setBusy] = (0, import_react10.useState)(false);
   const failure = snapshot?.failure ?? null;
-  const retryLeft = useCountdown(phase === "refused:lobby_rejects" ? failure?.retryAt ?? null : null);
+  const retryLeft = useCountdown(
+    phase === "refused:lobby_rejects" || phase === "refused:too_early" ? failure?.retryAt ?? null : null
+  );
+  const reaskedAtZero = (0, import_react10.useRef)(false);
+  (0, import_react10.useEffect)(() => {
+    if (phase !== "refused:too_early") {
+      reaskedAtZero.current = false;
+      return;
+    }
+    if (retryLeft === 0 && !reaskedAtZero.current) {
+      reaskedAtZero.current = true;
+      actions.retry();
+    }
+  }, [phase, retryLeft, actions]);
   const rejoin = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_design_system.Button,
     {
@@ -5574,11 +5880,19 @@ function ExitScreen({ onLeave }) {
   if (phase.startsWith("refused:")) {
     const code = phase.slice("refused:".length);
     title = REFUSED_TITLES[code] ?? "You can't join this meeting";
-    line = code === "too_early" || code === "registration_required" || code === "cancelled" ? failure?.remedy ?? null : null;
+    line = code === "too_early" || code === "registration_required" || code === "cancelled" || code === "wrong_account" ? failure?.remedy ?? null : null;
+    if (code === "too_early" && retryLeft !== null && retryLeft > 0) line = `Opens in ${clockText(retryLeft)}`;
     actionsNode = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { type: "button", variant: "outline", onClick: actions.retry, children: "Try again" }),
       home
     ] });
+    if (code === "sign_in_required" || code === "wrong_account") {
+      const back = typeof window === "undefined" ? "/" : `${window.location.pathname}${window.location.search}`;
+      actionsNode = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: `/login?redirectTo=${encodeURIComponent(back)}`, children: code === "sign_in_required" ? "Sign in" : "Switch account" }) }),
+        home
+      ] });
+    }
     if (code === "lobby_rejects") {
       if (retryLeft !== null && retryLeft > 0) {
         line = `You can ask again in ${clockText(retryLeft)}`;
@@ -5616,6 +5930,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";