@livo-tv/sdk 1.2.1 → 1.2.3

package/dist/studio/index.cjs

@@ -764,6 +764,12 @@ function parseStudioJoinStatus(value) {
   if (value.streamStatus !== null && streamStatus === null) return null;
   return { ready: value.ready, streamStatus };
 }
+function parsePublicStreamStatus(value) {
+  if (!isRecord(value)) return null;
+  const nested = isRecord(value.stream) ? value.stream : value;
+  const status = readString(nested, "status");
+  return status;
+}
 function studioErrorCode(error) {
   if (!error || typeof error !== "object") return null;
   const body = "body" in error ? error.body : null;
@@ -771,6 +777,90 @@ function studioErrorCode(error) {
   return body.error;
 }
 
+// src/studio/lib/studio-sounds.ts
+var CHAT_DEBOUNCE_MS = 400;
+var CHAT_HZ = 880;
+var CHAT_MS = 80;
+var REQUEST_LOW_HZ = 660;
+var REQUEST_HIGH_HZ = 880;
+var REQUEST_NOTE_MS = 80;
+var GAIN = 0.1;
+var ctx = null;
+var lastChatAt = 0;
+function audioContextCtor() {
+  if (typeof window === "undefined") return null;
+  return window.AudioContext || window.webkitAudioContext || null;
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return false;
+  }
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function ensureContext() {
+  const AudioCtx = audioContextCtor();
+  if (!AudioCtx) return null;
+  if (!ctx || ctx.state === "closed") {
+    ctx = new AudioCtx();
+  }
+  return ctx;
+}
+function unlockStudioSounds() {
+  const context = ensureContext();
+  if (!context) return;
+  void context.resume();
+}
+function playTone(context, frequency, startAt, durationSec) {
+  const oscillator = context.createOscillator();
+  const gain = context.createGain();
+  oscillator.type = "sine";
+  oscillator.frequency.value = frequency;
+  gain.gain.setValueAtTime(GAIN, startAt);
+  gain.gain.exponentialRampToValueAtTime(1e-3, startAt + durationSec);
+  oscillator.connect(gain);
+  gain.connect(context.destination);
+  oscillator.start(startAt);
+  oscillator.stop(startAt + durationSec);
+}
+function playNow(context, kind) {
+  const now = context.currentTime;
+  if (kind === "chat") {
+    playTone(context, CHAT_HZ, now, CHAT_MS / 1e3);
+    return;
+  }
+  playTone(context, REQUEST_LOW_HZ, now, REQUEST_NOTE_MS / 1e3);
+  playTone(
+    context,
+    REQUEST_HIGH_HZ,
+    now + REQUEST_NOTE_MS / 1e3,
+    REQUEST_NOTE_MS / 1e3
+  );
+}
+function playStudioSound(kind) {
+  if (prefersReducedMotion()) return;
+  if (kind === "chat") {
+    const at = Date.now();
+    if (at - lastChatAt < CHAT_DEBOUNCE_MS) return;
+    lastChatAt = at;
+  }
+  const context = ensureContext();
+  if (!context) return;
+  const run = () => {
+    if (context.state !== "running") return;
+    playNow(context, kind);
+  };
+  if (context.state === "running") {
+    run();
+    return;
+  }
+  void context.resume().then(run, () => void 0);
+}
+if (typeof document !== "undefined") {
+  document.addEventListener("pointerdown", unlockStudioSounds, {
+    passive: true
+  });
+}
+
 // src/studio/lib/bridge.ts
 function postLivoEvent(type, payload) {
   if (typeof window === "undefined") return;
@@ -1184,9 +1274,9 @@ function AudioWaveform({
     if (!canvas || !track || reducedMotion) return;
     const AudioCtx = window.AudioContext || window.webkitAudioContext;
     if (!AudioCtx) return;
-    const ctx = new AudioCtx();
-    const source = ctx.createMediaStreamSource(new MediaStream([track]));
-    const analyser = ctx.createAnalyser();
+    const ctx2 = new AudioCtx();
+    const source = ctx2.createMediaStreamSource(new MediaStream([track]));
+    const analyser = ctx2.createAnalyser();
     analyser.fftSize = 64;
     source.connect(analyser);
     const data = new Uint8Array(analyser.frequencyBinCount);
@@ -1215,7 +1305,7 @@ function AudioWaveform({
     frame = requestAnimationFrame(draw);
     return () => {
       cancelAnimationFrame(frame);
-      void ctx.close();
+      void ctx2.close();
     };
   }, [track, reducedMotion]);
   if (reducedMotion) {
@@ -1501,10 +1591,10 @@ async function playSpeakerTest(deviceId) {
   if (!AudioCtx) {
     throw new Error("AudioContext unavailable");
   }
-  const ctx = new AudioCtx();
-  void ctx.resume();
-  const oscillator = ctx.createOscillator();
-  const gain = ctx.createGain();
+  const ctx2 = new AudioCtx();
+  void ctx2.resume();
+  const oscillator = ctx2.createOscillator();
+  const gain = ctx2.createGain();
   oscillator.type = "sine";
   oscillator.frequency.value = TEST_HZ;
   gain.gain.value = 0.18;
@@ -1514,7 +1604,7 @@ async function playSpeakerTest(deviceId) {
     const probe = document.createElement("audio");
     const canRoute = Boolean(deviceId) && typeof probe.setSinkId === "function";
     if (canRoute && deviceId) {
-      const destination = ctx.createMediaStreamDestination();
+      const destination = ctx2.createMediaStreamDestination();
       gain.connect(destination);
       audio = probe;
       audio.autoplay = true;
@@ -1525,13 +1615,13 @@ async function playSpeakerTest(deviceId) {
         await audio.play();
       } catch {
         gain.disconnect();
-        gain.connect(ctx.destination);
+        gain.connect(ctx2.destination);
         audio.srcObject = null;
         audio.remove();
         audio = null;
       }
     } else {
-      gain.connect(ctx.destination);
+      gain.connect(ctx2.destination);
     }
     oscillator.start();
     await new Promise((resolve) => {
@@ -1543,7 +1633,7 @@ async function playSpeakerTest(deviceId) {
       audio.srcObject = null;
       audio.remove();
     }
-    await ctx.close();
+    await ctx2.close();
   }
 }
 function StudioDeviceSelectGroup({
@@ -1778,6 +1868,7 @@ function SettingsCameraPreview({
       el.srcObject = null;
       return;
     }
+    el.setAttribute("webkit-playsinline", "");
     el.srcObject = new MediaStream([track]);
     void el.play().catch(() => void 0);
     return () => {
@@ -1797,7 +1888,7 @@ function SettingsCameraPreview({
       autoPlay: true,
       muted: true,
       playsInline: true,
-      className: "absolute inset-0 size-full -scale-x-100 object-cover"
+      className: "livo-studio-inline-video absolute inset-0 size-full -scale-x-100 object-cover"
     }
   ) });
 }
@@ -1896,6 +1987,7 @@ function WaitingCameraPreview({
       el.srcObject = null;
       return;
     }
+    el.setAttribute("webkit-playsinline", "");
     el.srcObject = new MediaStream([track]);
     void el.play().catch(() => void 0);
     return () => {
@@ -1915,7 +2007,7 @@ function WaitingCameraPreview({
       autoPlay: true,
       muted: true,
       playsInline: true,
-      className: "absolute inset-0 size-full -scale-x-100 object-cover"
+      className: "livo-studio-inline-video absolute inset-0 size-full -scale-x-100 object-cover"
     }
   ) });
 }
@@ -2102,6 +2194,7 @@ function PipTrackVideo({
       el.srcObject = null;
       return;
     }
+    el.setAttribute("webkit-playsinline", "");
     el.srcObject = new MediaStream([track]);
     void el.play().catch(() => void 0);
     return () => {
@@ -2116,7 +2209,7 @@ function PipTrackVideo({
       playsInline: true,
       muted: true,
       className: cn(
-        "absolute inset-0 size-full",
+        "livo-studio-inline-video absolute inset-0 size-full",
         fit === "contain" ? "object-contain" : "object-cover"
       )
     }
@@ -2206,13 +2299,13 @@ function BubbleGroup({ className, ...props }) {
     "div",
     {
       "data-slot": "bubble-group",
-      className: cn("flex min-w-0 flex-col gap-2", className),
+      className: cn("flex min-w-min flex-col gap-2", className),
       ...props
     }
   );
 }
 var bubbleVariants = classVarianceAuthority.cva(
-  "group/bubble relative flex w-max max-w-[80%] flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
+  "group/bubble relative flex w-fit min-w-min max-w-full flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
   {
     variants: {
       variant: {
@@ -2257,7 +2350,7 @@ function BubbleContent({
     props: mergeProps.mergeProps(
       {
         className: cn(
-          "w-max max-w-full overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed break-words group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
+          "w-auto max-w-full whitespace-pre-wrap rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed [overflow-wrap:break-word] group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
           className
         )
       },
@@ -2438,17 +2531,24 @@ function StudioChatPanel({
             }
           ),
           groups.map((group) => {
-            const bubbles = group.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Bubble,
-                {
-                  align: group.mine ? "end" : "start",
-                  variant: group.mine ? "default" : "secondary",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(BubbleContent, { children: row.text })
-                }
-              ),
-              messageActions(row, group.mine)
-            ] }, row.id));
+            const bubbles = group.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: group.mine ? "ml-auto flex max-w-[80%] flex-col gap-1 self-end" : "flex max-w-[80%] flex-col gap-1 self-start",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Bubble,
+                    {
+                      align: group.mine ? "end" : "start",
+                      variant: group.mine ? "default" : "secondary",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(BubbleContent, { children: row.text })
+                    }
+                  ),
+                  messageActions(row, group.mine)
+                ]
+              },
+              row.id
+            ));
             if (group.mine) {
               return /* @__PURE__ */ jsxRuntime.jsx(BubbleGroup, { className: "items-end", children: bubbles }, group.rows[0].id);
             }
@@ -3060,7 +3160,9 @@ function StudioTileVideo({
 }) {
   const ref = react.useRef(null);
   react.useEffect(() => {
-    meeting.attachVideo(participantId, ref.current, kind);
+    const el = ref.current;
+    el?.setAttribute("webkit-playsinline", "");
+    meeting.attachVideo(participantId, el, kind);
     return () => meeting.attachVideo(participantId, null, kind);
   }, [kind, meeting, participantId]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3073,7 +3175,7 @@ function StudioTileVideo({
       disablePictureInPicture: true,
       controlsList: "nodownload noplaybackrate noremoteplayback",
       className: cn(
-        "absolute inset-0 size-full",
+        "livo-studio-tile-video absolute inset-0 size-full",
         "pointer-events-none",
         contain ? "object-contain" : "object-cover",
         mirror && "-scale-x-100"
@@ -3455,6 +3557,12 @@ function StudioRoom({
   const seenWaitlisted = react.useRef(/* @__PURE__ */ new Set());
   const knockPrimed = react.useRef(false);
   const peopleAutoOpened = react.useRef(false);
+  const seenChatIds = react.useRef(/* @__PURE__ */ new Set());
+  const chatSoundPrimed = react.useRef(false);
+  const seenStageRequests = react.useRef(/* @__PURE__ */ new Set());
+  const stageRequestPrimed = react.useRef(false);
+  const awaitingStageDecision = react.useRef(false);
+  const prevStageStatus = react.useRef(null);
   const grantCheckTimers = react.useRef([]);
   const screenNoticePrimed = react.useRef(false);
   const lastSelfMedia = react.useRef({
@@ -3483,6 +3591,9 @@ function StudioRoom({
   const rejected = isStudioRejected(roomState);
   useBeforeUnload(active && !sessionOver);
   useWakeLock(active && !sessionOver);
+  react.useEffect(() => {
+    unlockStudioSounds();
+  }, []);
   react.useEffect(() => {
     if (onAir) {
       setPublishing(false);
@@ -3708,9 +3819,57 @@ function StudioRoom({
   const incoming = chatMessages.filter((row) => row.userId !== selfUserId);
   const unread = sideTab === "chat" ? 0 : Math.max(0, incoming.length - seenIncoming);
   const peopleBadge = waitlisted.length + stageRequests.length;
+  const selfStageStatus = self?.stageStatus ?? meeting.stageStatus();
   react.useEffect(() => {
     if (sideTab === "chat") setSeenIncoming(incoming.length);
   }, [incoming.length, sideTab]);
+  react.useEffect(() => {
+    if (!chatSoundPrimed.current) {
+      for (const row of incoming) seenChatIds.current.add(row.id);
+      chatSoundPrimed.current = true;
+      return;
+    }
+    for (const row of incoming) {
+      if (seenChatIds.current.has(row.id)) continue;
+      seenChatIds.current.add(row.id);
+      playStudioSound("chat");
+    }
+  }, [incoming]);
+  react.useEffect(() => {
+    if (session.role !== "moderator") return;
+    if (!stageRequestPrimed.current) {
+      for (const row of stageRequests) {
+        seenStageRequests.current.add(row.userId);
+      }
+      stageRequestPrimed.current = true;
+      return;
+    }
+    for (const row of stageRequests) {
+      if (seenStageRequests.current.has(row.userId)) continue;
+      seenStageRequests.current.add(row.userId);
+      playStudioSound("request");
+    }
+  }, [session.role, stageRequests]);
+  react.useEffect(() => {
+    const next = selfStageStatus;
+    const prev = prevStageStatus.current;
+    prevStageStatus.current = next;
+    if (session.role !== "guest") return;
+    if (next === "REQUESTED_TO_JOIN_STAGE") {
+      awaitingStageDecision.current = true;
+      return;
+    }
+    if (!awaitingStageDecision.current) return;
+    if (next === "ACCEPTED_TO_JOIN_STAGE" || next === "ON_STAGE") {
+      awaitingStageDecision.current = false;
+      sonner.toast.success(labels.stageApproved);
+      return;
+    }
+    if (next === "OFF_STAGE" && prev === "REQUESTED_TO_JOIN_STAGE") {
+      awaitingStageDecision.current = false;
+      sonner.toast.message(labels.stageDenied);
+    }
+  }, [labels.stageApproved, labels.stageDenied, selfStageStatus, session.role]);
   react.useEffect(() => {
     if (session.role === "moderator" && waitlisted.length > 0 && !peopleAutoOpened.current) {
       peopleAutoOpened.current = true;
@@ -3727,7 +3886,10 @@ function StudioRoom({
       if (seenWaitlisted.current.has(guest.id)) continue;
       seenWaitlisted.current.add(guest.id);
       sonner.toast.message(labels.knock.replace("{name}", guest.name));
-      if (session.role === "moderator") setSideTab("people");
+      if (session.role === "moderator") {
+        playStudioSound("request");
+        setSideTab("people");
+      }
     }
   }, [labels.knock, session.role, waitlisted]);
   react.useEffect(() => {
@@ -3764,6 +3926,7 @@ function StudioRoom({
       }
       if (message.type === "share-request") {
         if (session.role !== "moderator") return;
+        playStudioSound("request");
         sonner.toast.message(labels.shareRequestFrom.replace("{name}", message.name), {
           id: `share-request:${message.participantId}`,
           action: {
@@ -4139,10 +4302,13 @@ function StudioRoom({
           size: "icon-sm",
           "aria-label": labels.share,
           onClick: () => {
-            void navigator.clipboard.writeText(
-              playerWatchUrl(session.stream.id, playerOrigin)
-            );
-            sonner.toast.success(labels.shareCopied);
+            void shareOrCopyLink({
+              url: playerWatchUrl(session.stream.id, playerOrigin),
+              title: session.stream.title
+            }).then((result) => {
+              if (result === "copied") sonner.toast.success(labels.shareCopied);
+              if (result === "failed") sonner.toast.error(labels.shareFailed);
+            });
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, {})
         }
@@ -4475,6 +4641,7 @@ function StudioDevicePreflight({
         setMicOk(Boolean(audio));
         setAudioTrack(audio);
         if (videoRef.current) {
+          videoRef.current.setAttribute("webkit-playsinline", "");
           videoRef.current.srcObject = video ? next : null;
         }
         bindEnded(next, gen);
@@ -4504,7 +4671,7 @@ function StudioDevicePreflight({
         autoPlay: true,
         muted: true,
         playsInline: true,
-        className: "bg-muted aspect-video w-full rounded-xl object-cover"
+        className: "livo-studio-inline-video bg-muted aspect-video w-full rounded-xl object-cover"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted flex aspect-video w-full items-center justify-center rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: cameraOffLabel }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -4726,7 +4893,11 @@ function isRecorder(participant) {
 function resolvedName(participant, nameOverrides) {
   return nameOverrides.get(participant.id) ?? (participant.userId ? nameOverrides.get(participant.userId) : void 0) ?? participant.name?.trim() ?? "Guest";
 }
-function tileFrom(participant, selfId, pinnedIds, chatSend, nameOverrides) {
+function resolveTileStageStatus(participant, stageEnabled, fallback) {
+  if (!stageEnabled) return "ON_STAGE";
+  return participant.stageStatus ?? fallback ?? "OFF_STAGE";
+}
+function tileFrom(participant, selfId, pinnedIds, chatSend, nameOverrides, stageStatus) {
   return {
     id: participant.id,
     userId: participant.userId ?? "",
@@ -4736,7 +4907,7 @@ function tileFrom(participant, selfId, pinnedIds, chatSend, nameOverrides) {
     videoEnabled: participant.videoEnabled === true,
     screenShareEnabled: participant.screenShareEnabled === true,
     picture: participant.picture ?? null,
-    stageStatus: participant.stageStatus ?? "ON_STAGE",
+    stageStatus,
     pinned: participant.isPinned === true || pinnedIds.has(participant.id),
     chatCanSend: chatSend.get(participant.id) ?? true
   };
@@ -4765,44 +4936,42 @@ function screenShareTrack(meeting, participantId) {
   }
   return findParticipant(meeting, participantId)?.screenShareTracks?.video ?? null;
 }
-var pendingAudioPlay = /* @__PURE__ */ new Set();
-function replayPendingAudio() {
-  for (const el of pendingAudioPlay) {
-    void el.play().then(
-      () => {
-        pendingAudioPlay.delete(el);
-      },
-      () => void 0
-    );
+var pendingMediaPlay = /* @__PURE__ */ new Set();
+function tryPlay(el) {
+  if (typeof el.play !== "function") return;
+  void el.play().then(
+    () => {
+      pendingMediaPlay.delete(el);
+    },
+    () => {
+      pendingMediaPlay.add(el);
+    }
+  );
+}
+function replayPendingMedia() {
+  for (const el of pendingMediaPlay) {
+    tryPlay(el);
   }
 }
 if (typeof document !== "undefined") {
-  document.addEventListener("pointerdown", replayPendingAudio, {
+  document.addEventListener("pointerdown", replayPendingMedia, {
     passive: true
   });
 }
 function bindTrackElement(el, track, kind) {
   if (!track) {
     el.srcObject = null;
-    if (el instanceof HTMLAudioElement) pendingAudioPlay.delete(el);
+    pendingMediaPlay.delete(el);
     return;
   }
   const current = el.srcObject;
   const currentTrack = current instanceof MediaStream ? kind === "video" ? current.getVideoTracks()[0] : current.getAudioTracks()[0] : void 0;
   if (currentTrack?.id === track.id) {
+    if (el.paused) tryPlay(el);
     return;
   }
   el.srcObject = new MediaStream([track]);
-  if (typeof el.play === "function") {
-    void el.play().then(
-      () => {
-        if (el instanceof HTMLAudioElement) pendingAudioPlay.delete(el);
-      },
-      () => {
-        if (el instanceof HTMLAudioElement) pendingAudioPlay.add(el);
-      }
-    );
-  }
+  tryPlay(el);
 }
 function roomLeftState(payload, fallback) {
   if (typeof payload === "string" && payload) return payload;
@@ -5280,7 +5449,7 @@ function studioMeetingFromRtk(raw) {
       notifyStage();
     },
     async joinStage() {
-      if (currentStageStatus() === "ON_STAGE") {
+      if (meeting.self?.stageStatus === "ON_STAGE") {
         notifyStage();
         return;
       }
@@ -5289,14 +5458,15 @@ function studioMeetingFromRtk(raw) {
         notifyStage();
         return;
       }
+      const userId = meeting.self?.userId;
+      if (userId) {
+        await meeting.stage?.grantAccess?.([userId]);
+      }
       try {
         await meeting.stage?.join?.();
-      } catch {
-        const userId = meeting.self?.userId;
-        if (userId) {
-          await meeting.stage?.grantAccess?.([userId]);
-        }
-        await meeting.stage?.join?.();
+      } catch (error) {
+        notifyStage();
+        throw error;
       }
       joinedStageLocally = true;
       await republishCameraIfOn();
@@ -5304,6 +5474,7 @@ function studioMeetingFromRtk(raw) {
     },
     async leaveStage() {
       await meeting.stage?.leave?.();
+      joinedStageLocally = false;
       notifyStage();
     },
     stageStatus() {
@@ -5385,10 +5556,27 @@ function studioMeetingFromRtk(raw) {
     participants() {
       const self = meeting.self;
       const pinned = pinnedIdSet();
-      const joinedRows = asList(meeting.participants?.joined).filter((row) => row.id !== self?.id && !isRecorder(row)).map((row) => tileFrom(row, self?.id, pinned, chatSend, nameOverrides));
+      const stageEnabled = self?.permissions?.stageEnabled !== false;
+      const joinedRows = asList(meeting.participants?.joined).filter((row) => row.id !== self?.id && !isRecorder(row)).map(
+        (row) => tileFrom(
+          row,
+          self?.id,
+          pinned,
+          chatSend,
+          nameOverrides,
+          resolveTileStageStatus(row, stageEnabled)
+        )
+      );
       if (self?.id && !isRecorder(self)) {
         joinedRows.unshift(
-          tileFrom(self, self.id, pinned, chatSend, nameOverrides)
+          tileFrom(
+            self,
+            self.id,
+            pinned,
+            chatSend,
+            nameOverrides,
+            resolveTileStageStatus(self, stageEnabled, meeting.stage?.status)
+          )
         );
       }
       return joinedRows;
@@ -5766,6 +5954,21 @@ async function getStudioJoinStatus(token, apiUrl = defaultApiUrl(), fetchFn = fe
     throw error;
   }
 }
+async function getPublicStreamStatus(streamId, apiUrl = defaultApiUrl(), fetchFn = fetch) {
+  try {
+    const body = await publicJson(
+      `${apiUrl.replace(/\/$/, "")}/public/streams/${encodeURIComponent(streamId)}`,
+      {},
+      fetchFn
+    );
+    return parsePublicStreamStatus(body);
+  } catch (error) {
+    if (error instanceof StudioApiError && (error.status === 404 || error.status === 410)) {
+      return "ended";
+    }
+    return null;
+  }
+}
 var POLL_INTERVAL_MS = 5e3;
 function LivoHostStudio({
   token,
@@ -5860,6 +6063,7 @@ function LivoHostStudio({
   );
 }
 var POLL_INTERVAL_MS2 = 5e3;
+var PREVIEW_POLL_INTERVAL_MS = 2e3;
 function LivoGuestStudio({
   token,
   apiUrl,
@@ -5871,6 +6075,7 @@ function LivoGuestStudio({
 }) {
   const reducedMotion = usePrefersReducedMotion();
   const [session, setSession] = react.useState(null);
+  const [status, setStatus] = react.useState(null);
   const [error, setError] = react.useState(null);
   const [displayName, setDisplayName] = react.useState("");
   const [guestId, setGuestId] = react.useState("");
@@ -5920,6 +6125,7 @@ function LivoGuestStudio({
       );
       setWaitingForHost(false);
       setRetryAfterMs(null);
+      setStatus(null);
       setSession(next);
     } catch (err) {
       const code = studioErrorCode(err);
@@ -5967,6 +6173,31 @@ function LivoGuestStudio({
       window.clearInterval(id);
     };
   }, [apiUrl, join, lobbyLabels.endedTitle, token, waitingForHost]);
+  react.useEffect(() => {
+    if (!session) return;
+    const current = status ?? session.stream.status;
+    if (current === "ended" || current === "error") return;
+    let cancelled = false;
+    const poll = async () => {
+      const next = await getPublicStreamStatus(session.stream.id, apiUrl);
+      if (!cancelled && next) setStatus(next);
+    };
+    void poll();
+    const intervalMs = current === "public" ? POLL_INTERVAL_MS2 : PREVIEW_POLL_INTERVAL_MS;
+    const id = window.setInterval(() => void poll(), intervalMs);
+    return () => {
+      cancelled = true;
+      window.clearInterval(id);
+    };
+  }, [apiUrl, session, status]);
+  const liveSession = react.useMemo(() => {
+    if (!session) return null;
+    if (!status) return session;
+    return {
+      ...session,
+      stream: { ...session.stream, status }
+    };
+  }, [session, status]);
   react.useEffect(() => {
     if (retryAfterMs == null) return;
     const id = window.setTimeout(() => {
@@ -5979,7 +6210,7 @@ function LivoGuestStudio({
   if (meetingError) {
     return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive p-6", role: "alert", children: meetingError });
   }
-  if (!session || !meeting) {
+  if (!liveSession || !meeting) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       StudioGuestLobby,
       {
@@ -6004,7 +6235,7 @@ function LivoGuestStudio({
   return /* @__PURE__ */ jsxRuntime.jsx(
     StudioRoom,
     {
-      session,
+      session: liveSession,
       meeting,
       control: {
         livestream: async () => "starting",
@@ -6013,6 +6244,7 @@ function LivoGuestStudio({
       },
       onRejoin: () => {
         setSession(null);
+        setStatus(null);
         setSessionGen((n) => n + 1);
         setJoining(false);
         setWaitingForHost(false);
@@ -6159,6 +6391,8 @@ function studioRoomLabels(t) {
     admitAllAudience: t("admitAllAudience"),
     askToGoOnAir: t("askToGoOnAir"),
     stageRequested: t("stageRequested"),
+    stageApproved: t("stageApproved"),
+    stageDenied: t("stageDenied"),
     stageRequests: t("stageRequests"),
     people: t("people"),
     panelists: t("panelists"),
@@ -6210,6 +6444,7 @@ exports.applyEmbedTheme = applyEmbedTheme;
 exports.controlActionsFromClient = controlActionsFromClient;
 exports.createStudioControlClient = createStudioControlClient;
 exports.decodeEmbedTheme = decodeEmbedTheme;
+exports.getPublicStreamStatus = getPublicStreamStatus;
 exports.getStudioJoinStatus = getStudioJoinStatus;
 exports.joinStudioGuest = joinStudioGuest;
 exports.redeemStudioHost = redeemStudioHost;