@conference-kit/react 0.0.7 → 0.0.9

package/dist/hooks/useWebRTC.js

@@ -0,0 +1,96 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Peer } from "@conference-kit/core";
+export function useWebRTC(options) {
+    const { side, stream, config, channelLabel, trickle = true, onSignal, enabled = true, } = options;
+    const [remoteStream, setRemoteStream] = useState(null);
+    const [connectionState, setConnectionState] = useState("new");
+    const [iceState, setIceState] = useState("new");
+    const [error, setError] = useState(null);
+    const [peerInstance, setPeerInstance] = useState(null);
+    const peerRef = useRef(null);
+    const creationFailed = useRef(false);
+    const onSignalRef = useRef();
+    useEffect(() => {
+        onSignalRef.current = onSignal;
+    }, [onSignal]);
+    const isClient = useMemo(() => typeof window !== "undefined", []);
+    useEffect(() => {
+        if (!isClient || !enabled) {
+            peerRef.current?.destroy();
+            peerRef.current = null;
+            setPeerInstance(null);
+            creationFailed.current = false;
+            return undefined;
+        }
+        if (peerRef.current || creationFailed.current) {
+            return () => undefined;
+        }
+        try {
+            const peer = new Peer({
+                side,
+                stream: stream ?? undefined,
+                config,
+                channelLabel,
+                trickle,
+            });
+            peerRef.current = peer;
+            setPeerInstance(peer);
+            setError(null);
+            const handlers = {
+                signal: (data) => onSignalRef.current?.(data),
+                stream: (remote) => setRemoteStream(remote),
+                error: (err) => setError(err),
+                connectionStateChange: (state) => setConnectionState(state),
+                iceStateChange: (state) => setIceState(state),
+            };
+            peer.on("signal", handlers.signal);
+            peer.on("stream", handlers.stream);
+            peer.on("error", handlers.error);
+            peer.on("connectionStateChange", handlers.connectionStateChange);
+            peer.on("iceStateChange", handlers.iceStateChange);
+            return () => {
+                peer.off("signal", handlers.signal);
+                peer.off("stream", handlers.stream);
+                peer.off("error", handlers.error);
+                peer.off("connectionStateChange", handlers.connectionStateChange);
+                peer.off("iceStateChange", handlers.iceStateChange);
+                peer.destroy();
+                peerRef.current = null;
+                setPeerInstance(null);
+                creationFailed.current = false;
+            };
+        }
+        catch (err) {
+            creationFailed.current = true;
+            setError(err);
+            return () => undefined;
+        }
+    }, [channelLabel, config, enabled, isClient, side, stream, trickle]);
+    const signal = useCallback(async (data) => {
+        if (!peerRef.current)
+            return;
+        await peerRef.current.signal(data);
+    }, []);
+    const sendData = useCallback((payload) => {
+        if (!peerRef.current)
+            throw new Error("Peer not ready");
+        peerRef.current.send(payload);
+    }, []);
+    const destroy = useCallback(() => {
+        peerRef.current?.destroy();
+        peerRef.current = null;
+        creationFailed.current = false;
+        setPeerInstance(null);
+    }, []);
+    return {
+        peer: peerInstance,
+        remoteStream,
+        connectionState,
+        iceState,
+        error,
+        signal,
+        sendData,
+        destroy,
+    };
+}
+//# sourceMappingURL=useWebRTC.js.map

package/dist/hooks/useWebRTC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebRTC.js","sourceRoot":"","sources":["../../src/hooks/useWebRTC.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./hooks/useMediaStream";
+export * from "./hooks/useWebRTC";
+export * from "./hooks/useDataChannel";
+export * from "./hooks/useDataChannelMessages";
+export * from "./hooks/useCall";
+export * from "./hooks/useCallState";
+export * from "./hooks/useMeshRoom";
+export * from "./hooks/useScreenShare";
+export * from "./context/WebRTCProvider";
+export * from "./components/VideoPlayer";
+export * from "./components/AudioPlayer";
+export * from "./components/StatusBadge";
+export * from "./components/ErrorBanner";
+export * from "./signaling/SignalingClient";
+export * from "./config/features";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,16 @@
+export * from "./hooks/useMediaStream";
+export * from "./hooks/useWebRTC";
+export * from "./hooks/useDataChannel";
+export * from "./hooks/useDataChannelMessages";
+export * from "./hooks/useCall";
+export * from "./hooks/useCallState";
+export * from "./hooks/useMeshRoom";
+export * from "./hooks/useScreenShare";
+export * from "./context/WebRTCProvider";
+export * from "./components/VideoPlayer";
+export * from "./components/AudioPlayer";
+export * from "./components/StatusBadge";
+export * from "./components/ErrorBanner";
+export * from "./signaling/SignalingClient";
+export * from "./config/features";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}

package/dist/signaling/SignalingClient.d.ts

@@ -0,0 +1,58 @@
+export type EventMap = {
+    open: void;
+    close: CloseEvent | undefined;
+    error: Error;
+    signal: {
+        from: string;
+        data: unknown;
+    };
+    broadcast: {
+        from: string;
+        room?: string | null;
+        data: unknown;
+    };
+    control: {
+        action: string;
+        from: string;
+        room?: string | null;
+        data?: unknown;
+    };
+    presence: {
+        room?: string | null;
+        peerId: string;
+        peers: string[];
+        action: "join" | "leave";
+    };
+};
+type EventKey = keyof EventMap;
+type Handler<K extends EventKey> = (payload: EventMap[K]) => void;
+export type SignalingClientOptions = {
+    url: string;
+    peerId: string;
+    room?: string | null;
+    isHost?: boolean;
+    enableWaitingRoom?: boolean;
+    autoReconnect?: boolean;
+    reconnectDelayMs?: number;
+};
+export declare class SignalingClient {
+    private ws;
+    private options;
+    private emitter;
+    private reconnectTimeout;
+    private shouldReconnect;
+    private pendingQueue;
+    constructor(options: SignalingClientOptions);
+    connect(): void;
+    close(): void;
+    sendSignal(to: string, data: unknown): void;
+    broadcast(data: unknown): void;
+    sendControl(action: string, data?: unknown): void;
+    on<K extends EventKey>(event: K, handler: Handler<K>): void;
+    off<K extends EventKey>(event: K, handler: Handler<K>): void;
+    private enqueue;
+    private flushQueue;
+    private scheduleReconnect;
+}
+export {};
+//# sourceMappingURL=SignalingClient.d.ts.map

package/dist/signaling/SignalingClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalingClient.d.ts","sourceRoot":"","sources":["../../src/signaling/SignalingClient.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACxC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACjE,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,QAAQ,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF,KAAK,QAAQ,GAAG,MAAM,QAAQ,CAAC;AAE/B,KAAK,OAAO,CAAC,CAAC,SAAS,QAAQ,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAwBlE,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAyBF,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAA0B;IACpC,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,gBAAgB,CAA8C;IACtE,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,YAAY,CAAyB;gBAEjC,OAAO,EAAE,sBAAsB;IAK3C,OAAO;IAiEP,KAAK;IAOL,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;IAIpC,SAAS,CAAC,IAAI,EAAE,OAAO;IAIvB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO;IAI1C,EAAE,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAIpD,GAAG,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAIrD,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,iBAAiB;CAM1B"}

package/dist/signaling/SignalingClient.js

@@ -0,0 +1,147 @@
+function createEmitter() {
+    const listeners = new Map();
+    return {
+        on(event, handler) {
+            const set = listeners.get(event) ?? new Set();
+            set.add(handler);
+            listeners.set(event, set);
+        },
+        off(event, handler) {
+            const set = listeners.get(event);
+            if (!set)
+                return;
+            set.delete(handler);
+            if (set.size === 0)
+                listeners.delete(event);
+        },
+        emit(event, payload) {
+            const set = listeners.get(event);
+            if (!set)
+                return;
+            for (const handler of Array.from(set))
+                handler(payload);
+        },
+    };
+}
+export class SignalingClient {
+    constructor(options) {
+        this.ws = null;
+        this.emitter = createEmitter();
+        this.reconnectTimeout = null;
+        this.pendingQueue = [];
+        this.options = options;
+        this.shouldReconnect = options.autoReconnect ?? true;
+    }
+    connect() {
+        if (typeof window === "undefined")
+            return;
+        if (this.ws &&
+            (this.ws.readyState === WebSocket.OPEN ||
+                this.ws.readyState === WebSocket.CONNECTING)) {
+            return;
+        }
+        const { url, peerId, room, isHost, enableWaitingRoom } = this.options;
+        const params = new URLSearchParams({ peerId });
+        if (room)
+            params.set("room", room);
+        if (isHost)
+            params.set("host", "1");
+        if (enableWaitingRoom)
+            params.set("waitingRoom", "1");
+        const wsUrl = `${url}?${params.toString()}`;
+        this.ws = new WebSocket(wsUrl);
+        this.ws.addEventListener("open", () => {
+            this.emitter.emit("open", undefined);
+            this.flushQueue();
+        });
+        this.ws.addEventListener("message", (event) => {
+            const payload = typeof event.data === "string" ? event.data : "";
+            try {
+                const parsed = JSON.parse(payload);
+                if (parsed.type === "signal") {
+                    this.emitter.emit("signal", { from: parsed.from, data: parsed.data });
+                }
+                else if (parsed.type === "broadcast") {
+                    this.emitter.emit("broadcast", {
+                        from: parsed.from,
+                        room: parsed.room,
+                        data: parsed.data,
+                    });
+                }
+                else if (parsed.type === "presence") {
+                    this.emitter.emit("presence", {
+                        room: parsed.room,
+                        peerId: parsed.peerId,
+                        peers: parsed.peers,
+                        action: parsed.action,
+                    });
+                }
+                else if (parsed.type === "control") {
+                    this.emitter.emit("control", {
+                        from: parsed.from,
+                        room: parsed.room,
+                        action: parsed.action,
+                        data: parsed.data,
+                    });
+                }
+            }
+            catch (error) {
+                this.emitter.emit("error", error);
+            }
+        });
+        this.ws.addEventListener("close", (event) => {
+            this.emitter.emit("close", event);
+            this.scheduleReconnect();
+        });
+        this.ws.addEventListener("error", () => {
+            this.emitter.emit("error", new Error("WebSocket error"));
+        });
+    }
+    close() {
+        this.shouldReconnect = false;
+        if (this.reconnectTimeout)
+            clearTimeout(this.reconnectTimeout);
+        this.ws?.close();
+        this.ws = null;
+    }
+    sendSignal(to, data) {
+        this.enqueue({ type: "signal", to, data });
+    }
+    broadcast(data) {
+        this.enqueue({ type: "broadcast", data });
+    }
+    sendControl(action, data) {
+        this.enqueue({ type: "control", action, data });
+    }
+    on(event, handler) {
+        this.emitter.on(event, handler);
+    }
+    off(event, handler) {
+        this.emitter.off(event, handler);
+    }
+    enqueue(message) {
+        if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+            this.ws.send(JSON.stringify(message));
+            return;
+        }
+        this.pendingQueue.push(message);
+    }
+    flushQueue() {
+        if (!this.ws || this.ws.readyState !== WebSocket.OPEN)
+            return;
+        while (this.pendingQueue.length) {
+            const msg = this.pendingQueue.shift();
+            if (msg)
+                this.ws.send(JSON.stringify(msg));
+        }
+    }
+    scheduleReconnect() {
+        if (!this.shouldReconnect)
+            return;
+        const delay = this.options.reconnectDelayMs ?? 1000;
+        if (this.reconnectTimeout)
+            clearTimeout(this.reconnectTimeout);
+        this.reconnectTimeout = setTimeout(() => this.connect(), delay);
+    }
+}
+//# sourceMappingURL=SignalingClient.js.map

package/dist/signaling/SignalingClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalingClient.js","sourceRoot":"","sources":["../../src/signaling/SignalingClient.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conference-kit/react",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/components/VideoPlayer.tsx

@@ -1,10 +1,10 @@
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, memo } from "react";
 
 export type VideoPlayerProps = React.VideoHTMLAttributes<HTMLVideoElement> & {
   stream?: MediaStream | null;
 };
 
-export function VideoPlayer({
+export const VideoPlayer = memo(function VideoPlayer({
   stream,
   autoPlay = true,
   playsInline = true,
@@ -12,32 +12,37 @@ export function VideoPlayer({
   ...props
 }: VideoPlayerProps) {
   const ref = useRef<HTMLVideoElement | null>(null);
-  const prevStream = useRef<MediaStream | null>(null);
+  const attachedStream = useRef<MediaStream | null>(null);
 
   useEffect(() => {
     const el = ref.current;
     if (!el) return;
 
-    // Avoid resetting srcObject if the exact same MediaStream instance is already attached.
-    if (stream && prevStream.current !== stream) {
-      el.srcObject = stream;
-      prevStream.current = stream;
-    }
+    // Only update srcObject when stream actually changes (by reference).
+    // Avoid clearing on unmount to prevent flicker during parent re-renders.
+    if (stream !== attachedStream.current) {
+      el.srcObject = stream ?? null;
+      attachedStream.current = stream ?? null;
 
-    // Kick playback on mobile where autoplay can be flaky even when muted.
-    if (stream) {
-      el.play().catch(() => {
-        /* ignore autoplay rejection; user gesture will resume */
-      });
+      // Kick playback on mobile where autoplay can be flaky even when muted.
+      if (stream) {
+        el.play().catch(() => {
+          /* ignore autoplay rejection; user gesture will resume */
+        });
+      }
     }
+  }, [stream]);
 
+  // Only clear srcObject when component is truly unmounting, not on re-renders.
+  useEffect(() => {
+    const el = ref.current;
     return () => {
       if (el) {
         el.srcObject = null;
-        prevStream.current = null;
+        attachedStream.current = null;
       }
     };
-  }, [stream]);
+  }, []);
 
   return (
     <video
@@ -48,4 +53,4 @@ export function VideoPlayer({
       {...props}
     />
   );
-}
+});

package/src/hooks/useMeshRoom.ts

@@ -117,16 +117,26 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
             },
           ];
         }
+        // Check if anything actually changed to avoid unnecessary re-renders
+        const changed = Object.keys(patch).some(
+          (key) =>
+            patch[key as keyof MeshParticipant] !==
+            existing[key as keyof MeshParticipant]
+        );
+        if (!changed) return prev;
         return prev.map((p) => (p.id === id ? { ...p, ...patch } : p));
       });
     },
     []
   );
 
+  const inWaitingRoomRef = useRef(inWaitingRoom);
+  inWaitingRoomRef.current = inWaitingRoom;
+
   const ensurePeer = useCallback(
     (id: string, side?: PeerSide) => {
       if (id === peerId) return null;
-      if (features.enableWaitingRoom && inWaitingRoom) return null;
+      if (features.enableWaitingRoom && inWaitingRoomRef.current) return null;
       const existing = peers.current.get(id);
       if (existing) return existing;
       // enableDataChannel is supported in the runtime PeerConfig but may lag in published typings; cast to satisfy TS.
@@ -169,6 +179,8 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
     },
     [
       destroyPeer,
+      features.enableDataChannel,
+      features.enableWaitingRoom,
       localStream,
       peerId,
       rtcConfig,
@@ -209,10 +221,22 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
       action: "join" | "leave";
     }) => {
       const ids = payload.peers;
-      setRoster(ids);
+      // Only update roster if changed
+      setRoster((prev) => {
+        if (
+          prev.length === ids.length &&
+          prev.every((id, i) => id === ids[i])
+        ) {
+          return prev;
+        }
+        return ids;
+      });
       ids.filter((id) => id !== peerId).forEach((id) => ensurePeer(id));
       // Remove peers no longer present
-      setParticipants((prev) => prev.filter((p) => ids.includes(p.id)));
+      setParticipants((prev) => {
+        const filtered = prev.filter((p) => ids.includes(p.id));
+        return filtered.length === prev.length ? prev : filtered;
+      });
       Array.from(peers.current.keys()).forEach((id) => {
         if (!ids.includes(id)) destroyPeer(id);
       });
@@ -225,7 +249,15 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
     const onControl = ({ action, data }: { action: string; data?: any }) => {
       if (action === "waiting-list") {
         const waiting = (data?.waiting as string[]) ?? [];
-        setWaitingList(waiting);
+        setWaitingList((prev) => {
+          if (
+            prev.length === waiting.length &&
+            prev.every((id, i) => id === waiting[i])
+          ) {
+            return prev;
+          }
+          return waiting;
+        });
         return;
       }
       if (action === "waiting") {
@@ -245,6 +277,7 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
         const peer = (data?.peerId as string) ?? null;
         if (!peer) return;
         setRaisedHands((prev) => {
+          if (prev.has(peer)) return prev;
           const next = new Set(prev);
           next.add(peer);
           return next;
@@ -255,6 +288,7 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
         const peer = (data?.peerId as string) ?? null;
         if (!peer) return;
         setRaisedHands((prev) => {
+          if (!prev.has(peer)) return prev;
           const next = new Set(prev);
           next.delete(peer);
           return next;
@@ -335,9 +369,22 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
   >(new Map());
   const activeCandidate = useRef<string | null>(null);
   const activeSince = useRef<number>(0);
+  const silenceSince = useRef<number>(0);
 
   useEffect(() => {
-    if (!features.enableActiveSpeaker) return;
+    if (!features.enableActiveSpeaker || signalingStatus !== "open") {
+      setActiveSpeakerId(null);
+      analyzers.current.forEach((entry) => {
+        entry.source.disconnect();
+        entry.analyser.disconnect();
+        entry.ctx.close();
+      });
+      analyzers.current.clear();
+      activeCandidate.current = null;
+      activeSince.current = 0;
+      silenceSince.current = 0;
+      return;
+    }
 
     const ensureAnalyzer = (id: string, stream: MediaStream) => {
       if (analyzers.current.has(id)) return;
@@ -370,6 +417,7 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
 
     const minHoldMs = 700;
     const minLevel = 18;
+    const silenceHoldMs = 1200;
     const interval = window.setInterval(() => {
       let loudestId: string | null = null;
       let loudest = 0;
@@ -395,6 +443,16 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
           prev === activeCandidate.current ? prev : activeCandidate.current
         );
       }
+
+      if (!loudestId) {
+        if (!silenceSince.current) silenceSince.current = now;
+        const silentLongEnough = now - silenceSince.current >= silenceHoldMs;
+        if (silentLongEnough) {
+          setActiveSpeakerId((prev) => (prev === null ? prev : null));
+        }
+      } else {
+        silenceSince.current = 0;
+      }
     }, 400);
 
     return () => {
@@ -407,8 +465,9 @@ export function useMeshRoom(options: UseMeshRoomOptions) {
       analyzers.current.clear();
       activeCandidate.current = null;
       activeSince.current = 0;
+      silenceSince.current = 0;
     };
-  }, [features.enableActiveSpeaker, participants]);
+  }, [features.enableActiveSpeaker, participants, signalingStatus]);
 
   return {
     localStream,