@ai-matrx/meet 0.11.46 → 0.11.48

package/dist/skins/meet.cjs

@@ -394,17 +394,34 @@ function recordingLabel(state) {
 
 // src/core/live-policy.ts
 var DEFAULT_LIVE_POLICY = {
+  headlessPowers: "members_admit",
   chatMode: "everyone",
   avLock: "off",
   timeLimitMinutes: 0,
   timeLimitWarningMinutes: 5,
-  recordingConsent: "notice"
+  recordingConsent: "notice",
+  shareWhoCan: "everyone",
+  shareConcurrency: "one_takeover"
 };
 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 canShareUnder(policy, role, standing) {
+  if (role === "viewer") return false;
+  if (MODERATORS.has(role)) return true;
+  switch (policy.shareWhoCan) {
+    case "host_only":
+      return false;
+    case "presenters":
+      return role === "presenter";
+    case "org":
+      return role === "presenter" || standing === "member";
+    default:
+      return true;
+  }
+}
 function consentPending(policy, role, recordingOn, given) {
   return recordingOn && !given && policy.recordingConsent !== "notice" && !MODERATORS.has(role);
 }
@@ -416,6 +433,12 @@ function minutesLeft(policy, startedAtMs, nowMs) {
   if (policy.timeLimitMinutes <= 0 || startedAtMs === null) return null;
   return Math.ceil((startedAtMs + policy.timeLimitMinutes * 6e4 - nowMs) / 6e4);
 }
+function mayAdmitNow(role, participants, policy) {
+  if (role === "none") return false;
+  if (role === "host" || role === "cohost") return true;
+  const hostIn = participants.some((p) => p.role === "host" || p.role === "cohost");
+  return !hostIn && policy.headlessPowers === "members_admit";
+}
 
 // src/core/attendance.ts
 var IDLE_PREVIEW = { state: "idle", unavailable: null };
@@ -753,7 +776,7 @@ function observe(input) {
   const phase = observedPhase(input);
   const inCall = phase === "in_call";
   const actual = inCall && snapshot !== null ? effectiveRole(snapshot) : "none";
-  const canAdmit = actual !== "none" && ADMITTER_ROLES.has(actual);
+  const canAdmit = snapshot !== null && mayAdmitNow(actual, snapshot.participants, snapshot.livePolicy);
   const role = actual === "none" || snapshot === null ? "none" : observedRole(actual, effectiveStanding(snapshot));
   const deviceInPlay = phase === "joining" || inCall;
   const region = snapshot?.mediaRegion;
@@ -1114,6 +1137,7 @@ async function moveToRoom(runtime, roomId) {
   if (runtime === null) return { ok: false, message: "This meeting is not connected." };
   try {
     await runtime.engine.moveToBreakout(roomId);
+    await runtime.inRoom.loadCollab?.().catch(() => void 0);
     return { ok: true, message: roomId === null ? "Back in the main room." : "Joined the breakout room." };
   } catch (error) {
     return { ok: false, message: error.message ?? "That room could not be joined." };
@@ -1283,6 +1307,13 @@ function requireSession(session, action) {
   if (session === null) throw noRuntime(action);
   return session;
 }
+function otherPresenterOf(snapshot) {
+  if (snapshot === null || snapshot.presenter === null || snapshot.presenter === snapshot.localIdentity) return null;
+  const rule = snapshot.livePolicy.shareConcurrency;
+  if (rule === "multiple") return null;
+  const who = snapshot.participants.find((p) => p.identity === snapshot.presenter);
+  return who === void 0 ? null : { name: who.displayName, rule };
+}
 function useRoom() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
@@ -1297,7 +1328,9 @@ function useRoom() {
     secondDevice: snapshot?.secondDevice ?? null,
     local,
     // 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),
+    sharingAllowed: snapshot === null || canShareUnder(snapshot.livePolicy, effectiveRole(snapshot), effectiveStanding(snapshot)),
+    canShareScreen: (engine?.supportsScreenShare() ?? true) && !isObserverRole(snapshot?.grants.role ?? null) && (snapshot === null || canShareUnder(snapshot.livePolicy, effectiveRole(snapshot), effectiveStanding(snapshot))),
+    otherPresenter: otherPresenterOf(snapshot),
     join: (0, import_react5.useCallback)(
       async (request) => requireEngine(engine, "join").join(request),
       [engine]
@@ -1395,7 +1428,7 @@ function useLobby() {
     declined: (snapshot?.lobby ?? []).filter((entry) => entry.state === "denied"),
     // No runtime means no host powers — `<LobbyPanel>` renders nothing rather
     // than an admit button that would throw.
-    canAdmit: session !== null && isHost,
+    canAdmit: session !== null && (isHost || snapshot !== null && snapshot.phase === "in_call" && mayAdmitNow(snapshot.participants.find((p) => p.identity === snapshot.localIdentity)?.role ?? "none", snapshot.participants, snapshot.livePolicy)),
     admit: (0, import_react5.useCallback)(
       async (entry) => requireSession(session, "admit").admit(entry, true),
       [session]
@@ -3509,7 +3542,8 @@ function ParticipantTile({
             participant.isLocal ? " (you)" : "",
             participant.isAgent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "AI" }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RoleBadge, { role: participant.role, standing: participant.standing }),
-            participant.reconnecting === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Reconnecting\u2026" }) : null
+            participant.reconnecting === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Reconnecting\u2026" }) : null,
+            participant.reconnecting !== true && participant.videoPaused === true && !participant.isLocal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", "data-meet-video-paused": "", children: "Video paused to save audio" }) : null
           ] }),
           !participant.micEnabled ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicOffIcon, { width: 14, height: 14 }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QualityBars, { quality: participant.quality })
@@ -3599,6 +3633,8 @@ function ControlBar({ onLeave }) {
   const queue = useHandQueue();
   const micUnavailable = useLocalMedia().microphone.unavailable;
   const live = useLivePolicy();
+  const core = useMeetCore();
+  const [askPresentInstead, setAskPresentInstead] = (0, import_react10.useState)(false);
   const unread = useUnreadChat(panel === "chat");
   const [whiteboard, setWhiteboard] = (0, import_react10.useState)(false);
   const app = useMeetAppPanel();
@@ -3687,15 +3723,39 @@ function ControlBar({ onLeave }) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CaptionsControl, {}),
-      room.canShareScreen || room.local?.screenSharing === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        ControlButton,
-        {
-          label: room.local?.screenSharing === true ? "Stop sharing" : "Share screen",
-          active: room.local?.screenSharing === true,
-          onClick: () => void room.toggleScreenShare(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScreenShareIcon, {})
-        }
-      ) : null,
+      room.canShareScreen || room.local?.screenSharing === true && core.share.state !== "ended" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__anchor", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ControlButton,
+          {
+            label: room.local?.screenSharing === true ? "Stop sharing" : "Share screen",
+            active: room.local?.screenSharing === true,
+            onClick: () => {
+              if (room.local?.screenSharing !== true && room.otherPresenter !== null) setAskPresentInstead(true);
+              else void room.toggleScreenShare();
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScreenShareIcon, {})
+          }
+        ),
+        askPresentInstead && room.otherPresenter !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__confirm", role: "group", "aria-label": "Someone else is presenting", "data-meet-notice": "share-takeover", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__confirm-text", children: [
+            room.otherPresenter.name,
+            " is presenting"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "mx-meet__primary mx-meet__primary--small",
+              onClick: () => {
+                setAskPresentInstead(false);
+                void room.toggleScreenShare();
+              },
+              children: room.otherPresenter.rule === "one_takeover" ? "Present instead" : "Share anyway"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: () => setAskPresentInstead(false), children: "Cancel" })
+        ] }) : null
+      ] }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__anchor", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ControlButton,
@@ -3792,7 +3852,7 @@ function ControlBar({ onLeave }) {
               ]
             }
           ),
-          !room.canShareScreen && room.local?.screenSharing !== true ? (
+          !room.canShareScreen && room.sharingAllowed && 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 }),
@@ -5797,13 +5857,53 @@ function MeetSkinRoom({
     ] }),
     core.connectionBanner && core.connection !== "stable" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": `connection-${core.connection}`, children: CONNECTION_BANNER[core.connection] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ShareNotice, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NetworkNotice, {}),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Stage, {}),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Captions, {}),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ControlBar, { ...onLeave !== void 0 ? { onLeave } : {} })
   ] });
 }
+var RESTRICTED_NOTICE_MS = 3e4;
+function NetworkNotice() {
+  const { snapshot, connectionBanner } = useMeetCore();
+  const room = useRoom();
+  const network = snapshot?.localNetwork;
+  const [closed, setClosed] = (0, import_react10.useState)(() => /* @__PURE__ */ new Set());
+  const [restrictedSince, setRestrictedSince] = (0, import_react10.useState)(null);
+  const [, setTick] = (0, import_react10.useState)(0);
+  const restricted = network?.path === "restricted";
+  (0, import_react10.useEffect)(() => {
+    if (!restricted || restrictedSince !== null) return;
+    setRestrictedSince(Date.now());
+    const timer = setTimeout(() => setTick((n) => n + 1), RESTRICTED_NOTICE_MS + 50);
+    return () => clearTimeout(timer);
+  }, [restricted, restrictedSince]);
+  if (network === void 0 || snapshot?.phase !== "in_call" || connectionBanner) return null;
+  const close = (code) => () => setClosed((prev) => /* @__PURE__ */ new Set([...prev, code]));
+  const cameraOn = room.local?.cameraEnabled === true;
+  if (network.videoPaused && !cameraOn) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "video-paused", children: [
+      "Your video is paused to save your audio",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: () => void room.toggleCamera(), children: "Try video again" })
+    ] });
+  }
+  if (network.quality === "poor" && !closed.has("connection-poor")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "connection-poor", children: [
+      "Your connection is unstable",
+      cameraOn ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: () => void room.toggleCamera(), children: "Turn off camera" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: close("connection-poor"), children: "Dismiss" })
+    ] });
+  }
+  if (restricted && !closed.has("restricted-network") && restrictedSince !== null && Date.now() - restrictedSince < RESTRICTED_NOTICE_MS) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": "restricted-network", children: [
+      "Restricted network \xB7 quality may be reduced",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: close("restricted-network"), children: "Dismiss" })
+    ] });
+  }
+  return null;
+}
 function ShareNotice() {
-  const { share, actions } = useMeetCore();
+  const { share, actions, snapshot } = 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: [
@@ -5812,6 +5912,16 @@ function ShareNotice() {
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: () => setSoundHintClosed(share.at), children: "Dismiss" })
     ] });
   }
+  if (share.state === "ended") {
+    const replaced = share.reason === "replaced";
+    const rule = snapshot?.livePolicy.shareWhoCan ?? "host_only";
+    const why = replaced ? `${share.by ?? "Someone"} is now presenting` : rule === "presenters" ? "Sharing is turned off. Only presenters can share their screen" : rule === "org" ? "Sharing is turned off. Only people in the organization can share their screen" : "Sharing is turned off. Only the host can share their screen";
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": replaced ? "share-ended" : "share-unavailable", children: [
+      replaced ? "Your presentation ended" : "Your presentation was stopped",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__remedy", children: why }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__link", onClick: () => actions.dismissShareNotice(), 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: [
@@ -5995,8 +6105,8 @@ function ExitScreen({ onLeave }) {
         ] });
         break;
       case "unsupported":
-        title = "This browser can't join meetings";
-        line = "Open the link in Chrome, Edge, Firefox or Safari.";
+        title = "Meet is not compatible with your browser yet";
+        line = "Open this link in Chrome, Edge, Firefox or Safari.";
         break;
       case "ended":
       case "record":
@@ -6023,6 +6133,9 @@ function ExitScreen({ onLeave }) {
 function WaitingRoom({ host, onLeave }) {
   const { waiting, withdraw, askAgain } = useWaiting();
   const { phaseNotice } = useMeetCore();
+  const localMedia = useLocalMedia();
+  const { region: mediaRegion } = useMediaSupervisor();
+  const noMicrophone = localMedia.microphone.unavailable !== null || mediaRegion.preview.microphone.state === "unavailable";
   const [busy, setBusy] = (0, import_react10.useState)(false);
   const admission = waiting?.admission ?? "knocking";
   const reknockLeft = useCountdown(admission === "denied" ? waiting?.reknockAt ?? null : null);
@@ -6087,6 +6200,7 @@ function WaitingRoom({ host, onLeave }) {
         children: line
       }
     ) : null,
+    noMicrophone && (admission === "knocking" || admission === "waiting_host") ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__empty-body", role: "status", "data-meet-notice": "joining-without-microphone", children: "You're joining without a microphone. You'll be able to listen, but others won't hear you." }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mx-meet__waiting-actions", children: actions })
   ] });
 }