@cuekit-ai/react 1.3.4 → 1.5.0

package/dist/index.js

@@ -112,15 +112,24 @@ var init_intent_store = __esm({
 
 // src/core/navigation.ts
 function setNavigationHandler(handler) {
+  console.log("\u{1F9ED} setNavigationHandler called with:", !!handler);
   navigationHandler = handler;
 }
 function navigate(path2, params) {
   const safeParams = params || {};
   const absolutePath = path2.startsWith("/") ? path2 : `/${path2}`;
+  console.log("\u{1F9ED} navigate() called with:", {
+    path: path2,
+    absolutePath,
+    safeParams,
+    hasNavigationHandler: !!navigationHandler
+  });
   if (navigationHandler) {
     try {
+      console.log("\u{1F9ED} Using navigationHandler:", absolutePath, safeParams);
       navigationHandler(absolutePath, safeParams);
     } catch (error) {
+      console.error("\u{1F9ED} NavigationHandler error:", error);
     }
     return;
   }
@@ -135,13 +144,22 @@ function navigate(path2, params) {
     navigation.push(fullPath);
   } else {
     if (typeof window !== "undefined") {
-      window.location.href = fullPath;
+      if (window.location.hash && window.location.hash.startsWith("#")) {
+        window.location.hash = fullPath;
+      } else {
+        window.location.href = fullPath;
+      }
     }
   }
 }
 function getCurrentScreenName() {
   try {
     const path2 = getCurrentPath();
+    const pathParams = getCurrentPathParams();
+    if (path2 && Object.keys(pathParams).length > 0) {
+      const paramString = Object.entries(pathParams).map(([key, value]) => `${key}=${value}`).join(",");
+      return `${path2}?${paramString}`;
+    }
     return path2 || "UnknownScreen";
   } catch (e3) {
     return "UnknownScreen";
@@ -163,6 +181,45 @@ function getCurrentRouteParams() {
     return {};
   }
 }
+function getCurrentPathParams() {
+  try {
+    const currentPath = getCurrentPath();
+    const params = {};
+    const numericIdMatch = currentPath.match(/\/(\d+)(?:\/|$)/);
+    if (numericIdMatch) {
+      params.id = numericIdMatch[1];
+    }
+    const uuidMatch = currentPath.match(
+      /\/([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})(?:\/|$)/i
+    );
+    if (uuidMatch) {
+      params.uuid = uuidMatch[1];
+    }
+    const slugMatch = currentPath.match(/\/([a-z0-9-]+)(?:\/|$)/i);
+    if (slugMatch && !numericIdMatch && !uuidMatch) {
+      params.slug = slugMatch[1];
+    }
+    return params;
+  } catch (e3) {
+    return {};
+  }
+}
+function resolveRoutePath(routePath, params) {
+  try {
+    let resolvedPath = routePath;
+    Object.entries(params).forEach(([key, value]) => {
+      const placeholder = `:${key}`;
+      if (resolvedPath.includes(placeholder)) {
+        resolvedPath = resolvedPath.replace(placeholder, value);
+      }
+    });
+    resolvedPath = resolvedPath.replace(/:\w+/g, "");
+    resolvedPath = resolvedPath.replace(/\/+/g, "/");
+    return resolvedPath;
+  } catch (e3) {
+    return routePath;
+  }
+}
 function onStateChange() {
   const routeName = getCurrentScreenName();
   const params = getCurrentRouteParams();
@@ -202,16 +259,26 @@ var init_navigation = __esm({
     navigationHandler = null;
     getCurrentPath = () => {
       if (typeof window === "undefined") return "";
+      if (window.location.hash && window.location.hash.startsWith("#")) {
+        const hashPath = window.location.hash.substring(1);
+        return hashPath.split("?")[0];
+      }
       return window.location.pathname;
     };
     getSearchParams = () => {
       if (typeof window === "undefined") return new URLSearchParams();
+      if (window.location.hash && window.location.hash.includes("?")) {
+        const queryString = window.location.hash.split("?")[1];
+        return new URLSearchParams(queryString);
+      }
       return new URLSearchParams(window.location.search);
     };
     safeNavigate = (name2, params = {}) => {
+      console.log("\u{1F9ED} safeNavigate called with:", { name: name2, params });
       if (name2) {
         navigate(name2, params);
       } else {
+        console.log("\u{1F9ED} safeNavigate: no name provided, skipping navigation");
       }
     };
     handleNavigationAndClick = (routeName, elementHash) => {
@@ -5296,7 +5363,7 @@ function supportsAV1() {
   if (!("getCapabilities" in RTCRtpSender)) {
     return false;
   }
-  if (isSafari()) {
+  if (isSafari() || isFireFox()) {
     return false;
   }
   const capabilities = RTCRtpSender.getCapabilities("video");
@@ -5393,9 +5460,9 @@ function isE2EESimulcastSupported() {
   if (browser) {
     if (browser.name !== "Safari" && browser.os !== "iOS") {
       return true;
-    } else if (browser.os === "iOS" && browser.osVersion && compareVersions(supportedSafariVersion, browser.osVersion) >= 0) {
+    } else if (browser.os === "iOS" && browser.osVersion && compareVersions(browser.osVersion, supportedSafariVersion) >= 0) {
       return true;
-    } else if (browser.name === "Safari" && compareVersions(supportedSafariVersion, browser.version) >= 0) {
+    } else if (browser.name === "Safari" && compareVersions(browser.version, supportedSafariVersion) >= 0) {
       return true;
     } else {
       return false;
@@ -5574,13 +5641,13 @@ function unwrapConstraint(constraint) {
   if (Array.isArray(constraint)) {
     return constraint[0];
   }
-  if (constraint.exact) {
+  if (constraint.exact !== void 0) {
     if (Array.isArray(constraint.exact)) {
       return constraint.exact[0];
     }
     return constraint.exact;
   }
-  if (constraint.ideal) {
+  if (constraint.ideal !== void 0) {
     if (Array.isArray(constraint.ideal)) {
       return constraint.ideal[0];
     }
@@ -5803,7 +5870,7 @@ function constraintsForOptions(options) {
 function detectSilence(track_1) {
   return __awaiter(this, arguments, void 0, function(track) {
     let timeOffset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 200;
-    return function* () {
+    return (function* () {
       const ctx = getNewAudioContext();
       if (ctx) {
         const analyser = ctx.createAnalyser();
@@ -5819,7 +5886,7 @@ function detectSilence(track_1) {
         return !someNoise;
       }
       return false;
-    }();
+    })();
   });
 }
 function getNewAudioContext() {
@@ -7543,7 +7610,7 @@ function isIPPrivate(address) {
   }
   return false;
 }
-var e, h, o, _, FLOAT32_MAX, FLOAT32_MIN, UINT32_MAX, INT32_MAX, INT32_MIN, enumTypeSymbol, Message, TWO_PWR_32_DBL, decimalFrom1e7WithLeadingZeros, protoInt64, ScalarType, LongType, WireType, BinaryWriter, BinaryReader, encTable, decTable, protoBase64, jsonReadDefaults, jsonWriteDefaults, tokenNull, tokenIgnoredUnknownEnum, unknownFieldsSymbol, readDefaults, writeDefaults, InternalFieldList, fieldJsonName, reservedObjectProperties, reservedMessageProperties, fallback, safeMessageProperty, safeObjectProperty, InternalOneofInfo, proto3, Timestamp, MetricsBatch, TimeSeriesMetric, MetricSample, EventMetric, BackupCodecPolicy$1, TrackType, TrackSource, VideoQuality$1, ConnectionQuality$1, ClientConfigSetting, DisconnectReason, ReconnectReason, SubscriptionError, AudioTrackFeature, Room$1, Codec, ParticipantPermission, ParticipantInfo, ParticipantInfo_State, ParticipantInfo_Kind, ParticipantInfo_KindDetail, Encryption_Type, SimulcastCodecInfo, TrackInfo, VideoLayer, DataPacket, DataPacket_Kind, ActiveSpeakerUpdate, SpeakerInfo, UserPacket, SipDTMF, Transcription, TranscriptionSegment, ChatMessage, RpcRequest, RpcAck, RpcResponse, RpcError$1, ParticipantTracks, ServerInfo, ServerInfo_Edition, ClientInfo, ClientInfo_SDK, ClientConfiguration, VideoConfiguration, DisabledCodecs, TimedVersion, DataStream_OperationType, DataStream_TextHeader, DataStream_ByteHeader, DataStream_Header, DataStream_Chunk, DataStream_Trailer, SignalTarget, StreamState, CandidateProtocol, SignalRequest, SignalResponse, SimulcastCodec, AddTrackRequest, TrickleRequest, MuteTrackRequest, JoinResponse, ReconnectResponse, TrackPublishedResponse, TrackUnpublishedResponse, SessionDescription, ParticipantUpdate, UpdateSubscription, UpdateTrackSettings, UpdateLocalAudioTrack, UpdateLocalVideoTrack, LeaveRequest, LeaveRequest_Action, UpdateVideoLayers, UpdateParticipantMetadata, ICEServer, SpeakersChanged, RoomUpdate, ConnectionQualityInfo, ConnectionQualityUpdate, StreamStateInfo, StreamStateUpdate, SubscribedQuality, SubscribedCodec, SubscribedQualityUpdate, TrackPermission, SubscriptionPermission, SubscriptionPermissionUpdate, RoomMovedResponse, SyncState, DataChannelReceiveState, DataChannelInfo, SimulateScenario, Ping, Pong, RegionSettings, RegionInfo, SubscriptionResponse, RequestResponse, RequestResponse_Reason, TrackSubscribed, loglevel$1, loglevel, hasRequiredLoglevel, loglevelExports, LogLevel, LoggerNames, livekitLogger, livekitLoggers, workerLogger, maxRetryDelay, DEFAULT_RETRY_DELAYS_IN_MS, DefaultReconnectPolicy, events, hasRequiredEvents, eventsExports, logDisabled_, deprecationWarnings_, logging, chromeShim, firefoxShim, safariShim, sdp$1, hasRequiredSdp, sdpExports, SDPUtils, sdp, commonShim, DECRYPTION_FAILURE_TOLERANCE, E2EE_FLAG, SALT, KEY_PROVIDER_DEFAULTS, KeyProviderEvent, KeyHandlerEvent, EncryptionEvent, CryptorEvent, BaseKeyProvider, LivekitError, ConnectionErrorReason, ConnectionError, DeviceUnsupportedError, TrackInvalidError, UnsupportedServer, UnexpectedConnectionState, NegotiationError, PublishTrackError, SignalRequestError, MediaDeviceFailure, CryptorErrorReason, RoomEvent, ParticipantEvent, EngineEvent, TrackEvent, commonVersionIdentifier, browserDetails, browsersList, version$1, version, protocolVersion, CriticalTimers, BACKGROUND_REACTION_DELAY, recycledElements, VideoQuality, Track, VideoPreset, backupCodecs, videoCodecs, BackupCodecPolicy, AudioPresets, VideoPresets, VideoPresets43, ScreenSharePresets, separator, ddExtensionURI, resizeObserver, getResizeObserver, intersectionObserver, getIntersectionObserver, emptyAudioStreamTrack, Future, E2EEManager, defaultId, DeviceManager, QueueTaskStatus, AsyncQueue, passThroughQueueSignals, SignalConnectionState, SignalClient, DataPacketBuffer, TTLMap, lib, parser, grammar, hasRequiredGrammar, hasRequiredParser, writer, hasRequiredWriter, hasRequiredLib, libExports, startBitrateForSVC, debounceInterval, PCEvents, PCTransport, defaultVideoCodec, publishDefaults, audioDefaults, videoDefaults, roomOptionDefaults, roomConnectOptionDefaults, PCTransportState, PCTransportManager, RpcError, MAX_PAYLOAD_BYTES, monitorFrequency, isMediaRecorderAvailable, FallbackRecorder, RecorderBase, LocalTrackRecorder, DEFAULT_DIMENSIONS_TIMEOUT, PRE_CONNECT_BUFFER_TIMEOUT, LocalTrack, LocalAudioTrack, presets169, presets43, presetsScreenShare, defaultSimulcastPresets169, defaultSimulcastPresets43, computeDefaultScreenShareSimulcastPresets, videoRids, ScalabilityMode, refreshSubscribedCodecAfterNewCodec, LocalVideoTrack, lossyDataChannel, reliableDataChannel, minReconnectWait, leaveReconnect, reliabeReceiveStateTTL, PCState, RTCEngine, SignalReconnectError, RegionUrlProvider, BaseStreamReader, ByteStreamReader, TextStreamReader, BaseStreamWriter, TextStreamWriter, ByteStreamWriter, RemoteTrack, RemoteAudioTrack, REACTION_DELAY, RemoteVideoTrack, HTMLElementInfo, TrackPublication, LocalTrackPublication, ConnectionQuality, Participant, STREAM_CHUNK_SIZE, LocalParticipant, RemoteTrackPublication, RemoteParticipant, ConnectionState, connectionReconcileFrequency, Room, CheckStatus, Checker, CloudRegionCheck, TEST_DURATION, ConnectionProtocolCheck, PublishAudioCheck, PublishVideoCheck, ReconnectCheck, TURNCheck, WebRTCCheck, WebSocketCheck, ConnectionCheck;
+var e, h, o, _, FLOAT32_MAX, FLOAT32_MIN, UINT32_MAX, INT32_MAX, INT32_MIN, enumTypeSymbol, Message, TWO_PWR_32_DBL, decimalFrom1e7WithLeadingZeros, protoInt64, ScalarType, LongType, WireType, BinaryWriter, BinaryReader, encTable, decTable, protoBase64, jsonReadDefaults, jsonWriteDefaults, tokenNull, tokenIgnoredUnknownEnum, unknownFieldsSymbol, readDefaults, writeDefaults, InternalFieldList, fieldJsonName, reservedObjectProperties, reservedMessageProperties, fallback, safeMessageProperty, safeObjectProperty, InternalOneofInfo, proto3, Timestamp, MetricsBatch, TimeSeriesMetric, MetricSample, EventMetric, BackupCodecPolicy$1, TrackType, TrackSource, VideoQuality$1, ConnectionQuality$1, ClientConfigSetting, DisconnectReason, ReconnectReason, SubscriptionError, AudioTrackFeature, Room$1, Codec, ParticipantPermission, ParticipantInfo, ParticipantInfo_State, ParticipantInfo_Kind, ParticipantInfo_KindDetail, Encryption_Type, SimulcastCodecInfo, TrackInfo, VideoLayer, DataPacket, DataPacket_Kind, ActiveSpeakerUpdate, SpeakerInfo, UserPacket, SipDTMF, Transcription, TranscriptionSegment, ChatMessage, RpcRequest, RpcAck, RpcResponse, RpcError$1, ParticipantTracks, ServerInfo, ServerInfo_Edition, ClientInfo, ClientInfo_SDK, ClientConfiguration, VideoConfiguration, DisabledCodecs, TimedVersion, DataStream_OperationType, DataStream_TextHeader, DataStream_ByteHeader, DataStream_Header, DataStream_Chunk, DataStream_Trailer, SignalTarget, StreamState, CandidateProtocol, SignalRequest, SignalResponse, SimulcastCodec, AddTrackRequest, TrickleRequest, MuteTrackRequest, JoinResponse, ReconnectResponse, TrackPublishedResponse, TrackUnpublishedResponse, SessionDescription, ParticipantUpdate, UpdateSubscription, UpdateTrackSettings, UpdateLocalAudioTrack, UpdateLocalVideoTrack, LeaveRequest, LeaveRequest_Action, UpdateVideoLayers, UpdateParticipantMetadata, ICEServer, SpeakersChanged, RoomUpdate, ConnectionQualityInfo, ConnectionQualityUpdate, StreamStateInfo, StreamStateUpdate, SubscribedQuality, SubscribedCodec, SubscribedQualityUpdate, TrackPermission, SubscriptionPermission, SubscriptionPermissionUpdate, RoomMovedResponse, SyncState, DataChannelReceiveState, DataChannelInfo, SimulateScenario, Ping, Pong, RegionSettings, RegionInfo, SubscriptionResponse, RequestResponse, RequestResponse_Reason, TrackSubscribed, loglevel$1, loglevel, hasRequiredLoglevel, loglevelExports, LogLevel, LoggerNames, livekitLogger, livekitLoggers, workerLogger, maxRetryDelay, DEFAULT_RETRY_DELAYS_IN_MS, DefaultReconnectPolicy, events, hasRequiredEvents, eventsExports, logDisabled_, deprecationWarnings_, logging, chromeShim, firefoxShim, safariShim, sdp$1, hasRequiredSdp, sdpExports, SDPUtils, sdp, commonShim, DECRYPTION_FAILURE_TOLERANCE, E2EE_FLAG, SALT, KEY_PROVIDER_DEFAULTS, KeyProviderEvent, KeyHandlerEvent, EncryptionEvent, CryptorEvent, BaseKeyProvider, LivekitError, ConnectionErrorReason, ConnectionError, DeviceUnsupportedError, TrackInvalidError, UnsupportedServer, UnexpectedConnectionState, NegotiationError, PublishTrackError, SignalRequestError, DataStreamErrorReason, DataStreamError, MediaDeviceFailure, CryptorErrorReason, RoomEvent, ParticipantEvent, EngineEvent, TrackEvent, commonVersionIdentifier, browserDetails, browsersList, version$1, version, protocolVersion, CriticalTimers, BACKGROUND_REACTION_DELAY, recycledElements, VideoQuality, Track, VideoPreset, backupCodecs, videoCodecs, BackupCodecPolicy, AudioPresets, VideoPresets, VideoPresets43, ScreenSharePresets, separator, ddExtensionURI, resizeObserver, getResizeObserver, intersectionObserver, getIntersectionObserver, emptyAudioStreamTrack, Future, E2EEManager, defaultId, DeviceManager, QueueTaskStatus, AsyncQueue, passThroughQueueSignals, SignalConnectionState, SignalClient, DataPacketBuffer, TTLMap, lib, parser, grammar, hasRequiredGrammar, hasRequiredParser, writer, hasRequiredWriter, hasRequiredLib, libExports, startBitrateForSVC, debounceInterval, PCEvents, PCTransport, defaultVideoCodec, publishDefaults, audioDefaults, videoDefaults, roomOptionDefaults, roomConnectOptionDefaults, PCTransportState, PCTransportManager, RpcError, MAX_PAYLOAD_BYTES, monitorFrequency, isMediaRecorderAvailable, FallbackRecorder, RecorderBase, LocalTrackRecorder, DEFAULT_DIMENSIONS_TIMEOUT, PRE_CONNECT_BUFFER_TIMEOUT, LocalTrack, LocalAudioTrack, presets169, presets43, presetsScreenShare, defaultSimulcastPresets169, defaultSimulcastPresets43, computeDefaultScreenShareSimulcastPresets, videoRids, ScalabilityMode, refreshSubscribedCodecAfterNewCodec, LocalVideoTrack, lossyDataChannel, reliableDataChannel, minReconnectWait, leaveReconnect, reliabeReceiveStateTTL, PCState, RTCEngine, SignalReconnectError, RegionUrlProvider, BaseStreamReader, ByteStreamReader, TextStreamReader, IncomingDataStreamManager, BaseStreamWriter, TextStreamWriter, ByteStreamWriter, STREAM_CHUNK_SIZE, OutgoingDataStreamManager, RemoteTrack, RemoteAudioTrack, REACTION_DELAY, RemoteVideoTrack, HTMLElementInfo, TrackPublication, LocalTrackPublication, ConnectionQuality, Participant, LocalParticipant, RemoteTrackPublication, RemoteParticipant, ConnectionState, connectionReconcileFrequency, Room, CheckStatus, Checker, CloudRegionCheck, TEST_DURATION, ConnectionProtocolCheck, PublishAudioCheck, PublishVideoCheck, ReconnectCheck, TURNCheck, WebRTCCheck, WebSocketCheck, ConnectionCheck;
 var init_livekit_client_esm = __esm({
   "node_modules/livekit-client/dist/livekit-client.esm.mjs"() {
     "use strict";
@@ -11419,6 +11486,22 @@ var init_livekit_client_esm = __esm({
         this.reasonName = typeof reason === "string" ? reason : RequestResponse_Reason[reason];
       }
     };
+    (function(DataStreamErrorReason2) {
+      DataStreamErrorReason2[DataStreamErrorReason2["AlreadyOpened"] = 0] = "AlreadyOpened";
+      DataStreamErrorReason2[DataStreamErrorReason2["AbnormalEnd"] = 1] = "AbnormalEnd";
+      DataStreamErrorReason2[DataStreamErrorReason2["DecodeFailed"] = 2] = "DecodeFailed";
+      DataStreamErrorReason2[DataStreamErrorReason2["LengthExceeded"] = 3] = "LengthExceeded";
+      DataStreamErrorReason2[DataStreamErrorReason2["Incomplete"] = 4] = "Incomplete";
+      DataStreamErrorReason2[DataStreamErrorReason2["HandlerAlreadyRegistered"] = 7] = "HandlerAlreadyRegistered";
+    })(DataStreamErrorReason || (DataStreamErrorReason = {}));
+    DataStreamError = class extends LivekitError {
+      constructor(message, reason) {
+        super(16, message);
+        this.name = "DataStreamError";
+        this.reason = reason;
+        this.reasonName = DataStreamErrorReason[reason];
+      }
+    };
     (function(MediaDeviceFailure2) {
       MediaDeviceFailure2["PermissionDenied"] = "PermissionDenied";
       MediaDeviceFailure2["NotFound"] = "NotFound";
@@ -11630,7 +11713,7 @@ var init_livekit_client_esm = __esm({
         }
       }
     ];
-    version$1 = "2.15.4";
+    version$1 = "2.15.6";
     version = version$1;
     protocolVersion = 16;
     CriticalTimers = class {
@@ -11656,13 +11739,24 @@ var init_livekit_client_esm = __esm({
       VideoQuality2[VideoQuality2["HIGH"] = 2] = "HIGH";
     })(VideoQuality || (VideoQuality = {}));
     Track = class _Track extends eventsExports.EventEmitter {
+      /**
+       * indicates current state of stream, it'll indicate `paused` if the track
+       * has been paused by congestion controller
+       */
+      get streamState() {
+        return this._streamState;
+      }
+      /** @internal */
+      setStreamState(value) {
+        this._streamState = value;
+      }
       constructor(mediaTrack, kind) {
         let loggerOptions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
         var _a;
         super();
         this.attachedElements = [];
         this.isMuted = false;
-        this.streamState = _Track.StreamState.Active;
+        this._streamState = _Track.StreamState.Active;
         this.isInBackground = false;
         this._currentBitrate = 0;
         this.log = livekitLogger;
@@ -12195,6 +12289,20 @@ var init_livekit_client_esm = __esm({
         room2.localParticipant.on(ParticipantEvent.LocalSenderCreated, (sender, track) => __awaiter(this, void 0, void 0, function* () {
           this.setupE2EESender(track, sender);
         }));
+        room2.localParticipant.on(ParticipantEvent.LocalTrackPublished, (publication) => {
+          if (!isVideoTrack(publication.track) || !isSafariBased()) {
+            return;
+          }
+          const msg = {
+            kind: "updateCodec",
+            data: {
+              trackId: publication.track.mediaStreamID,
+              codec: mimeTypeToVideoCodecString(publication.trackInfo.codecs[0].mimeType),
+              participantIdentity: this.room.localParticipant.identity
+            }
+          };
+          this.worker.postMessage(msg);
+        });
         keyProvider.on(KeyProviderEvent.SetKey, (keyInfo) => this.postKey(keyInfo)).on(KeyProviderEvent.RatchetRequest, (participantId, keyIndex) => this.postRatchetRequest(participantId, keyIndex));
       }
       postRatchetRequest(participantIdentity, keyIndex) {
@@ -12405,7 +12513,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(kind) {
           var _this = this;
           let requestPermissions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-          return function* () {
+          return (function* () {
             var _a;
             if (((_a = _DeviceManager.userMediaPromiseMap) === null || _a === void 0 ? void 0 : _a.size) > 0) {
               livekitLogger.debug("awaiting getUserMedia promise");
@@ -12448,7 +12556,7 @@ var init_livekit_client_esm = __esm({
               devices = devices.filter((device) => device.kind === kind);
             }
             return devices;
-          }();
+          })();
         });
       }
       normalizeDeviceId(kind, deviceId, groupId) {
@@ -12729,7 +12837,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function() {
           var _this = this;
           let updateState = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-          return function* () {
+          return (function* () {
             const unlock = yield _this.closingLock.lock();
             try {
               _this.clearPingInterval();
@@ -12761,7 +12869,7 @@ var init_livekit_client_esm = __esm({
               }
               unlock();
             }
-          }();
+          })();
         });
       }
       // initial offer after joining
@@ -12815,7 +12923,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(metadata, name2) {
           var _this2 = this;
           let attributes = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-          return function* () {
+          return (function* () {
             const requestId = _this2.getNextRequestId();
             yield _this2.sendRequest({
               case: "updateMetadata",
@@ -12827,7 +12935,7 @@ var init_livekit_client_esm = __esm({
               })
             });
             return requestId;
-          }();
+          })();
         });
       }
       sendUpdateTrackSettings(settings) {
@@ -12907,7 +13015,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(message) {
           var _this3 = this;
           let fromQueue = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-          return function* () {
+          return (function* () {
             const canQueue = !fromQueue && !canPassThroughQueue(message);
             if (canQueue && _this3.state === SignalConnectionState.RECONNECTING) {
               _this3.queuedRequests.push(() => __awaiter(_this3, void 0, void 0, function* () {
@@ -12943,7 +13051,7 @@ var init_livekit_client_esm = __esm({
                 error: e3
               }));
             }
-          }();
+          })();
         });
       }
       handleSignalResponse(res) {
@@ -14009,7 +14117,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(pcTransport, abortController) {
           var _this = this;
           let timeout = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.peerConnectionTimeout;
-          return function* () {
+          return (function* () {
             const connectionState = pcTransport.getConnectionState();
             if (connectionState === "connected") {
               return;
@@ -14039,7 +14147,7 @@ var init_livekit_client_esm = __esm({
               abortController === null || abortController === void 0 ? void 0 : abortController.signal.removeEventListener("abort", abortHandler);
               resolve();
             }));
-          }();
+          })();
         });
       }
     };
@@ -14220,9 +14328,14 @@ var init_livekit_client_esm = __esm({
         this.providedByUser = userProvidedTrack;
         this.muteLock = new _();
         this.pauseUpstreamLock = new _();
-        this.processorLock = new _();
-        this.restartLock = new _();
-        this.setMediaStreamTrack(mediaTrack, true);
+        this.trackChangeLock = new _();
+        this.trackChangeLock.lock().then((unlock) => __awaiter(this, void 0, void 0, function* () {
+          try {
+            yield this.setMediaStreamTrack(mediaTrack, true);
+          } finally {
+            unlock();
+          }
+        }));
         this._constraints = mediaTrack.getConstraints();
         if (constraints) {
           this._constraints = constraints;
@@ -14291,25 +14404,20 @@ var init_livekit_client_esm = __esm({
           }
           let processedTrack;
           if (this.processor && newTrack) {
-            const unlock = yield this.processorLock.lock();
-            try {
-              this.log.debug("restarting processor", this.logContext);
-              if (this.kind === "unknown") {
-                throw TypeError("cannot set processor on track of unknown kind");
-              }
-              if (this.processorElement) {
-                attachToElement(newTrack, this.processorElement);
-                this.processorElement.muted = true;
-              }
-              yield this.processor.restart({
-                track: newTrack,
-                kind: this.kind,
-                element: this.processorElement
-              });
-              processedTrack = this.processor.processedTrack;
-            } finally {
-              unlock();
+            this.log.debug("restarting processor", this.logContext);
+            if (this.kind === "unknown") {
+              throw TypeError("cannot set processor on track of unknown kind");
+            }
+            if (this.processorElement) {
+              attachToElement(newTrack, this.processorElement);
+              this.processorElement.muted = true;
             }
+            yield this.processor.restart({
+              track: newTrack,
+              kind: this.kind,
+              element: this.processorElement
+            });
+            processedTrack = this.processor.processedTrack;
           }
           if (this.sender && ((_a = this.sender.transport) === null || _a === void 0 ? void 0 : _a.state) !== "closed") {
             yield this.sender.replaceTrack(processedTrack !== null && processedTrack !== void 0 ? processedTrack : newTrack);
@@ -14331,7 +14439,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function() {
           var _this = this;
           let timeout = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_DIMENSIONS_TIMEOUT;
-          return function* () {
+          return (function* () {
             var _a;
             if (_this.kind === Track.Kind.Audio) {
               throw new Error("cannot get dimensions for audio tracks");
@@ -14348,7 +14456,7 @@ var init_livekit_client_esm = __esm({
               yield sleep(50);
             }
             throw new TrackInvalidError("unable to get track dimensions after timeout");
-          }();
+          })();
         });
       }
       setDeviceId(deviceId) {
@@ -14371,7 +14479,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function() {
           var _this2 = this;
           let normalize3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-          return function* () {
+          return (function* () {
             if (_this2.source === Track.Source.ScreenShare) {
               return;
             }
@@ -14381,7 +14489,7 @@ var init_livekit_client_esm = __esm({
             } = _this2._mediaStreamTrack.getSettings();
             const kind = _this2.kind === Track.Kind.Audio ? "audioinput" : "videoinput";
             return normalize3 ? DeviceManager.getInstance().normalizeDeviceId(kind, deviceId, groupId) : deviceId;
-          }();
+          })();
         });
       }
       mute() {
@@ -14398,30 +14506,35 @@ var init_livekit_client_esm = __esm({
       }
       replaceTrack(track, userProvidedOrOptions) {
         return __awaiter(this, void 0, void 0, function* () {
-          if (!this.sender) {
-            throw new TrackInvalidError("unable to replace an unpublished track");
-          }
-          let userProvidedTrack;
-          let stopProcessor;
-          if (typeof userProvidedOrOptions === "boolean") {
-            userProvidedTrack = userProvidedOrOptions;
-          } else if (userProvidedOrOptions !== void 0) {
-            userProvidedTrack = userProvidedOrOptions.userProvidedTrack;
-            stopProcessor = userProvidedOrOptions.stopProcessor;
-          }
-          this.providedByUser = userProvidedTrack !== null && userProvidedTrack !== void 0 ? userProvidedTrack : true;
-          this.log.debug("replace MediaStreamTrack", this.logContext);
-          yield this.setMediaStreamTrack(track);
-          if (stopProcessor && this.processor) {
-            yield this.stopProcessor();
+          const unlock = yield this.trackChangeLock.lock();
+          try {
+            if (!this.sender) {
+              throw new TrackInvalidError("unable to replace an unpublished track");
+            }
+            let userProvidedTrack;
+            let stopProcessor;
+            if (typeof userProvidedOrOptions === "boolean") {
+              userProvidedTrack = userProvidedOrOptions;
+            } else if (userProvidedOrOptions !== void 0) {
+              userProvidedTrack = userProvidedOrOptions.userProvidedTrack;
+              stopProcessor = userProvidedOrOptions.stopProcessor;
+            }
+            this.providedByUser = userProvidedTrack !== null && userProvidedTrack !== void 0 ? userProvidedTrack : true;
+            this.log.debug("replace MediaStreamTrack", this.logContext);
+            yield this.setMediaStreamTrack(track);
+            if (stopProcessor && this.processor) {
+              yield this.internalStopProcessor();
+            }
+            return this;
+          } finally {
+            unlock();
           }
-          return this;
         });
       }
       restart(constraints) {
         return __awaiter(this, void 0, void 0, function* () {
           this.manuallyStopped = false;
-          const unlock = yield this.restartLock.lock();
+          const unlock = yield this.trackChangeLock.lock();
           try {
             if (!constraints) {
               constraints = this._constraints;
@@ -14443,9 +14556,9 @@ var init_livekit_client_esm = __esm({
                 facingMode
               } : true;
             } else {
-              streamConstraints.audio = deviceId ? {
+              streamConstraints.audio = deviceId ? Object.assign({
                 deviceId
-              } : true;
+              }, otherConstraints) : true;
             }
             this.attachedElements.forEach((el) => {
               detachTrack(this.mediaStreamTrack, el);
@@ -14454,7 +14567,9 @@ var init_livekit_client_esm = __esm({
             this._mediaStreamTrack.stop();
             const mediaStream = yield navigator.mediaDevices.getUserMedia(streamConstraints);
             const newTrack = mediaStream.getTracks()[0];
-            yield newTrack.applyConstraints(otherConstraints);
+            if (this.kind === Track.Kind.Video) {
+              yield newTrack.applyConstraints(otherConstraints);
+            }
             newTrack.addEventListener("ended", this.handleEnded);
             this.log.debug("re-acquired MediaStreamTrack", this.logContext);
             yield this.setMediaStreamTrack(newTrack);
@@ -14593,9 +14708,9 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(processor) {
           var _this3 = this;
           let showProcessedStreamLocally = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-          return function* () {
+          return (function* () {
             var _a;
-            const unlock = yield _this3.processorLock.lock();
+            const unlock = yield _this3.trackChangeLock.lock();
             try {
               _this3.log.debug("setting up processor", _this3.logContext);
               const processorElement = document.createElement(_this3.kind);
@@ -14608,7 +14723,7 @@ var init_livekit_client_esm = __esm({
               yield processor.init(processorOptions);
               _this3.log.debug("processor initialized", _this3.logContext);
               if (_this3.processor) {
-                yield _this3.stopProcessor();
+                yield _this3.internalStopProcessor();
               }
               if (_this3.kind === "unknown") {
                 throw TypeError("cannot set processor on track of unknown kind");
@@ -14648,7 +14763,7 @@ var init_livekit_client_esm = __esm({
             } finally {
               unlock();
             }
-          }();
+          })();
         });
       }
       getProcessor() {
@@ -14665,21 +14780,40 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function() {
           var _this4 = this;
           let keepElement = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-          return function* () {
+          return (function* () {
+            const unlock = yield _this4.trackChangeLock.lock();
+            try {
+              yield _this4.internalStopProcessor(keepElement);
+            } finally {
+              unlock();
+            }
+          })();
+        });
+      }
+      /**
+       * @internal
+       * This method assumes the caller has acquired a trackChangeLock already.
+       * The public facing method for stopping the processor is `stopProcessor` and it wraps this method in the trackChangeLock.
+       */
+      internalStopProcessor() {
+        return __awaiter(this, arguments, void 0, function() {
+          var _this5 = this;
+          let keepElement = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+          return (function* () {
             var _a, _b;
-            if (!_this4.processor) return;
-            _this4.log.debug("stopping processor", _this4.logContext);
-            (_a = _this4.processor.processedTrack) === null || _a === void 0 ? void 0 : _a.stop();
-            yield _this4.processor.destroy();
-            _this4.processor = void 0;
+            if (!_this5.processor) return;
+            _this5.log.debug("stopping processor", _this5.logContext);
+            (_a = _this5.processor.processedTrack) === null || _a === void 0 ? void 0 : _a.stop();
+            yield _this5.processor.destroy();
+            _this5.processor = void 0;
             if (!keepElement) {
-              (_b = _this4.processorElement) === null || _b === void 0 ? void 0 : _b.remove();
-              _this4.processorElement = void 0;
+              (_b = _this5.processorElement) === null || _b === void 0 ? void 0 : _b.remove();
+              _this5.processorElement = void 0;
             }
-            yield _this4._mediaStreamTrack.applyConstraints(_this4._constraints);
-            yield _this4.setMediaStreamTrack(_this4._mediaStreamTrack, true);
-            _this4.emit(TrackEvent.TrackProcessorUpdate);
-          }();
+            yield _this5._mediaStreamTrack.applyConstraints(_this5._constraints);
+            yield _this5.setMediaStreamTrack(_this5._mediaStreamTrack, true);
+            _this5.emit(TrackEvent.TrackProcessorUpdate);
+          })();
         });
       }
       /** @internal */
@@ -14867,13 +15001,13 @@ var init_livekit_client_esm = __esm({
       setProcessor(processor) {
         return __awaiter(this, void 0, void 0, function* () {
           var _a;
-          const unlock = yield this.processorLock.lock();
+          const unlock = yield this.trackChangeLock.lock();
           try {
             if (!isReactNative() && !this.audioContext) {
               throw Error("Audio context needs to be set on LocalAudioTrack in order to enable processors");
             }
             if (this.processor) {
-              yield this.stopProcessor();
+              yield this.internalStopProcessor();
             }
             const processorOptions = {
               kind: this.kind,
@@ -15288,7 +15422,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(processor) {
           var _this = this;
           let showProcessedStreamLocally = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-          return function* () {
+          return (function* () {
             var _a, e_4, _b, _c;
             var _d, _e;
             yield _super.setProcessor.call(_this, processor, showProcessedStreamLocally);
@@ -15312,7 +15446,7 @@ var init_livekit_client_esm = __esm({
                 }
               }
             }
-          }();
+          })();
         });
       }
       setDegradationPreference(preference) {
@@ -15536,7 +15670,7 @@ var init_livekit_client_esm = __esm({
           let {
             channel
           } = _ref;
-          return function* () {
+          return (function* () {
             if (!channel) {
               return;
             }
@@ -15549,7 +15683,7 @@ var init_livekit_client_esm = __esm({
             }
             _this.log.debug("on data channel ".concat(channel.id, ", ").concat(channel.label), _this.logContext);
             channel.onmessage = _this.handleDataMessage;
-          }();
+          })();
         });
         this.handleDataMessage = (message) => __awaiter(this, void 0, void 0, function* () {
           var _a2, _b;
@@ -16432,7 +16566,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(kind) {
           var _this2 = this;
           let subscriber = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.subscriberPrimary;
-          return function* () {
+          return (function* () {
             var _a;
             if (!_this2.pcManager) {
               throw new UnexpectedConnectionState("PC manager is closed");
@@ -16465,7 +16599,7 @@ var init_livekit_client_esm = __esm({
               yield sleep(50);
             }
             throw new ConnectionError("could not establish ".concat(transportName, " connection, state: ").concat(transport.getICEConnectionState()), ConnectionErrorReason.InternalError);
-          }();
+          })();
         });
       }
       ensurePublisherConnected(kind) {
@@ -16708,30 +16842,72 @@ var init_livekit_client_esm = __esm({
       get info() {
         return this._info;
       }
-      constructor(info, stream, totalByteSize) {
+      /** @internal */
+      validateBytesReceived() {
+        let doneReceiving = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+        if (typeof this.totalByteSize !== "number" || this.totalByteSize === 0) {
+          return;
+        }
+        if (doneReceiving && this.bytesReceived < this.totalByteSize) {
+          throw new DataStreamError("Not enough chunk(s) received - expected ".concat(this.totalByteSize, " bytes of data total, only received ").concat(this.bytesReceived, " bytes"), DataStreamErrorReason.Incomplete);
+        } else if (this.bytesReceived > this.totalByteSize) {
+          throw new DataStreamError("Extra chunk(s) received - expected ".concat(this.totalByteSize, " bytes of data total, received ").concat(this.bytesReceived, " bytes"), DataStreamErrorReason.LengthExceeded);
+        }
+      }
+      constructor(info, stream, totalByteSize, outOfBandFailureRejectingFuture) {
         this.reader = stream;
         this.totalByteSize = totalByteSize;
         this._info = info;
         this.bytesReceived = 0;
+        this.outOfBandFailureRejectingFuture = outOfBandFailureRejectingFuture;
       }
     };
     ByteStreamReader = class extends BaseStreamReader {
       handleChunkReceived(chunk) {
         var _a;
         this.bytesReceived += chunk.content.byteLength;
+        this.validateBytesReceived();
         const currentProgress = this.totalByteSize ? this.bytesReceived / this.totalByteSize : void 0;
         (_a = this.onProgress) === null || _a === void 0 ? void 0 : _a.call(this, currentProgress);
       }
       [Symbol.asyncIterator]() {
         const reader = this.reader.getReader();
+        let rejectingSignalFuture = new Future();
+        let activeSignal = null;
+        let onAbort = null;
+        if (this.signal) {
+          const signal = this.signal;
+          onAbort = () => {
+            var _a;
+            (_a = rejectingSignalFuture.reject) === null || _a === void 0 ? void 0 : _a.call(rejectingSignalFuture, signal.reason);
+          };
+          signal.addEventListener("abort", onAbort);
+          activeSignal = signal;
+        }
+        const cleanup = () => {
+          reader.releaseLock();
+          if (activeSignal && onAbort) {
+            activeSignal.removeEventListener("abort", onAbort);
+          }
+          this.signal = void 0;
+        };
         return {
           next: () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             try {
               const {
                 done,
                 value
-              } = yield reader.read();
+              } = yield Promise.race([
+                reader.read(),
+                // Rejects if this.signal is aborted
+                rejectingSignalFuture.promise,
+                // Rejects if something external says it should, like a participant disconnecting, etc
+                (_b = (_a = this.outOfBandFailureRejectingFuture) === null || _a === void 0 ? void 0 : _a.promise) !== null && _b !== void 0 ? _b : new Promise(() => {
+                })
+              ]);
               if (done) {
+                this.validateBytesReceived(true);
                 return {
                   done: true,
                   value: void 0
@@ -16743,16 +16919,16 @@ var init_livekit_client_esm = __esm({
                   value: value.content
                 };
               }
-            } catch (error) {
-              return {
-                done: true,
-                value: void 0
-              };
+            } catch (err) {
+              cleanup();
+              throw err;
             }
           }),
+          // note: `return` runs only for premature exits, see:
+          // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#errors_during_iteration
           return() {
             return __awaiter(this, void 0, void 0, function* () {
-              reader.releaseLock();
+              cleanup();
               return {
                 done: true,
                 value: void 0
@@ -16761,29 +16937,45 @@ var init_livekit_client_esm = __esm({
           }
         };
       }
+      /**
+       * Injects an AbortSignal, which if aborted, will terminate the currently active
+       * stream iteration operation.
+       *
+       * Note that when using AbortSignal.timeout(...), the timeout applies across
+       * the whole iteration operation, not just one individual chunk read.
+       */
+      withAbortSignal(signal) {
+        this.signal = signal;
+        return this;
+      }
       readAll() {
-        return __awaiter(this, void 0, void 0, function* () {
-          var _a, e_1, _b, _c;
-          let chunks = /* @__PURE__ */ new Set();
-          try {
-            for (var _d = true, _e = __asyncValues(this), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
-              _c = _f.value;
-              _d = false;
-              const chunk = _c;
-              chunks.add(chunk);
-            }
-          } catch (e_1_1) {
-            e_1 = {
-              error: e_1_1
-            };
-          } finally {
+        return __awaiter(this, arguments, void 0, function() {
+          var _this = this;
+          let opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+          return (function* () {
+            var _a, e_1, _b, _c;
+            let chunks = /* @__PURE__ */ new Set();
+            const iterator = opts.signal ? _this.withAbortSignal(opts.signal) : _this;
             try {
-              if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
+              for (var _d = true, iterator_1 = __asyncValues(iterator), iterator_1_1; iterator_1_1 = yield iterator_1.next(), _a = iterator_1_1.done, !_a; _d = true) {
+                _c = iterator_1_1.value;
+                _d = false;
+                const chunk = _c;
+                chunks.add(chunk);
+              }
+            } catch (e_1_1) {
+              e_1 = {
+                error: e_1_1
+              };
             } finally {
-              if (e_1) throw e_1.error;
+              try {
+                if (!_d && !_a && (_b = iterator_1.return)) yield _b.call(iterator_1);
+              } finally {
+                if (e_1) throw e_1.error;
+              }
             }
-          }
-          return Array.from(chunks);
+            return Array.from(chunks);
+          })();
         });
       }
     };
@@ -16792,8 +16984,8 @@ var init_livekit_client_esm = __esm({
        * A TextStreamReader instance can be used as an AsyncIterator that returns the entire string
        * that has been received up to the current point in time.
        */
-      constructor(info, stream, totalChunkCount) {
-        super(info, stream, totalChunkCount);
+      constructor(info, stream, totalChunkCount, outOfBandFailureRejectingFuture) {
+        super(info, stream, totalChunkCount, outOfBandFailureRejectingFuture);
         this.receivedChunks = /* @__PURE__ */ new Map();
       }
       handleChunkReceived(chunk) {
@@ -16805,6 +16997,7 @@ var init_livekit_client_esm = __esm({
         }
         this.receivedChunks.set(index2, chunk);
         this.bytesReceived += chunk.content.byteLength;
+        this.validateBytesReceived();
         const currentProgress = this.totalByteSize ? this.bytesReceived / this.totalByteSize : void 0;
         (_a = this.onProgress) === null || _a === void 0 ? void 0 : _a.call(this, currentProgress);
       }
@@ -16815,36 +17008,72 @@ var init_livekit_client_esm = __esm({
        */
       [Symbol.asyncIterator]() {
         const reader = this.reader.getReader();
-        const decoder = new TextDecoder();
+        const decoder = new TextDecoder("utf-8", {
+          fatal: true
+        });
+        let rejectingSignalFuture = new Future();
+        let activeSignal = null;
+        let onAbort = null;
+        if (this.signal) {
+          const signal = this.signal;
+          onAbort = () => {
+            var _a;
+            (_a = rejectingSignalFuture.reject) === null || _a === void 0 ? void 0 : _a.call(rejectingSignalFuture, signal.reason);
+          };
+          signal.addEventListener("abort", onAbort);
+          activeSignal = signal;
+        }
+        const cleanup = () => {
+          reader.releaseLock();
+          if (activeSignal && onAbort) {
+            activeSignal.removeEventListener("abort", onAbort);
+          }
+          this.signal = void 0;
+        };
         return {
           next: () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             try {
               const {
                 done,
                 value
-              } = yield reader.read();
+              } = yield Promise.race([
+                reader.read(),
+                // Rejects if this.signal is aborted
+                rejectingSignalFuture.promise,
+                // Rejects if something external says it should, like a participant disconnecting, etc
+                (_b = (_a = this.outOfBandFailureRejectingFuture) === null || _a === void 0 ? void 0 : _a.promise) !== null && _b !== void 0 ? _b : new Promise(() => {
+                })
+              ]);
               if (done) {
+                this.validateBytesReceived(true);
                 return {
                   done: true,
                   value: void 0
                 };
               } else {
                 this.handleChunkReceived(value);
+                let decodedResult;
+                try {
+                  decodedResult = decoder.decode(value.content);
+                } catch (err) {
+                  throw new DataStreamError("Cannot decode datastream chunk ".concat(value.chunkIndex, " as text: ").concat(err), DataStreamErrorReason.DecodeFailed);
+                }
                 return {
                   done: false,
-                  value: decoder.decode(value.content)
+                  value: decodedResult
                 };
               }
-            } catch (error) {
-              return {
-                done: true,
-                value: void 0
-              };
+            } catch (err) {
+              cleanup();
+              throw err;
             }
           }),
+          // note: `return` runs only for premature exits, see:
+          // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#errors_during_iteration
           return() {
             return __awaiter(this, void 0, void 0, function* () {
-              reader.releaseLock();
+              cleanup();
               return {
                 done: true,
                 value: void 0
@@ -16853,31 +17082,215 @@ var init_livekit_client_esm = __esm({
           }
         };
       }
+      /**
+       * Injects an AbortSignal, which if aborted, will terminate the currently active
+       * stream iteration operation.
+       *
+       * Note that when using AbortSignal.timeout(...), the timeout applies across
+       * the whole iteration operation, not just one individual chunk read.
+       */
+      withAbortSignal(signal) {
+        this.signal = signal;
+        return this;
+      }
       readAll() {
+        return __awaiter(this, arguments, void 0, function() {
+          var _this2 = this;
+          let opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+          return (function* () {
+            var _a, e_2, _b, _c;
+            let finalString = "";
+            const iterator = opts.signal ? _this2.withAbortSignal(opts.signal) : _this2;
+            try {
+              for (var _d = true, iterator_2 = __asyncValues(iterator), iterator_2_1; iterator_2_1 = yield iterator_2.next(), _a = iterator_2_1.done, !_a; _d = true) {
+                _c = iterator_2_1.value;
+                _d = false;
+                const chunk = _c;
+                finalString += chunk;
+              }
+            } catch (e_2_1) {
+              e_2 = {
+                error: e_2_1
+              };
+            } finally {
+              try {
+                if (!_d && !_a && (_b = iterator_2.return)) yield _b.call(iterator_2);
+              } finally {
+                if (e_2) throw e_2.error;
+              }
+            }
+            return finalString;
+          })();
+        });
+      }
+    };
+    IncomingDataStreamManager = class {
+      constructor() {
+        this.log = livekitLogger;
+        this.byteStreamControllers = /* @__PURE__ */ new Map();
+        this.textStreamControllers = /* @__PURE__ */ new Map();
+        this.byteStreamHandlers = /* @__PURE__ */ new Map();
+        this.textStreamHandlers = /* @__PURE__ */ new Map();
+      }
+      registerTextStreamHandler(topic, callback) {
+        if (this.textStreamHandlers.has(topic)) {
+          throw new DataStreamError('A text stream handler for topic "'.concat(topic, '" has already been set.'), DataStreamErrorReason.HandlerAlreadyRegistered);
+        }
+        this.textStreamHandlers.set(topic, callback);
+      }
+      unregisterTextStreamHandler(topic) {
+        this.textStreamHandlers.delete(topic);
+      }
+      registerByteStreamHandler(topic, callback) {
+        if (this.byteStreamHandlers.has(topic)) {
+          throw new DataStreamError('A byte stream handler for topic "'.concat(topic, '" has already been set.'), DataStreamErrorReason.HandlerAlreadyRegistered);
+        }
+        this.byteStreamHandlers.set(topic, callback);
+      }
+      unregisterByteStreamHandler(topic) {
+        this.byteStreamHandlers.delete(topic);
+      }
+      clearHandlersAndControllers() {
+        this.byteStreamControllers.clear();
+        this.textStreamControllers.clear();
+        this.byteStreamHandlers.clear();
+        this.textStreamHandlers.clear();
+      }
+      validateParticipantHasNoActiveDataStreams(participantIdentity) {
+        var _a, _b, _c, _d;
+        const textStreamsBeingSentByDisconnectingParticipant = Array.from(this.textStreamControllers.entries()).filter((entry) => entry[1].sendingParticipantIdentity === participantIdentity);
+        const byteStreamsBeingSentByDisconnectingParticipant = Array.from(this.byteStreamControllers.entries()).filter((entry) => entry[1].sendingParticipantIdentity === participantIdentity);
+        if (textStreamsBeingSentByDisconnectingParticipant.length > 0 || byteStreamsBeingSentByDisconnectingParticipant.length > 0) {
+          const abnormalEndError = new DataStreamError("Participant ".concat(participantIdentity, " unexpectedly disconnected in the middle of sending data"), DataStreamErrorReason.AbnormalEnd);
+          for (const [id, controller] of byteStreamsBeingSentByDisconnectingParticipant) {
+            (_b = (_a = controller.outOfBandFailureRejectingFuture).reject) === null || _b === void 0 ? void 0 : _b.call(_a, abnormalEndError);
+            this.byteStreamControllers.delete(id);
+          }
+          for (const [id, controller] of textStreamsBeingSentByDisconnectingParticipant) {
+            (_d = (_c = controller.outOfBandFailureRejectingFuture).reject) === null || _d === void 0 ? void 0 : _d.call(_c, abnormalEndError);
+            this.textStreamControllers.delete(id);
+          }
+        }
+      }
+      handleDataStreamPacket(packet) {
         return __awaiter(this, void 0, void 0, function* () {
-          var _a, e_2, _b, _c;
-          let finalString = "";
-          try {
-            for (var _d = true, _e = __asyncValues(this), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
-              _c = _f.value;
-              _d = false;
-              const chunk = _c;
-              finalString += chunk;
+          switch (packet.value.case) {
+            case "streamHeader":
+              return this.handleStreamHeader(packet.value.value, packet.participantIdentity);
+            case "streamChunk":
+              return this.handleStreamChunk(packet.value.value);
+            case "streamTrailer":
+              return this.handleStreamTrailer(packet.value.value);
+            default:
+              throw new Error('DataPacket of value "'.concat(packet.value.case, '" is not data stream related!'));
+          }
+        });
+      }
+      handleStreamHeader(streamHeader, participantIdentity) {
+        return __awaiter(this, void 0, void 0, function* () {
+          var _a;
+          if (streamHeader.contentHeader.case === "byteHeader") {
+            const streamHandlerCallback = this.byteStreamHandlers.get(streamHeader.topic);
+            if (!streamHandlerCallback) {
+              this.log.debug("ignoring incoming byte stream due to no handler for topic", streamHeader.topic);
+              return;
             }
-          } catch (e_2_1) {
-            e_2 = {
-              error: e_2_1
+            let streamController;
+            const outOfBandFailureRejectingFuture = new Future();
+            const info = {
+              id: streamHeader.streamId,
+              name: (_a = streamHeader.contentHeader.value.name) !== null && _a !== void 0 ? _a : "unknown",
+              mimeType: streamHeader.mimeType,
+              size: streamHeader.totalLength ? Number(streamHeader.totalLength) : void 0,
+              topic: streamHeader.topic,
+              timestamp: bigIntToNumber(streamHeader.timestamp),
+              attributes: streamHeader.attributes
             };
-          } finally {
-            try {
-              if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
-            } finally {
-              if (e_2) throw e_2.error;
+            const stream = new ReadableStream({
+              start: (controller) => {
+                streamController = controller;
+                if (this.textStreamControllers.has(streamHeader.streamId)) {
+                  throw new DataStreamError("A data stream read is already in progress for a stream with id ".concat(streamHeader.streamId, "."), DataStreamErrorReason.AlreadyOpened);
+                }
+                this.byteStreamControllers.set(streamHeader.streamId, {
+                  info,
+                  controller: streamController,
+                  startTime: Date.now(),
+                  sendingParticipantIdentity: participantIdentity,
+                  outOfBandFailureRejectingFuture
+                });
+              }
+            });
+            streamHandlerCallback(new ByteStreamReader(info, stream, bigIntToNumber(streamHeader.totalLength), outOfBandFailureRejectingFuture), {
+              identity: participantIdentity
+            });
+          } else if (streamHeader.contentHeader.case === "textHeader") {
+            const streamHandlerCallback = this.textStreamHandlers.get(streamHeader.topic);
+            if (!streamHandlerCallback) {
+              this.log.debug("ignoring incoming text stream due to no handler for topic", streamHeader.topic);
+              return;
             }
+            let streamController;
+            const outOfBandFailureRejectingFuture = new Future();
+            const info = {
+              id: streamHeader.streamId,
+              mimeType: streamHeader.mimeType,
+              size: streamHeader.totalLength ? Number(streamHeader.totalLength) : void 0,
+              topic: streamHeader.topic,
+              timestamp: Number(streamHeader.timestamp),
+              attributes: streamHeader.attributes
+            };
+            const stream = new ReadableStream({
+              start: (controller) => {
+                streamController = controller;
+                if (this.textStreamControllers.has(streamHeader.streamId)) {
+                  throw new DataStreamError("A data stream read is already in progress for a stream with id ".concat(streamHeader.streamId, "."), DataStreamErrorReason.AlreadyOpened);
+                }
+                this.textStreamControllers.set(streamHeader.streamId, {
+                  info,
+                  controller: streamController,
+                  startTime: Date.now(),
+                  sendingParticipantIdentity: participantIdentity,
+                  outOfBandFailureRejectingFuture
+                });
+              }
+            });
+            streamHandlerCallback(new TextStreamReader(info, stream, bigIntToNumber(streamHeader.totalLength), outOfBandFailureRejectingFuture), {
+              identity: participantIdentity
+            });
           }
-          return finalString;
         });
       }
+      handleStreamChunk(chunk) {
+        const fileBuffer = this.byteStreamControllers.get(chunk.streamId);
+        if (fileBuffer) {
+          if (chunk.content.length > 0) {
+            fileBuffer.controller.enqueue(chunk);
+          }
+        }
+        const textBuffer = this.textStreamControllers.get(chunk.streamId);
+        if (textBuffer) {
+          if (chunk.content.length > 0) {
+            textBuffer.controller.enqueue(chunk);
+          }
+        }
+      }
+      handleStreamTrailer(trailer) {
+        const textBuffer = this.textStreamControllers.get(trailer.streamId);
+        if (textBuffer) {
+          textBuffer.info.attributes = Object.assign(Object.assign({}, textBuffer.info.attributes), trailer.attributes);
+          textBuffer.controller.close();
+          this.textStreamControllers.delete(trailer.streamId);
+        }
+        const fileBuffer = this.byteStreamControllers.get(trailer.streamId);
+        if (fileBuffer) {
+          {
+            fileBuffer.info.attributes = Object.assign(Object.assign({}, fileBuffer.info.attributes), trailer.attributes);
+            fileBuffer.controller.close();
+            this.byteStreamControllers.delete(trailer.streamId);
+          }
+        }
+      }
     };
     BaseStreamWriter = class {
       constructor(writableStream, info, onClose) {
@@ -16902,6 +17315,277 @@ var init_livekit_client_esm = __esm({
     };
     ByteStreamWriter = class extends BaseStreamWriter {
     };
+    STREAM_CHUNK_SIZE = 15e3;
+    OutgoingDataStreamManager = class {
+      constructor(engine, log2) {
+        this.engine = engine;
+        this.log = log2;
+      }
+      setupEngine(engine) {
+        this.engine = engine;
+      }
+      /** {@inheritDoc LocalParticipant.sendText} */
+      sendText(text7, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+          var _a;
+          const streamId = crypto.randomUUID();
+          const textInBytes = new TextEncoder().encode(text7);
+          const totalTextLength = textInBytes.byteLength;
+          const fileIds = (_a = options === null || options === void 0 ? void 0 : options.attachments) === null || _a === void 0 ? void 0 : _a.map(() => crypto.randomUUID());
+          const progresses = new Array(fileIds ? fileIds.length + 1 : 1).fill(0);
+          const handleProgress = (progress, idx) => {
+            var _a2;
+            progresses[idx] = progress;
+            const totalProgress = progresses.reduce((acc, val) => acc + val, 0);
+            (_a2 = options === null || options === void 0 ? void 0 : options.onProgress) === null || _a2 === void 0 ? void 0 : _a2.call(options, totalProgress);
+          };
+          const writer2 = yield this.streamText({
+            streamId,
+            totalSize: totalTextLength,
+            destinationIdentities: options === null || options === void 0 ? void 0 : options.destinationIdentities,
+            topic: options === null || options === void 0 ? void 0 : options.topic,
+            attachedStreamIds: fileIds,
+            attributes: options === null || options === void 0 ? void 0 : options.attributes
+          });
+          yield writer2.write(text7);
+          handleProgress(1, 0);
+          yield writer2.close();
+          if ((options === null || options === void 0 ? void 0 : options.attachments) && fileIds) {
+            yield Promise.all(options.attachments.map((file, idx) => __awaiter(this, void 0, void 0, function* () {
+              return this._sendFile(fileIds[idx], file, {
+                topic: options.topic,
+                mimeType: file.type,
+                onProgress: (progress) => {
+                  handleProgress(progress, idx + 1);
+                }
+              });
+            })));
+          }
+          return writer2.info;
+        });
+      }
+      /**
+       * @internal
+       * @experimental CAUTION, might get removed in a minor release
+       */
+      streamText(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+          var _a, _b;
+          const streamId = (_a = options === null || options === void 0 ? void 0 : options.streamId) !== null && _a !== void 0 ? _a : crypto.randomUUID();
+          const info = {
+            id: streamId,
+            mimeType: "text/plain",
+            timestamp: Date.now(),
+            topic: (_b = options === null || options === void 0 ? void 0 : options.topic) !== null && _b !== void 0 ? _b : "",
+            size: options === null || options === void 0 ? void 0 : options.totalSize,
+            attributes: options === null || options === void 0 ? void 0 : options.attributes
+          };
+          const header = new DataStream_Header({
+            streamId,
+            mimeType: info.mimeType,
+            topic: info.topic,
+            timestamp: numberToBigInt(info.timestamp),
+            totalLength: numberToBigInt(options === null || options === void 0 ? void 0 : options.totalSize),
+            attributes: info.attributes,
+            contentHeader: {
+              case: "textHeader",
+              value: new DataStream_TextHeader({
+                version: options === null || options === void 0 ? void 0 : options.version,
+                attachedStreamIds: options === null || options === void 0 ? void 0 : options.attachedStreamIds,
+                replyToStreamId: options === null || options === void 0 ? void 0 : options.replyToStreamId,
+                operationType: (options === null || options === void 0 ? void 0 : options.type) === "update" ? DataStream_OperationType.UPDATE : DataStream_OperationType.CREATE
+              })
+            }
+          });
+          const destinationIdentities = options === null || options === void 0 ? void 0 : options.destinationIdentities;
+          const packet = new DataPacket({
+            destinationIdentities,
+            value: {
+              case: "streamHeader",
+              value: header
+            }
+          });
+          yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
+          let chunkId = 0;
+          const engine = this.engine;
+          const writableStream = new WritableStream({
+            // Implement the sink
+            write(text7) {
+              return __awaiter(this, void 0, void 0, function* () {
+                for (const textByteChunk of splitUtf8(text7, STREAM_CHUNK_SIZE)) {
+                  yield engine.waitForBufferStatusLow(DataPacket_Kind.RELIABLE);
+                  const chunk = new DataStream_Chunk({
+                    content: textByteChunk,
+                    streamId,
+                    chunkIndex: numberToBigInt(chunkId)
+                  });
+                  const chunkPacket = new DataPacket({
+                    destinationIdentities,
+                    value: {
+                      case: "streamChunk",
+                      value: chunk
+                    }
+                  });
+                  yield engine.sendDataPacket(chunkPacket, DataPacket_Kind.RELIABLE);
+                  chunkId += 1;
+                }
+              });
+            },
+            close() {
+              return __awaiter(this, void 0, void 0, function* () {
+                const trailer = new DataStream_Trailer({
+                  streamId
+                });
+                const trailerPacket = new DataPacket({
+                  destinationIdentities,
+                  value: {
+                    case: "streamTrailer",
+                    value: trailer
+                  }
+                });
+                yield engine.sendDataPacket(trailerPacket, DataPacket_Kind.RELIABLE);
+              });
+            },
+            abort(err) {
+              console.log("Sink error:", err);
+            }
+          });
+          let onEngineClose = () => __awaiter(this, void 0, void 0, function* () {
+            yield writer2.close();
+          });
+          engine.once(EngineEvent.Closing, onEngineClose);
+          const writer2 = new TextStreamWriter(writableStream, info, () => this.engine.off(EngineEvent.Closing, onEngineClose));
+          return writer2;
+        });
+      }
+      sendFile(file, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+          const streamId = crypto.randomUUID();
+          yield this._sendFile(streamId, file, options);
+          return {
+            id: streamId
+          };
+        });
+      }
+      _sendFile(streamId, file, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+          var _a;
+          const writer2 = yield this.streamBytes({
+            streamId,
+            totalSize: file.size,
+            name: file.name,
+            mimeType: (_a = options === null || options === void 0 ? void 0 : options.mimeType) !== null && _a !== void 0 ? _a : file.type,
+            topic: options === null || options === void 0 ? void 0 : options.topic,
+            destinationIdentities: options === null || options === void 0 ? void 0 : options.destinationIdentities
+          });
+          const reader = file.stream().getReader();
+          while (true) {
+            const {
+              done,
+              value
+            } = yield reader.read();
+            if (done) {
+              break;
+            }
+            yield writer2.write(value);
+          }
+          yield writer2.close();
+          return writer2.info;
+        });
+      }
+      streamBytes(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+          var _a, _b, _c, _d, _e;
+          const streamId = (_a = options === null || options === void 0 ? void 0 : options.streamId) !== null && _a !== void 0 ? _a : crypto.randomUUID();
+          const destinationIdentities = options === null || options === void 0 ? void 0 : options.destinationIdentities;
+          const info = {
+            id: streamId,
+            mimeType: (_b = options === null || options === void 0 ? void 0 : options.mimeType) !== null && _b !== void 0 ? _b : "application/octet-stream",
+            topic: (_c = options === null || options === void 0 ? void 0 : options.topic) !== null && _c !== void 0 ? _c : "",
+            timestamp: Date.now(),
+            attributes: options === null || options === void 0 ? void 0 : options.attributes,
+            size: options === null || options === void 0 ? void 0 : options.totalSize,
+            name: (_d = options === null || options === void 0 ? void 0 : options.name) !== null && _d !== void 0 ? _d : "unknown"
+          };
+          const header = new DataStream_Header({
+            totalLength: numberToBigInt((_e = info.size) !== null && _e !== void 0 ? _e : 0),
+            mimeType: info.mimeType,
+            streamId,
+            topic: info.topic,
+            timestamp: numberToBigInt(Date.now()),
+            attributes: info.attributes,
+            contentHeader: {
+              case: "byteHeader",
+              value: new DataStream_ByteHeader({
+                name: info.name
+              })
+            }
+          });
+          const packet = new DataPacket({
+            destinationIdentities,
+            value: {
+              case: "streamHeader",
+              value: header
+            }
+          });
+          yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
+          let chunkId = 0;
+          const writeMutex = new _();
+          const engine = this.engine;
+          const logLocal = this.log;
+          const writableStream = new WritableStream({
+            write(chunk) {
+              return __awaiter(this, void 0, void 0, function* () {
+                const unlock = yield writeMutex.lock();
+                let byteOffset = 0;
+                try {
+                  while (byteOffset < chunk.byteLength) {
+                    const subChunk = chunk.slice(byteOffset, byteOffset + STREAM_CHUNK_SIZE);
+                    yield engine.waitForBufferStatusLow(DataPacket_Kind.RELIABLE);
+                    const chunkPacket = new DataPacket({
+                      destinationIdentities,
+                      value: {
+                        case: "streamChunk",
+                        value: new DataStream_Chunk({
+                          content: subChunk,
+                          streamId,
+                          chunkIndex: numberToBigInt(chunkId)
+                        })
+                      }
+                    });
+                    yield engine.sendDataPacket(chunkPacket, DataPacket_Kind.RELIABLE);
+                    chunkId += 1;
+                    byteOffset += subChunk.byteLength;
+                  }
+                } finally {
+                  unlock();
+                }
+              });
+            },
+            close() {
+              return __awaiter(this, void 0, void 0, function* () {
+                const trailer = new DataStream_Trailer({
+                  streamId
+                });
+                const trailerPacket = new DataPacket({
+                  destinationIdentities,
+                  value: {
+                    case: "streamTrailer",
+                    value: trailer
+                  }
+                });
+                yield engine.sendDataPacket(trailerPacket, DataPacket_Kind.RELIABLE);
+              });
+            },
+            abort(err) {
+              logLocal.error("Sink error:", err);
+            }
+          });
+          const byteWriter = new ByteStreamWriter(writableStream, info);
+          return byteWriter;
+        });
+      }
+    };
     RemoteTrack = class extends Track {
       constructor(mediaTrack, sid, kind, receiver, loggerOptions) {
         super(mediaTrack, kind, loggerOptions);
@@ -17237,6 +17921,13 @@ var init_livekit_client_esm = __esm({
       get isAdaptiveStream() {
         return this.adaptiveStreamSettings !== void 0;
       }
+      setStreamState(value) {
+        super.setStreamState(value);
+        console.log("setStreamState", value);
+        if (value === Track.StreamState.Active) {
+          this.updateVisibility();
+        }
+      }
       /**
        * Note: When using adaptiveStream, you need to use remoteVideoTrack.attach() to add the track to a HTMLVideoElement, otherwise your video tracks might never start
        */
@@ -17380,13 +18071,13 @@ var init_livekit_client_esm = __esm({
           this.updateVisibility();
         });
       }
-      updateVisibility() {
+      updateVisibility(forceEmit) {
         var _a, _b;
         const lastVisibilityChange = this.elementInfos.reduce((prev, info) => Math.max(prev, info.visibilityChangedAt || 0), 0);
         const backgroundPause = ((_b = (_a = this.adaptiveStreamSettings) === null || _a === void 0 ? void 0 : _a.pauseVideoInBackground) !== null && _b !== void 0 ? _b : true) ? this.isInBackground : false;
         const isPiPMode = this.elementInfos.some((info) => info.pictureInPicture);
         const isVisible = this.elementInfos.some((info) => info.visible) && !backgroundPause || isPiPMode;
-        if (this.lastVisible === isVisible) {
+        if (this.lastVisible === isVisible && !forceEmit) {
           return;
         }
         if (!isVisible && Date.now() - lastVisibilityChange < REACTION_DELAY) {
@@ -17954,10 +18645,9 @@ var init_livekit_client_esm = __esm({
         }
       }
     };
-    STREAM_CHUNK_SIZE = 15e3;
     LocalParticipant = class extends Participant {
       /** @internal */
-      constructor(sid, identity, engine, options, roomRpcHandlers) {
+      constructor(sid, identity, engine, options, roomRpcHandlers, roomOutgoingDataStreamManager) {
         super(sid, identity, void 0, void 0, void 0, {
           loggerName: options.loggerName,
           loggerContextCb: () => this.engine.logContext
@@ -18183,6 +18873,7 @@ var init_livekit_client_esm = __esm({
         this.activeDeviceMap = /* @__PURE__ */ new Map([["audioinput", "default"], ["videoinput", "default"], ["audiooutput", "default"]]);
         this.pendingSignalRequests = /* @__PURE__ */ new Map();
         this.rpcHandlers = roomRpcHandlers;
+        this.roomOutgoingDataStreamManager = roomOutgoingDataStreamManager;
       }
       get lastCameraError() {
         return this.cameraError;
@@ -18274,7 +18965,7 @@ var init_livekit_client_esm = __esm({
             name: name2,
             attributes
           } = _ref;
-          return function* () {
+          return (function* () {
             return new Promise((resolve, reject) => __awaiter(_this, void 0, void 0, function* () {
               var _a2, _b;
               try {
@@ -18309,7 +19000,7 @@ var init_livekit_client_esm = __esm({
                 if (e3 instanceof Error) reject(e3);
               }
             }));
-          }();
+          })();
         });
       }
       /**
@@ -18578,7 +19269,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(track, options) {
           var _this2 = this;
           let isRepublish = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-          return function* () {
+          return (function* () {
             var _a, _b, _c, _d;
             if (isLocalAudioTrack(track)) {
               track.setAudioContext(_this2.audioContext);
@@ -18703,7 +19394,7 @@ var init_livekit_client_esm = __esm({
             } finally {
               _this2.pendingPublishPromises.delete(track);
             }
-          }();
+          })();
         });
       }
       waitUntilEngineConnected() {
@@ -19185,7 +19876,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(options) {
           var _this3 = this;
           let restartTracks = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-          return function* () {
+          return (function* () {
             if (_this3.republishPromise) {
               yield _this3.republishPromise;
             }
@@ -19219,7 +19910,7 @@ var init_livekit_client_esm = __esm({
               }
             }));
             yield _this3.republishPromise;
-          }();
+          })();
         });
       }
       /**
@@ -19233,7 +19924,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(data) {
           var _this4 = this;
           let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-          return function* () {
+          return (function* () {
             const kind = options.reliable ? DataPacket_Kind.RELIABLE : DataPacket_Kind.LOSSY;
             const destinationIdentities = options.destinationIdentities;
             const topic = options.topic;
@@ -19250,7 +19941,7 @@ var init_livekit_client_esm = __esm({
               }
             });
             yield _this4.engine.sendDataPacket(packet, kind);
-          }();
+          })();
         });
       }
       /**
@@ -19274,6 +19965,7 @@ var init_livekit_client_esm = __esm({
           yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
         });
       }
+      /** @deprecated Consider migrating to {@link sendText} */
       sendChatMessage(text7, options) {
         return __awaiter(this, void 0, void 0, function* () {
           const msg = {
@@ -19295,6 +19987,7 @@ var init_livekit_client_esm = __esm({
           return msg;
         });
       }
+      /** @deprecated Consider migrating to {@link sendText} */
       editChatMessage(editText, originalMessage) {
         return __awaiter(this, void 0, void 0, function* () {
           const msg = Object.assign(Object.assign({}, originalMessage), {
@@ -19315,264 +20008,51 @@ var init_livekit_client_esm = __esm({
           return msg;
         });
       }
+      /**
+       * Sends the given string to participants in the room via the data channel.
+       * For longer messages, consider using {@link streamText} instead.
+       *
+       * @param text The text payload
+       * @param options.topic Topic identifier used to route the stream to appropriate handlers.
+       */
       sendText(text7, options) {
         return __awaiter(this, void 0, void 0, function* () {
-          var _a;
-          const streamId = crypto.randomUUID();
-          const textInBytes = new TextEncoder().encode(text7);
-          const totalTextLength = textInBytes.byteLength;
-          const fileIds = (_a = options === null || options === void 0 ? void 0 : options.attachments) === null || _a === void 0 ? void 0 : _a.map(() => crypto.randomUUID());
-          const progresses = new Array(fileIds ? fileIds.length + 1 : 1).fill(0);
-          const handleProgress = (progress, idx) => {
-            var _a2;
-            progresses[idx] = progress;
-            const totalProgress = progresses.reduce((acc, val) => acc + val, 0);
-            (_a2 = options === null || options === void 0 ? void 0 : options.onProgress) === null || _a2 === void 0 ? void 0 : _a2.call(options, totalProgress);
-          };
-          const writer2 = yield this.streamText({
-            streamId,
-            totalSize: totalTextLength,
-            destinationIdentities: options === null || options === void 0 ? void 0 : options.destinationIdentities,
-            topic: options === null || options === void 0 ? void 0 : options.topic,
-            attachedStreamIds: fileIds,
-            attributes: options === null || options === void 0 ? void 0 : options.attributes
-          });
-          yield writer2.write(text7);
-          handleProgress(1, 0);
-          yield writer2.close();
-          if ((options === null || options === void 0 ? void 0 : options.attachments) && fileIds) {
-            yield Promise.all(options.attachments.map((file, idx) => __awaiter(this, void 0, void 0, function* () {
-              return this._sendFile(fileIds[idx], file, {
-                topic: options.topic,
-                mimeType: file.type,
-                onProgress: (progress) => {
-                  handleProgress(progress, idx + 1);
-                }
-              });
-            })));
-          }
-          return writer2.info;
+          return this.roomOutgoingDataStreamManager.sendText(text7, options);
         });
       }
       /**
+       * Creates a new TextStreamWriter which can be used to stream text incrementally
+       * to participants in the room via the data channel.
+       *
+       * @param options.topic Topic identifier used to route the stream to appropriate handlers.
+       *
        * @internal
        * @experimental CAUTION, might get removed in a minor release
        */
       streamText(options) {
         return __awaiter(this, void 0, void 0, function* () {
-          var _a, _b;
-          const streamId = (_a = options === null || options === void 0 ? void 0 : options.streamId) !== null && _a !== void 0 ? _a : crypto.randomUUID();
-          const info = {
-            id: streamId,
-            mimeType: "text/plain",
-            timestamp: Date.now(),
-            topic: (_b = options === null || options === void 0 ? void 0 : options.topic) !== null && _b !== void 0 ? _b : "",
-            size: options === null || options === void 0 ? void 0 : options.totalSize,
-            attributes: options === null || options === void 0 ? void 0 : options.attributes
-          };
-          const header = new DataStream_Header({
-            streamId,
-            mimeType: info.mimeType,
-            topic: info.topic,
-            timestamp: numberToBigInt(info.timestamp),
-            totalLength: numberToBigInt(options === null || options === void 0 ? void 0 : options.totalSize),
-            attributes: info.attributes,
-            contentHeader: {
-              case: "textHeader",
-              value: new DataStream_TextHeader({
-                version: options === null || options === void 0 ? void 0 : options.version,
-                attachedStreamIds: options === null || options === void 0 ? void 0 : options.attachedStreamIds,
-                replyToStreamId: options === null || options === void 0 ? void 0 : options.replyToStreamId,
-                operationType: (options === null || options === void 0 ? void 0 : options.type) === "update" ? DataStream_OperationType.UPDATE : DataStream_OperationType.CREATE
-              })
-            }
-          });
-          const destinationIdentities = options === null || options === void 0 ? void 0 : options.destinationIdentities;
-          const packet = new DataPacket({
-            destinationIdentities,
-            value: {
-              case: "streamHeader",
-              value: header
-            }
-          });
-          yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
-          let chunkId = 0;
-          const localP = this;
-          const writableStream = new WritableStream({
-            // Implement the sink
-            write(text7) {
-              return __awaiter(this, void 0, void 0, function* () {
-                for (const textByteChunk of splitUtf8(text7, STREAM_CHUNK_SIZE)) {
-                  yield localP.engine.waitForBufferStatusLow(DataPacket_Kind.RELIABLE);
-                  const chunk = new DataStream_Chunk({
-                    content: textByteChunk,
-                    streamId,
-                    chunkIndex: numberToBigInt(chunkId)
-                  });
-                  const chunkPacket = new DataPacket({
-                    destinationIdentities,
-                    value: {
-                      case: "streamChunk",
-                      value: chunk
-                    }
-                  });
-                  yield localP.engine.sendDataPacket(chunkPacket, DataPacket_Kind.RELIABLE);
-                  chunkId += 1;
-                }
-              });
-            },
-            close() {
-              return __awaiter(this, void 0, void 0, function* () {
-                const trailer = new DataStream_Trailer({
-                  streamId
-                });
-                const trailerPacket = new DataPacket({
-                  destinationIdentities,
-                  value: {
-                    case: "streamTrailer",
-                    value: trailer
-                  }
-                });
-                yield localP.engine.sendDataPacket(trailerPacket, DataPacket_Kind.RELIABLE);
-              });
-            },
-            abort(err) {
-              console.log("Sink error:", err);
-            }
-          });
-          let onEngineClose = () => __awaiter(this, void 0, void 0, function* () {
-            yield writer2.close();
-          });
-          localP.engine.once(EngineEvent.Closing, onEngineClose);
-          const writer2 = new TextStreamWriter(writableStream, info, () => this.engine.off(EngineEvent.Closing, onEngineClose));
-          return writer2;
+          return this.roomOutgoingDataStreamManager.streamText(options);
         });
       }
+      /** Send a File to all participants in the room via the data channel.
+       * @param file The File object payload
+       * @param options.topic Topic identifier used to route the stream to appropriate handlers.
+       * @param options.onProgress A callback function used to monitor the upload progress percentage.
+       */
       sendFile(file, options) {
         return __awaiter(this, void 0, void 0, function* () {
-          const streamId = crypto.randomUUID();
-          yield this._sendFile(streamId, file, options);
-          return {
-            id: streamId
-          };
-        });
-      }
-      _sendFile(streamId, file, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-          var _a;
-          const writer2 = yield this.streamBytes({
-            streamId,
-            totalSize: file.size,
-            name: file.name,
-            mimeType: (_a = options === null || options === void 0 ? void 0 : options.mimeType) !== null && _a !== void 0 ? _a : file.type,
-            topic: options === null || options === void 0 ? void 0 : options.topic,
-            destinationIdentities: options === null || options === void 0 ? void 0 : options.destinationIdentities
-          });
-          const reader = file.stream().getReader();
-          while (true) {
-            const {
-              done,
-              value
-            } = yield reader.read();
-            if (done) {
-              break;
-            }
-            yield writer2.write(value);
-          }
-          yield writer2.close();
-          return writer2.info;
+          return this.roomOutgoingDataStreamManager.sendFile(file, options);
         });
       }
+      /**
+       * Stream bytes incrementally to participants in the room via the data channel.
+       * For sending files, consider using {@link sendFile} instead.
+       *
+       * @param options.topic Topic identifier used to route the stream to appropriate handlers.
+       */
       streamBytes(options) {
         return __awaiter(this, void 0, void 0, function* () {
-          var _a, _b, _c, _d, _e;
-          const streamId = (_a = options === null || options === void 0 ? void 0 : options.streamId) !== null && _a !== void 0 ? _a : crypto.randomUUID();
-          const destinationIdentities = options === null || options === void 0 ? void 0 : options.destinationIdentities;
-          const info = {
-            id: streamId,
-            mimeType: (_b = options === null || options === void 0 ? void 0 : options.mimeType) !== null && _b !== void 0 ? _b : "application/octet-stream",
-            topic: (_c = options === null || options === void 0 ? void 0 : options.topic) !== null && _c !== void 0 ? _c : "",
-            timestamp: Date.now(),
-            attributes: options === null || options === void 0 ? void 0 : options.attributes,
-            size: options === null || options === void 0 ? void 0 : options.totalSize,
-            name: (_d = options === null || options === void 0 ? void 0 : options.name) !== null && _d !== void 0 ? _d : "unknown"
-          };
-          const header = new DataStream_Header({
-            totalLength: numberToBigInt((_e = info.size) !== null && _e !== void 0 ? _e : 0),
-            mimeType: info.mimeType,
-            streamId,
-            topic: info.topic,
-            timestamp: numberToBigInt(Date.now()),
-            attributes: info.attributes,
-            contentHeader: {
-              case: "byteHeader",
-              value: new DataStream_ByteHeader({
-                name: info.name
-              })
-            }
-          });
-          const packet = new DataPacket({
-            destinationIdentities,
-            value: {
-              case: "streamHeader",
-              value: header
-            }
-          });
-          yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
-          let chunkId = 0;
-          const writeMutex = new _();
-          const engine = this.engine;
-          const log2 = this.log;
-          const writableStream = new WritableStream({
-            write(chunk) {
-              return __awaiter(this, void 0, void 0, function* () {
-                const unlock = yield writeMutex.lock();
-                let byteOffset = 0;
-                try {
-                  while (byteOffset < chunk.byteLength) {
-                    const subChunk = chunk.slice(byteOffset, byteOffset + STREAM_CHUNK_SIZE);
-                    yield engine.waitForBufferStatusLow(DataPacket_Kind.RELIABLE);
-                    const chunkPacket = new DataPacket({
-                      destinationIdentities,
-                      value: {
-                        case: "streamChunk",
-                        value: new DataStream_Chunk({
-                          content: subChunk,
-                          streamId,
-                          chunkIndex: numberToBigInt(chunkId)
-                        })
-                      }
-                    });
-                    yield engine.sendDataPacket(chunkPacket, DataPacket_Kind.RELIABLE);
-                    chunkId += 1;
-                    byteOffset += subChunk.byteLength;
-                  }
-                } finally {
-                  unlock();
-                }
-              });
-            },
-            close() {
-              return __awaiter(this, void 0, void 0, function* () {
-                const trailer = new DataStream_Trailer({
-                  streamId
-                });
-                const trailerPacket = new DataPacket({
-                  destinationIdentities,
-                  value: {
-                    case: "streamTrailer",
-                    value: trailer
-                  }
-                });
-                yield engine.sendDataPacket(trailerPacket, DataPacket_Kind.RELIABLE);
-              });
-            },
-            abort(err) {
-              log2.error("Sink error:", err);
-            }
-          });
-          const byteWriter = new ByteStreamWriter(writableStream, info);
-          return byteWriter;
+          return this.roomOutgoingDataStreamManager.streamBytes(options);
         });
       }
       /**
@@ -19590,7 +20070,7 @@ var init_livekit_client_esm = __esm({
             payload,
             responseTimeout = 1e4
           } = _ref3;
-          return function* () {
+          return (function* () {
             const maxRoundTripLatency = 2e3;
             return new Promise((resolve, reject) => __awaiter(_this5, void 0, void 0, function* () {
               var _a2, _b, _c, _d;
@@ -19637,7 +20117,7 @@ var init_livekit_client_esm = __esm({
                 participantIdentity: destinationIdentity
               });
             }));
-          }();
+          })();
         });
       }
       /**
@@ -20329,12 +20809,12 @@ var init_livekit_client_esm = __esm({
         return super.emit(event, ...args);
       }
     };
-    (function(ConnectionState2) {
-      ConnectionState2["Disconnected"] = "disconnected";
-      ConnectionState2["Connecting"] = "connecting";
-      ConnectionState2["Connected"] = "connected";
-      ConnectionState2["Reconnecting"] = "reconnecting";
-      ConnectionState2["SignalReconnecting"] = "signalReconnecting";
+    (function(ConnectionState3) {
+      ConnectionState3["Disconnected"] = "disconnected";
+      ConnectionState3["Connecting"] = "connecting";
+      ConnectionState3["Connected"] = "connected";
+      ConnectionState3["Reconnecting"] = "reconnecting";
+      ConnectionState3["SignalReconnecting"] = "signalReconnecting";
     })(ConnectionState || (ConnectionState = {}));
     connectionReconcileFrequency = 4 * 1e3;
     Room = class _Room extends eventsExports.EventEmitter {
@@ -20355,10 +20835,6 @@ var init_livekit_client_esm = __esm({
         this.log = livekitLogger;
         this.bufferedEvents = [];
         this.isResuming = false;
-        this.byteStreamControllers = /* @__PURE__ */ new Map();
-        this.textStreamControllers = /* @__PURE__ */ new Map();
-        this.byteStreamHandlers = /* @__PURE__ */ new Map();
-        this.textStreamHandlers = /* @__PURE__ */ new Map();
         this.rpcHandlers = /* @__PURE__ */ new Map();
         this.connect = (url, token2, opts) => __awaiter(this, void 0, void 0, function* () {
           var _a2;
@@ -20573,7 +21049,7 @@ var init_livekit_client_esm = __esm({
           return __awaiter(_this, [...args_1], void 0, function() {
             var _this2 = this;
             let stopTracks = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-            return function* () {
+            return (function* () {
               var _a2, _b2, _c2, _d;
               const unlock = yield _this2.disconnectLock.lock();
               try {
@@ -20599,7 +21075,7 @@ var init_livekit_client_esm = __esm({
               } finally {
                 unlock();
               }
-            }();
+            })();
           });
         };
         this.onPageLeave = () => __awaiter(this, void 0, void 0, function* () {
@@ -20807,8 +21283,8 @@ var init_livekit_client_esm = __esm({
               return;
             }
             const newStreamState = Track.streamStateFromProto(streamState.state);
+            pub.track.setStreamState(newStreamState);
             if (newStreamState !== pub.track.streamState) {
-              pub.track.streamState = newStreamState;
               participant.emit(ParticipantEvent.TrackStreamStateChanged, pub, pub.track.streamState);
               this.emitWhenConnected(RoomEvent.TrackStreamStateChanged, pub, pub.track.streamState, participant);
             }
@@ -20848,12 +21324,8 @@ var init_livekit_client_esm = __esm({
             this.handleChatMessage(participant, packet.value.value);
           } else if (packet.value.case === "metrics") {
             this.handleMetrics(packet.value.value, participant);
-          } else if (packet.value.case === "streamHeader") {
-            this.handleStreamHeader(packet.value.value, packet.participantIdentity);
-          } else if (packet.value.case === "streamChunk") {
-            this.handleStreamChunk(packet.value.value);
-          } else if (packet.value.case === "streamTrailer") {
-            this.handleStreamTrailer(packet.value.value);
+          } else if (packet.value.case === "streamHeader" || packet.value.case === "streamChunk" || packet.value.case === "streamTrailer") {
+            this.handleDataStream(packet);
           } else if (packet.value.case === "rpcRequest") {
             const rpc = packet.value.value;
             this.handleIncomingRpcRequest(packet.participantIdentity, rpc.id, rpc.method, rpc.payload, rpc.responseTimeoutMs, rpc.version);
@@ -20867,7 +21339,6 @@ var init_livekit_client_esm = __esm({
           this.emit(RoomEvent.SipDTMFReceived, dtmf, participant);
           participant === null || participant === void 0 ? void 0 : participant.emit(ParticipantEvent.SipDTMFReceived, dtmf);
         };
-        this.bufferedSegments = /* @__PURE__ */ new Map();
         this.handleTranscription = (_remoteParticipant, transcription) => {
           const participant = transcription.transcribedParticipantIdentity === this.localParticipant.identity ? this.localParticipant : this.getParticipantByIdentity(transcription.transcribedParticipantIdentity);
           const publication = participant === null || participant === void 0 ? void 0 : participant.trackPublications.get(transcription.trackId);
@@ -20883,6 +21354,10 @@ var init_livekit_client_esm = __esm({
         this.handleMetrics = (metrics, participant) => {
           this.emit(RoomEvent.MetricsReceived, metrics, participant);
         };
+        this.handleDataStream = (packet) => {
+          this.incomingDataStreamManager.handleDataStreamPacket(packet);
+        };
+        this.bufferedSegments = /* @__PURE__ */ new Map();
         this.handleAudioPlaybackStarted = () => {
           if (this.canPlaybackAudio) {
             return;
@@ -21016,8 +21491,10 @@ var init_livekit_client_esm = __esm({
         this.options.videoCaptureDefaults = Object.assign(Object.assign({}, videoDefaults), options === null || options === void 0 ? void 0 : options.videoCaptureDefaults);
         this.options.publishDefaults = Object.assign(Object.assign({}, publishDefaults), options === null || options === void 0 ? void 0 : options.publishDefaults);
         this.maybeCreateEngine();
+        this.incomingDataStreamManager = new IncomingDataStreamManager();
+        this.outgoingDataStreamManager = new OutgoingDataStreamManager(this.engine, this.log);
         this.disconnectLock = new _();
-        this.localParticipant = new LocalParticipant("", "", this.engine, this.options, this.rpcHandlers);
+        this.localParticipant = new LocalParticipant("", "", this.engine, this.options, this.rpcHandlers, this.outgoingDataStreamManager);
         if (this.options.videoCaptureDefaults.deviceId) {
           this.localParticipant.activeDeviceMap.set("videoinput", unwrapConstraint(this.options.videoCaptureDefaults.deviceId));
         }
@@ -21043,22 +21520,16 @@ var init_livekit_client_esm = __esm({
         }
       }
       registerTextStreamHandler(topic, callback) {
-        if (this.textStreamHandlers.has(topic)) {
-          throw new TypeError('A text stream handler for topic "'.concat(topic, '" has already been set.'));
-        }
-        this.textStreamHandlers.set(topic, callback);
+        return this.incomingDataStreamManager.registerTextStreamHandler(topic, callback);
       }
       unregisterTextStreamHandler(topic) {
-        this.textStreamHandlers.delete(topic);
+        return this.incomingDataStreamManager.unregisterTextStreamHandler(topic);
       }
       registerByteStreamHandler(topic, callback) {
-        if (this.byteStreamHandlers.has(topic)) {
-          throw new TypeError('A byte stream handler for topic "'.concat(topic, '" has already been set.'));
-        }
-        this.byteStreamHandlers.set(topic, callback);
+        return this.incomingDataStreamManager.registerByteStreamHandler(topic, callback);
       }
       unregisterByteStreamHandler(topic) {
-        this.byteStreamHandlers.delete(topic);
+        return this.incomingDataStreamManager.unregisterByteStreamHandler(topic);
       }
       /**
        * Establishes the participant as a receiver for calls of the specified RPC method.
@@ -21100,44 +21571,6 @@ var init_livekit_client_esm = __esm({
       unregisterRpcMethod(method) {
         this.rpcHandlers.delete(method);
       }
-      handleIncomingRpcRequest(callerIdentity, requestId, method, payload, responseTimeout, version2) {
-        return __awaiter(this, void 0, void 0, function* () {
-          yield this.engine.publishRpcAck(callerIdentity, requestId);
-          if (version2 !== 1) {
-            yield this.engine.publishRpcResponse(callerIdentity, requestId, null, RpcError.builtIn("UNSUPPORTED_VERSION"));
-            return;
-          }
-          const handler = this.rpcHandlers.get(method);
-          if (!handler) {
-            yield this.engine.publishRpcResponse(callerIdentity, requestId, null, RpcError.builtIn("UNSUPPORTED_METHOD"));
-            return;
-          }
-          let responseError = null;
-          let responsePayload = null;
-          try {
-            const response = yield handler({
-              requestId,
-              callerIdentity,
-              payload,
-              responseTimeout
-            });
-            if (byteLength(response) > MAX_PAYLOAD_BYTES) {
-              responseError = RpcError.builtIn("RESPONSE_PAYLOAD_TOO_LARGE");
-              console.warn("RPC Response payload too large for ".concat(method));
-            } else {
-              responsePayload = response;
-            }
-          } catch (error) {
-            if (error instanceof RpcError) {
-              responseError = error;
-            } else {
-              console.warn("Uncaught error returned by RPC handler for ".concat(method, ". Returning APPLICATION_ERROR instead."), error);
-              responseError = RpcError.builtIn("APPLICATION_ERROR");
-            }
-          }
-          yield this.engine.publishRpcResponse(callerIdentity, requestId, responsePayload, responseError);
-        });
-      }
       /**
        * @experimental
        */
@@ -21302,6 +21735,9 @@ var init_livekit_client_esm = __esm({
         if (this.e2eeManager) {
           this.e2eeManager.setupEngine(this.engine);
         }
+        if (this.outgoingDataStreamManager) {
+          this.outgoingDataStreamManager.setupEngine(this.engine);
+        }
       }
       /**
        * getLocalDevices abstracts navigator.mediaDevices.enumerateDevices.
@@ -21512,7 +21948,7 @@ var init_livekit_client_esm = __esm({
         return __awaiter(this, arguments, void 0, function(kind, deviceId) {
           var _this3 = this;
           let exact = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;
-          return function* () {
+          return (function* () {
             var _a, _b, _c, _d, _e, _f;
             var _g;
             let success = true;
@@ -21586,7 +22022,7 @@ var init_livekit_client_esm = __esm({
               _this3.emit(RoomEvent.ActiveDeviceChanged, kind, deviceId);
             }
             return success;
-          }();
+          })();
         });
       }
       setupLocalParticipantEvents() {
@@ -21648,7 +22084,10 @@ var init_livekit_client_esm = __esm({
             adaptiveStreamSettings = {};
           }
         }
-        participant.addSubscribedMediaTrack(mediaTrack, trackId, stream, receiver, adaptiveStreamSettings);
+        const publication = participant.addSubscribedMediaTrack(mediaTrack, trackId, stream, receiver, adaptiveStreamSettings);
+        if ((publication === null || publication === void 0 ? void 0 : publication.isEncrypted) && !this.e2eeManager) {
+          this.emit(RoomEvent.EncryptionError, new Error("Encrypted ".concat(publication.source, " track received from participant ").concat(participant.sid, ", but room does not have encryption enabled!")));
+        }
       }
       handleDisconnect() {
         let shouldStopTracks = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
@@ -21658,6 +22097,7 @@ var init_livekit_client_esm = __esm({
         this.isResuming = false;
         this.bufferedEvents = [];
         this.transcriptionReceivedTimes.clear();
+        this.incomingDataStreamManager.clearHandlersAndControllers();
         if (this.state === ConnectionState.Disconnected) {
           return;
         }
@@ -21708,6 +22148,7 @@ var init_livekit_client_esm = __esm({
         if (!participant) {
           return;
         }
+        this.incomingDataStreamManager.validateParticipantHasNoActiveDataStreams(identity);
         participant.trackPublications.forEach((publication) => {
           participant.unpublishTrack(publication.trackSid, true);
         });
@@ -21715,99 +22156,44 @@ var init_livekit_client_esm = __esm({
         participant.setDisconnected();
         (_a = this.localParticipant) === null || _a === void 0 ? void 0 : _a.handleParticipantDisconnected(participant.identity);
       }
-      handleStreamHeader(streamHeader, participantIdentity) {
+      handleIncomingRpcRequest(callerIdentity, requestId, method, payload, responseTimeout, version2) {
         return __awaiter(this, void 0, void 0, function* () {
-          var _a;
-          if (streamHeader.contentHeader.case === "byteHeader") {
-            const streamHandlerCallback = this.byteStreamHandlers.get(streamHeader.topic);
-            if (!streamHandlerCallback) {
-              this.log.debug("ignoring incoming byte stream due to no handler for topic", streamHeader.topic);
-              return;
-            }
-            let streamController;
-            const info = {
-              id: streamHeader.streamId,
-              name: (_a = streamHeader.contentHeader.value.name) !== null && _a !== void 0 ? _a : "unknown",
-              mimeType: streamHeader.mimeType,
-              size: streamHeader.totalLength ? Number(streamHeader.totalLength) : void 0,
-              topic: streamHeader.topic,
-              timestamp: bigIntToNumber(streamHeader.timestamp),
-              attributes: streamHeader.attributes
-            };
-            const stream = new ReadableStream({
-              start: (controller) => {
-                streamController = controller;
-                this.byteStreamControllers.set(streamHeader.streamId, {
-                  info,
-                  controller: streamController,
-                  startTime: Date.now()
-                });
-              }
-            });
-            streamHandlerCallback(new ByteStreamReader(info, stream, bigIntToNumber(streamHeader.totalLength)), {
-              identity: participantIdentity
+          yield this.engine.publishRpcAck(callerIdentity, requestId);
+          if (version2 !== 1) {
+            yield this.engine.publishRpcResponse(callerIdentity, requestId, null, RpcError.builtIn("UNSUPPORTED_VERSION"));
+            return;
+          }
+          const handler = this.rpcHandlers.get(method);
+          if (!handler) {
+            yield this.engine.publishRpcResponse(callerIdentity, requestId, null, RpcError.builtIn("UNSUPPORTED_METHOD"));
+            return;
+          }
+          let responseError = null;
+          let responsePayload = null;
+          try {
+            const response = yield handler({
+              requestId,
+              callerIdentity,
+              payload,
+              responseTimeout
             });
-          } else if (streamHeader.contentHeader.case === "textHeader") {
-            const streamHandlerCallback = this.textStreamHandlers.get(streamHeader.topic);
-            if (!streamHandlerCallback) {
-              this.log.debug("ignoring incoming text stream due to no handler for topic", streamHeader.topic);
-              return;
+            if (byteLength(response) > MAX_PAYLOAD_BYTES) {
+              responseError = RpcError.builtIn("RESPONSE_PAYLOAD_TOO_LARGE");
+              console.warn("RPC Response payload too large for ".concat(method));
+            } else {
+              responsePayload = response;
+            }
+          } catch (error) {
+            if (error instanceof RpcError) {
+              responseError = error;
+            } else {
+              console.warn("Uncaught error returned by RPC handler for ".concat(method, ". Returning APPLICATION_ERROR instead."), error);
+              responseError = RpcError.builtIn("APPLICATION_ERROR");
             }
-            let streamController;
-            const info = {
-              id: streamHeader.streamId,
-              mimeType: streamHeader.mimeType,
-              size: streamHeader.totalLength ? Number(streamHeader.totalLength) : void 0,
-              topic: streamHeader.topic,
-              timestamp: Number(streamHeader.timestamp),
-              attributes: streamHeader.attributes
-            };
-            const stream = new ReadableStream({
-              start: (controller) => {
-                streamController = controller;
-                this.textStreamControllers.set(streamHeader.streamId, {
-                  info,
-                  controller: streamController,
-                  startTime: Date.now()
-                });
-              }
-            });
-            streamHandlerCallback(new TextStreamReader(info, stream, bigIntToNumber(streamHeader.totalLength)), {
-              identity: participantIdentity
-            });
           }
+          yield this.engine.publishRpcResponse(callerIdentity, requestId, responsePayload, responseError);
         });
       }
-      handleStreamChunk(chunk) {
-        const fileBuffer = this.byteStreamControllers.get(chunk.streamId);
-        if (fileBuffer) {
-          if (chunk.content.length > 0) {
-            fileBuffer.controller.enqueue(chunk);
-          }
-        }
-        const textBuffer = this.textStreamControllers.get(chunk.streamId);
-        if (textBuffer) {
-          if (chunk.content.length > 0) {
-            textBuffer.controller.enqueue(chunk);
-          }
-        }
-      }
-      handleStreamTrailer(trailer) {
-        const textBuffer = this.textStreamControllers.get(trailer.streamId);
-        if (textBuffer) {
-          textBuffer.info.attributes = Object.assign(Object.assign({}, textBuffer.info.attributes), trailer.attributes);
-          textBuffer.controller.close();
-          this.textStreamControllers.delete(trailer.streamId);
-        }
-        const fileBuffer = this.byteStreamControllers.get(trailer.streamId);
-        if (fileBuffer) {
-          {
-            fileBuffer.info.attributes = Object.assign(Object.assign({}, fileBuffer.info.attributes), trailer.attributes);
-            fileBuffer.controller.close();
-            this.byteStreamControllers.delete(trailer.streamId);
-          }
-        }
-      }
       /**
        * attempt to select the default devices if the previously selected devices are no longer available after a device change event
        */
@@ -22916,6 +23302,13 @@ function getInteractiveElements() {
 }
 function getImmediateText(element3) {
   let text7 = "";
+  const textAttributes = ["label", "text", "placeholder", "title", "alt", "aria-label"];
+  for (const attr of textAttributes) {
+    const value = element3.getAttribute(attr);
+    if (value) {
+      text7 += value + " ";
+    }
+  }
   if (element3.childNodes) {
     for (const node2 of Array.from(element3.childNodes)) {
       if (node2.nodeType === 3) {
@@ -22925,12 +23318,30 @@ function getImmediateText(element3) {
   }
   return text7.trim();
 }
-function captureFullDOMStructure() {
-  console.log("\u{1F333} Capturing full DOM structure for Cuekit...");
-  const interactiveElements = [];
+function executeAction(action) {
+  console.log("\u{1F3AF} Executing element action:", action);
+  const { action_type, target_element, target } = action;
+  switch (action_type) {
+    case "click":
+      return clickElement(target_element);
+    case "navigate":
+      return navigateToElement(target_element || target);
+    case "input":
+    case "focus":
+      return focusElement(target_element);
+    case "toggle":
+      return toggleElement(target_element);
+    default:
+      console.warn(`\u26A0\uFE0F Unknown action type: ${action_type}`);
+      return false;
+  }
+}
+function captureAllInteractiveElements() {
+  console.log("\u{1F333} Capturing ALL interactive elements for Cuekit...");
+  const interactiveElements = {};
   const descriptionsMap = /* @__PURE__ */ new Map();
-  document.querySelectorAll("[data-for]").forEach((el) => {
-    const targetId = el.getAttribute("data-for");
+  document.querySelectorAll("[data-ansyr-for]").forEach((el) => {
+    const targetId = el.getAttribute("data-ansyr-for");
     if (!targetId) return;
     const tags = [];
     const description = el.getAttribute("data-ansyr-description");
@@ -22945,110 +23356,115 @@ function captureFullDOMStructure() {
       descriptionsMap.set(targetId, [...existingTags, ...tags]);
     }
   });
-  const allElements = getInteractiveElements();
-  allElements.forEach((element3) => {
+  const allInteractiveElements = getInteractiveElements();
+  console.log("\u{1F333} Found", allInteractiveElements.length, "interactive elements");
+  allInteractiveElements.forEach((element3) => {
+    if (!(element3 instanceof HTMLElement)) return;
     const style = getComputedStyle(element3);
-    if (element3.closest("[data-cuekit-ignore]") || !isElementClickable(element3) || element3.tagName.toLowerCase() === "script" || style.display === "none" || style.visibility === "hidden") {
+    if (element3.closest("[data-cuekit-ignore]") || element3.tagName.toLowerCase() === "script" || style.display === "none" || style.visibility === "hidden") {
       return;
     }
+    let elementId = null;
     const staticId = element3.getAttribute("data-ansyr-static");
     const dynamicId = element3.getAttribute("data-ansyr-dynamic");
-    const id = staticId || dynamicId;
+    if (staticId) {
+      elementId = staticId;
+      console.log("\u{1F333} Using pre-assigned static ID:", elementId);
+    } else if (dynamicId) {
+      elementId = dynamicId;
+      console.log("\u{1F333} Using pre-assigned dynamic ID:", elementId);
+    } else {
+      elementId = generateStableDOMId(element3);
+      console.log("\u{1F333} Calculated stable DOM ID:", elementId);
+    }
+    if (!elementId) {
+      console.log("\u{1F333} No ID could be determined for element:", element3);
+      return;
+    }
     const tags = [];
     const directDescription = element3.getAttribute("data-ansyr-description");
     if (directDescription) {
       tags.push(directDescription);
     }
-    if (id && descriptionsMap.has(id)) {
-      tags.push(...descriptionsMap.get(id) || []);
-    }
-    const dto = {
-      testID: id || generateStableDOMId(element3),
-      type: element3.tagName.toLowerCase(),
-      textContent: getImmediateText(element3) || element3.textContent?.trim() || "",
-      tags
-    };
-    interactiveElements.push(dto);
+    if (descriptionsMap.has(elementId)) {
+      tags.push(...descriptionsMap.get(elementId) || []);
+    }
+    const textContent = getImmediateText(element3) || element3.textContent?.trim() || "";
+    interactiveElements[elementId] = [textContent, ...tags];
+    console.log("\u{1F333} Captured element:", {
+      id: elementId,
+      tagName: element3.tagName,
+      textContent: textContent.substring(0, 50),
+      hasStaticId: !!staticId,
+      hasDynamicId: !!dynamicId,
+      isCalculated: !staticId && !dynamicId
+    });
   });
   const result = {
     components: interactiveElements
   };
-  console.log("\u{1F333} Full DOM structure captured:", result);
+  console.log("\u{1F333} All interactive elements captured:", result);
   return result;
 }
-function isElementClickable(element3) {
-  const interactiveSelectors = [
-    "button",
-    "a",
-    "input",
-    "select",
-    "textarea",
-    '[role="button"]',
-    '[role="link"]',
-    '[role="tab"]',
-    "[data-onclick-id]",
-    "[data-on-press-id]",
-    "[onclick]",
-    "[onmousedown]",
-    "[onmouseup]",
-    "[ontouchstart]",
-    "[ontouchend]",
-    "[onkeydown]",
-    "[onkeyup]",
-    "[onkeypress]"
-  ];
-  for (const selector of interactiveSelectors) {
-    if (element3.matches(selector)) {
-      return true;
-    }
-  }
-  const hasClickEvents = element3.onclick !== null || element3.getAttribute("onclick") !== null;
-  const hasInteractiveEvents = element3.ontouchstart !== null || element3.getAttribute("ontouchstart") !== null || element3.ontouchend !== null || element3.getAttribute("ontouchend") !== null || element3.onkeydown !== null || element3.getAttribute("onkeydown") !== null || element3.onkeyup !== null || element3.getAttribute("onkeyup") !== null || element3.onkeypress !== null || element3.getAttribute("onkeypress") !== null;
-  const hasPointerCursor = element3.style.cursor === "pointer" || getComputedStyle(element3).cursor === "pointer";
-  const hasTabIndex = element3.hasAttribute("tabindex") && parseInt(element3.getAttribute("tabindex") || "0") >= 0;
-  const hasInteractiveDataAttrs = element3.hasAttribute("data-clickable") || element3.hasAttribute("data-interactive") || element3.hasAttribute("data-action") || element3.hasAttribute("data-handler");
-  const hasInteractiveAria = element3.hasAttribute("aria-pressed") || element3.hasAttribute("aria-expanded") || element3.hasAttribute("aria-selected") || element3.hasAttribute("aria-checked");
-  return hasClickEvents || hasInteractiveEvents || hasPointerCursor || hasTabIndex || hasInteractiveDataAttrs || hasInteractiveAria;
+function clearElementCache() {
+  elementCache.clear();
+  cacheTimestamp = 0;
 }
-function executeAction(action) {
-  console.log("\u{1F3AF} Executing element action:", action);
-  const { action_type, target_element, target } = action;
-  switch (action_type) {
-    case "click":
-      return clickElement(target_element);
-    case "navigate":
-      return navigateToElement(target_element || target);
-    case "input":
-    case "focus":
-      return focusElement(target_element);
-    case "toggle":
-      return toggleElement(target_element);
-    default:
-      console.warn(`\u26A0\uFE0F Unknown action type: ${action_type}`);
-      return false;
+function validateDynamicElements() {
+  if (false) {
+    const elements = document.querySelectorAll("[data-ansyr-dynamic]");
+    const ids = /* @__PURE__ */ new Set();
+    const duplicates = [];
+    elements.forEach((element3) => {
+      const id = element3.getAttribute("data-ansyr-dynamic");
+      if (id) {
+        if (ids.has(id)) {
+          duplicates.push(id);
+        }
+        ids.add(id);
+      }
+    });
+    if (duplicates.length > 0) {
+      console.warn("\u{1F6A8} CueKit: Duplicate dynamic IDs found:", duplicates);
+      console.warn(
+        "This can cause incorrect element targeting. Ensure each dynamic element has a unique identifier."
+      );
+    }
   }
 }
-function getFullDOMStructure() {
-  return captureFullDOMStructure();
-}
 function clickElement(elementId) {
+  console.log("\u{1F5B1}\uFE0F clickElement called with:", elementId);
   if (!elementId) {
+    console.log("\u{1F5B1}\uFE0F clickElement: no elementId provided");
     return false;
   }
   const domElement = findDOMElementById(elementId);
+  console.log("\u{1F5B1}\uFE0F clickElement: found DOM element:", domElement);
   if (domElement) {
+    console.log("\u{1F5B1}\uFE0F clickElement: attempting to click element:", {
+      tagName: domElement.tagName,
+      id: domElement.id,
+      className: domElement.className,
+      textContent: domElement.textContent?.substring(0, 50)
+    });
     domElement.click();
+    console.log("\u{1F5B1}\uFE0F clickElement: click() called successfully");
     return true;
   }
+  console.log("\u{1F5B1}\uFE0F clickElement: element not found");
   return false;
 }
 function navigateToElement(target) {
+  console.log("\u{1F9ED} navigateToElement called with:", target);
   if (!target) {
+    console.log("\u{1F9ED} navigateToElement: no target provided");
     return false;
   }
   if (target.includes("/") || target.startsWith("http")) {
+    console.log("\u{1F9ED} navigateToElement: using safeNavigate for path:", target);
     safeNavigate(target, {});
   } else {
+    console.log("\u{1F9ED} navigateToElement: using handleNavigationAndClick for element:", target);
     handleNavigationAndClick(target, target);
   }
   return true;
@@ -23087,29 +23503,93 @@ function toggleElement(elementId) {
   }
 }
 function findDOMElementById(elementId) {
+  console.log("\u{1F50D} findDOMElementById called with:", elementId);
   if (!elementId) {
+    console.log("\u{1F50D} findDOMElementById: no elementId provided");
     return null;
   }
-  const interactiveElements = getInteractiveElements();
-  for (const element3 of interactiveElements) {
-    if (element3 instanceof HTMLElement) {
+  const now = Date.now();
+  if (now - cacheTimestamp < CACHE_TTL && elementCache.has(elementId)) {
+    const cachedElement = elementCache.get(elementId);
+    console.log("\u{1F50D} findDOMElementById: found in cache:", cachedElement);
+    if (document.contains(cachedElement)) {
+      console.log("\u{1F50D} findDOMElementById: returning cached element");
+      return cachedElement;
+    } else {
+      console.log("\u{1F50D} findDOMElementById: cached element no longer in DOM, removing from cache");
+      elementCache.delete(elementId);
+    }
+  }
+  let foundElement = null;
+  console.log(
+    "\u{1F50D} findDOMElementById: checking for static element with selector:",
+    `[data-ansyr-static="${elementId}"]`
+  );
+  const staticElement = document.querySelector(`[data-ansyr-static="${elementId}"]`);
+  if (staticElement instanceof HTMLElement) {
+    console.log("\u{1F50D} findDOMElementById: found static element:", staticElement);
+    foundElement = staticElement;
+  } else {
+    console.log(
+      "\u{1F50D} findDOMElementById: checking for dynamic element with selector:",
+      `[data-ansyr-dynamic="${elementId}"]`
+    );
+    const dynamicElement = document.querySelector(`[data-ansyr-dynamic="${elementId}"]`);
+    if (dynamicElement instanceof HTMLElement) {
+      console.log("\u{1F50D} findDOMElementById: found dynamic element:", dynamicElement);
+      foundElement = dynamicElement;
+    }
+  }
+  if (!foundElement) {
+    console.log(
+      "\u{1F50D} findDOMElementById: no pre-assigned element found, scanning all interactive elements"
+    );
+    const interactiveElements = getInteractiveElements();
+    console.log("\u{1F50D} findDOMElementById: found", interactiveElements.length, "interactive elements");
+    for (const element3 of interactiveElements) {
+      if (!(element3 instanceof HTMLElement)) continue;
       const staticId = element3.getAttribute("data-ansyr-static");
       const dynamicId = element3.getAttribute("data-ansyr-dynamic");
-      const currentElementId = staticId || dynamicId || generateStableDOMId(element3);
+      let currentElementId = null;
+      if (staticId) {
+        currentElementId = staticId;
+      } else if (dynamicId) {
+        currentElementId = dynamicId;
+      } else {
+        currentElementId = generateStableDOMId(element3);
+      }
       if (currentElementId === elementId) {
-        return element3;
+        console.log("\u{1F50D} findDOMElementById: found element by ID match:", {
+          element: element3,
+          id: currentElementId,
+          hasStaticId: !!staticId,
+          hasDynamicId: !!dynamicId,
+          isCalculated: !staticId && !dynamicId
+        });
+        foundElement = element3;
+        break;
       }
     }
+    if (!foundElement) {
+      console.log("\u{1F50D} findDOMElementById: element not found in interactive elements scan");
+    }
   }
-  return null;
+  if (foundElement) {
+    elementCache.set(elementId, foundElement);
+    cacheTimestamp = now;
+  }
+  return foundElement;
 }
-var INTERACTIVE_ELEMENT_SELECTOR;
+var INTERACTIVE_ELEMENT_SELECTOR, elementCache, cacheTimestamp, CACHE_TTL;
 var init_element_service = __esm({
   "src/utils/element-service.ts"() {
     "use strict";
     init_navigation();
     init_jsx_encoder();
-    INTERACTIVE_ELEMENT_SELECTOR = 'a, button, input, textarea, select, [role="button"], [onclick], [data-ansyr-static], [data-ansyr-dynamic]';
+    INTERACTIVE_ELEMENT_SELECTOR = 'a, button, select, [role="button"], [role="link"], [role="tab"], [onclick], [onmousedown], [onmouseup], [ontouchstart], [ontouchend], [onkeydown], [onkeyup], [onkeypress], [onchange], [onsubmit], [onfocus], [onblur], [data-ansyr-static], [data-ansyr-dynamic]';
+    elementCache = /* @__PURE__ */ new Map();
+    cacheTimestamp = 0;
+    CACHE_TTL = 5e3;
   }
 });
 
@@ -23119,6 +23599,7 @@ __export(webrtc_service_exports, {
   authenticate: () => authenticate,
   connectToRoom: () => connectToRoom,
   disconnectFromRoom: () => disconnectFromRoom,
+  getCurrentCallbacks: () => getCurrentCallbacks,
   getParticipants: () => getParticipants,
   getRoom: () => getRoom,
   getRoomName: () => getRoomName,
@@ -23139,8 +23620,16 @@ function setAudioContainer(newAudioContainerRef) {
   audioContainerRef = newAudioContainerRef;
 }
 function setWebRTCCallbacks(newCallbacks) {
+  console.log("\u{1F4E1} setWebRTCCallbacks called with:", {
+    hasOnNavigationCommand: !!newCallbacks.onNavigationCommand,
+    hasOnConnectionStateChange: !!newCallbacks.onConnectionStateChange,
+    hasOnParticipantUpdate: !!newCallbacks.onParticipantUpdate
+  });
   callbacks = newCallbacks;
 }
+function getCurrentCallbacks() {
+  return callbacks;
+}
 async function authenticate(userIdentity, apiKey, appId) {
   try {
     const authPayload = {
@@ -23231,12 +23720,34 @@ function setupEventListeners() {
     track.detach().forEach((element3) => element3.remove());
   }).on(RoomEvent.DataReceived, (payload, participant) => {
     const decodedPayload = new TextDecoder().decode(payload);
-    try {
-      const message = JSON.parse(decodedPayload);
-      callbacks.onNavigationCommand?.(message);
-    } catch (error) {
-      const message = decodedPayload;
-      callbacks.onNavigationCommand?.({ type: "raw_text", data: message });
+    console.log("\u{1F4E1} WebRTC DataReceived:", { decodedPayload, participant: participant?.identity });
+    if (decodedPayload.includes("|")) {
+      const parts = decodedPayload.split("|");
+      const textPart = parts[0];
+      const jsonPart = parts[1];
+      console.log("\u{1F4E1} WebRTC Pipe-separated message:", { textPart, jsonPart });
+      if (textPart) {
+        callbacks.onNavigationCommand?.({ type: "speech_text", data: textPart });
+      }
+      if (jsonPart) {
+        try {
+          const message = JSON.parse(jsonPart);
+          console.log("\u{1F4E1} WebRTC Parsed JSON message:", message);
+          callbacks.onNavigationCommand?.(message);
+        } catch (error) {
+          console.log("\u{1F4E1} WebRTC JSON parse error for JSON part:", error, "JSON part:", jsonPart);
+        }
+      }
+    } else {
+      try {
+        const message = JSON.parse(decodedPayload);
+        console.log("\u{1F4E1} WebRTC Parsed message:", message);
+        callbacks.onNavigationCommand?.(message);
+      } catch (error) {
+        console.log("\u{1F4E1} WebRTC JSON parse error:", error, "Raw payload:", decodedPayload);
+        const message = decodedPayload;
+        callbacks.onNavigationCommand?.({ type: "raw_text", data: message });
+      }
     }
   }).on(RoomEvent.Disconnected, () => {
     setWebRTCConnectionState({ isConnected: false, isConnecting: false });
@@ -23290,17 +23801,19 @@ async function sendUserCommand(command) {
   await sendData(command);
 }
 async function sendRuntimeData() {
+  console.log("\u{1F9E0} checking room:", room);
   if (!room) {
     return;
   }
+  console.log("\u{1F9E0} Sending runtime data", room);
   try {
-    const domStructure = captureFullDOMStructure();
+    const allInteractiveElements = captureAllInteractiveElements();
     const screenName = getCurrentScreenName();
     const response = {
       type: "runtime_data_response",
       data: {
-        components: domStructure.components,
-        current_screen: screenName
+        components: allInteractiveElements.components,
+        currentRoute: screenName
       }
     };
     await sendData(JSON.stringify(response));
@@ -23722,7 +24235,7 @@ var require_core = __commonJS({
         root4.CryptoJS = factory();
       }
     })(exports, function() {
-      var CryptoJS = CryptoJS || function(Math2, undefined2) {
+      var CryptoJS = CryptoJS || (function(Math2, undefined2) {
         var crypto2;
         if (typeof window !== "undefined" && window.crypto) {
           crypto2 = window.crypto;
@@ -23762,7 +24275,7 @@ var require_core = __commonJS({
           }
           throw new Error("Native crypto module could not be used to get secure random number.");
         };
-        var create2 = Object.create || /* @__PURE__ */ function() {
+        var create2 = Object.create || /* @__PURE__ */ (function() {
           function F2() {
           }
           return function(obj) {
@@ -23772,10 +24285,10 @@ var require_core = __commonJS({
             F2.prototype = null;
             return subtype;
           };
-        }();
+        })();
         var C = {};
         var C_lib = C.lib = {};
-        var Base = C_lib.Base = /* @__PURE__ */ function() {
+        var Base = C_lib.Base = /* @__PURE__ */ (function() {
           return {
             /**
              * Creates a new object that inherits from this object.
@@ -23874,7 +24387,7 @@ var require_core = __commonJS({
               return this.init.prototype.extend(this);
             }
           };
-        }();
+        })();
         var WordArray = C_lib.WordArray = Base.extend({
           /**
            * Initializes a newly created word array.
@@ -24312,7 +24825,7 @@ var require_core = __commonJS({
         });
         var C_algo = C.algo = {};
         return C;
-      }(Math);
+      })(Math);
       return CryptoJS;
     });
   }
@@ -24507,17 +25020,20 @@ __export(index_exports, {
   InitCuekit: () => InitCuekit,
   MicButton: () => MicButton,
   VoiceIntensityVisualizer: () => VoiceIntensityVisualizer,
-  captureFullDOMStructure: () => captureFullDOMStructure,
+  captureAllInteractiveElements: () => captureAllInteractiveElements,
+  clearElementCache: () => clearElementCache,
   configureWebRTCServer: () => configureWebRTCServer,
   executeAction: () => executeAction,
   generateDynamicId: () => generateDynamicId,
-  getFullDOMStructure: () => getFullDOMStructure,
+  getCurrentPathParams: () => getCurrentPathParams,
   getWebRTCServerConfig: () => getWebRTCServerConfig,
   initWebRTC: () => initWebRTC,
   initWebRTCWithDeployedBackend: () => initWebRTCWithDeployedBackend,
+  resolveRoutePath: () => resolveRoutePath,
   useCuekit: () => useCuekit,
   useQubeContext: () => useQubeContext,
-  useWebRTC: () => useWebRTC
+  useWebRTC: () => useWebRTC,
+  validateDynamicElements: () => validateDynamicElements
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -24651,25 +25167,12 @@ var CuekitProvider = ({
     Promise.resolve().then(() => (init_webrtc_service(), webrtc_service_exports)).then(({ setWebRTCCallbacks: setWebRTCCallbacks2 }) => {
       setWebRTCCallbacks2({
         onNavigationCommand: (command) => {
-          switch (command.type) {
-            case "static_data_ready":
-              break;
-            case "ai_intent":
-              if (command.actionType === "navigate" && command.current_page) {
-                if (navigationHandler2) {
-                  navigationHandler2(command.current_page, {
-                    intent: command.intent,
-                    text: command.text,
-                    confidence: command.confidence
-                  });
-                }
-              }
-              break;
-            case "user_speech_text":
-              break;
-            case "ai_speech_text":
-              break;
-            default:
+          if (command.data.actionType === "navigate" && command.data.routeName) {
+            if (navigationHandler2) {
+              navigationHandler2(command.data.routeName);
+            }
+          } else if (command.data.actionType === "click" && command.data.elementId) {
+            console.log("AI intent: Click element", command.data.elementId);
           }
         },
         onConnectionStateChange: (state) => {
@@ -24754,6 +25257,7 @@ var import_react15 = __toESM(require("react"));
 
 // src/hooks/use-cuekit.ts
 var import_react3 = require("react");
+init_livekit_client_esm();
 
 // src/hooks/use-webrtc.ts
 var import_react2 = require("react");
@@ -24894,9 +25398,18 @@ var useCuekit = (options) => {
   }, []);
   const [micState, setMicState] = (0, import_react3.useState)("idle");
   const [status, setStatus] = (0, import_react3.useState)("");
+  const [muteState, setMuteState] = (0, import_react3.useState)({ isMuted: false, canMute: false });
   const handleNavigationCommand = (event) => {
     console.log(`\u2B07\uFE0F Received event from backend: ${event.type}`, event);
     switch (event.type) {
+      case "speech_text": {
+        console.log("\u{1F5E3}\uFE0F AI Speech text:", event.data);
+        break;
+      }
+      case "raw_text": {
+        console.log("\u{1F4DD} Raw text message:", event.data);
+        break;
+      }
       case "user_speech_chunk":
       case "ai_speech_chunk": {
         const role = event.type === "user_speech_chunk" ? "user" : "ai";
@@ -24932,16 +25445,37 @@ var useCuekit = (options) => {
       }
       case "ai_intent": {
         const intent = event.data;
-        if (intent.actionType === "click" && intent.actionMetadata.elementId) {
+        console.log("\u{1F3AF} AI Intent received:", intent);
+        if (intent.actionType === "click" && intent.elementId) {
+          console.log("\u{1F3AF} Executing click action:", intent.elementId);
           executeAction({
             action_type: "click",
-            target_element: intent.actionMetadata.elementId
+            target_element: intent.elementId
           });
-        } else if (intent.actionType === "navigate" && intent.actionMetadata.routeName) {
+        } else if (intent.actionType === "navigate" && intent.routeName) {
+          console.log("\u{1F3AF} Executing navigate action:", intent.routeName);
           executeAction({
             action_type: "navigate",
-            target_element: intent.actionMetadata.routeName
+            target_element: intent.routeName
           });
+        } else {
+          console.log("\u{1F3AF} AI Intent not handled:", intent);
+        }
+        break;
+      }
+      case "chat": {
+        const chatData = event.data;
+        console.log("\u{1F4AC} Chat message received:", chatData);
+        if (chatData.message && chatData.sender === "ai") {
+          const newMessage = {
+            id: `ai-${Date.now()}`,
+            role: "ai",
+            text: chatData.message,
+            isFinal: true,
+            timestamp: new Date(chatData.timestamp || Date.now()).toISOString()
+          };
+          setMessages((prev) => [...prev, newMessage]);
+          setMicState("listening");
         }
         break;
       }
@@ -24977,17 +25511,21 @@ var useCuekit = (options) => {
     switch (state) {
       case "connecting":
         setStatus("Connecting...");
+        setMuteState((prev) => ({ ...prev, canMute: false }));
         break;
       case "connected":
         setStatus("");
         setMicState("listening");
+        setMuteState((prev) => ({ ...prev, canMute: true }));
         break;
       case "disconnected":
         setStatus("Disconnected");
         setMicState("idle");
+        setMuteState({ isMuted: false, canMute: false });
         break;
       case "reconnecting":
         setStatus("Reconnecting...");
+        setMuteState((prev) => ({ ...prev, canMute: false }));
         break;
       default:
         break;
@@ -25009,7 +25547,88 @@ var useCuekit = (options) => {
     await webrtc.disconnect();
     clearMessages();
     setMicState("idle");
+    setMuteState({ isMuted: false, canMute: false });
   }, [webrtc, clearMessages]);
+  const toggleMute = (0, import_react3.useCallback)(async () => {
+    if (!webrtc.isConnected) return;
+    try {
+      const room2 = webrtc.room;
+      if (!room2) return;
+      const localParticipant = room2.localParticipant;
+      const audioTrack = localParticipant.getTrackPublication(Track.Source.Microphone)?.track;
+      if (audioTrack) {
+        if (muteState.isMuted) {
+          await audioTrack.unmute();
+          setMuteState((prev) => ({ ...prev, isMuted: false }));
+        } else {
+          await audioTrack.mute();
+          setMuteState((prev) => ({ ...prev, isMuted: true }));
+        }
+      }
+    } catch (error) {
+      console.error("Failed to toggle mute:", error);
+    }
+  }, [webrtc, muteState.isMuted]);
+  const setMute = (0, import_react3.useCallback)(
+    async (muted) => {
+      if (!webrtc.isConnected) return;
+      try {
+        const room2 = webrtc.room;
+        if (!room2) return;
+        const localParticipant = room2.localParticipant;
+        const audioTrack = localParticipant.getTrackPublication(Track.Source.Microphone)?.track;
+        if (audioTrack) {
+          if (muted && !muteState.isMuted) {
+            await audioTrack.mute();
+            setMuteState((prev) => ({ ...prev, isMuted: true }));
+          } else if (!muted && muteState.isMuted) {
+            await audioTrack.unmute();
+            setMuteState((prev) => ({ ...prev, isMuted: false }));
+          }
+        }
+      } catch (error) {
+        console.error("Failed to set mute:", error);
+      }
+    },
+    [webrtc, muteState.isMuted]
+  );
+  const sendChatMessage = (0, import_react3.useCallback)(
+    async (message) => {
+      if (!webrtc.isConnected) {
+        console.warn("Cannot send chat message: not connected to LiveKit");
+        return;
+      }
+      try {
+        const room2 = webrtc.room;
+        if (!room2) return;
+        const payload = {
+          type: "chat",
+          message,
+          timestamp: Date.now(),
+          sender: "user"
+        };
+        console.log("\u{1F4E4} Sending chat message via LiveKit:", payload);
+        const encoder = new TextEncoder();
+        const encodedData = encoder.encode(JSON.stringify(payload));
+        await room2.localParticipant.publishData(encodedData, {
+          reliable: true
+        });
+        const newMessage = {
+          id: `user-${Date.now()}`,
+          role: "user",
+          text: message,
+          isFinal: true,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        setMessages((prev) => [...prev, newMessage]);
+        setMicState("thinking");
+      } catch (error) {
+        console.error("Failed to send chat message:", error);
+        throw error;
+      }
+    },
+    [webrtc]
+  );
   return {
     ...webrtc,
     messages,
@@ -25018,12 +25637,16 @@ var useCuekit = (options) => {
     status,
     setStatus,
     connect,
-    disconnect
+    disconnect,
+    muteState,
+    toggleMute,
+    setMute,
+    sendChatMessage
   };
 };
 
 // src/components/chat-popup.tsx
-var import_react9 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // node_modules/devlop/lib/default.js
 function ok() {
@@ -32620,7 +33243,7 @@ var convert = (
    * @param {Test} [test]
    * @returns {Check}
    */
-  function(test) {
+  (function(test) {
     if (test === null || test === void 0) {
       return ok2;
     }
@@ -32634,7 +33257,7 @@ var convert = (
       return typeFactory(test);
     }
     throw new Error("Expected function, string, or object as test");
-  }
+  })
 );
 function anyFactory(tests) {
   const checks2 = [];
@@ -33814,7 +34437,7 @@ var CallableInstance = (
    * @param {string | symbol} property
    * @returns {(...parameters: Array<unknown>) => unknown}
    */
-  function(property) {
+  (function(property) {
     const self2 = this;
     const constr = self2.constructor;
     const proto = (
@@ -33829,7 +34452,7 @@ var CallableInstance = (
     };
     Object.setPrototypeOf(apply, proto);
     return apply;
-  }
+  })
 );
 
 // node_modules/unified/lib/index.js
@@ -37767,6 +38390,59 @@ var PhoneOffIcon = ({ width = 24, height = 24, className, ...props }) => {
 };
 var phone_off_default = PhoneOffIcon;
 
+// src/components/svgs/mic-off.tsx
+var import_react9 = __toESM(require("react"));
+var MicOffIcon = ({ style, className }) => {
+  return /* @__PURE__ */ import_react9.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `lucide lucide-mic-off-icon lucide-mic-off ${className || ""}`,
+      style
+    },
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M12 19v3" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M16.95 16.95A7 7 0 0 1 5 12v-2" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M18.89 13.23A7 7 0 0 0 19 12v-2" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "m2 2 20 20" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" })
+  );
+};
+var mic_off_default = MicOffIcon;
+
+// src/components/svgs/mic.tsx
+var import_react10 = __toESM(require("react"));
+var MicIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ import_react10.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ import_react10.default.createElement("path", { d: "M12 19v3" }),
+    /* @__PURE__ */ import_react10.default.createElement("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ import_react10.default.createElement("rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" })
+  );
+};
+var mic_default = MicIcon;
+
 // src/components/chat-popup.tsx
 var ChatPopup = ({
   isOpen,
@@ -37783,15 +38459,17 @@ var ChatPopup = ({
   currentTheme = "dark",
   onThemeToggle,
   status,
-  anchor
+  anchor,
+  muteState,
+  onToggleMute
 }) => {
-  const [inputText, setInputText] = (0, import_react9.useState)("");
-  const [isSending, setIsSending] = (0, import_react9.useState)(false);
-  const messagesEndRef = (0, import_react9.useRef)(null);
+  const [inputText, setInputText] = (0, import_react11.useState)("");
+  const [isSending, setIsSending] = (0, import_react11.useState)(false);
+  const messagesEndRef = (0, import_react11.useRef)(null);
   const scrollToBottom = () => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     console.log("\u{1F4EC} ChatPopup received messages:", JSON.stringify(messages, null, 2));
     scrollToBottom();
   }, [messages]);
@@ -37853,7 +38531,7 @@ var ChatPopup = ({
     }
   };
   const positionStyle = getPositionStyle();
-  return /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     "div",
     {
       "data-cuekit-ignore": true,
@@ -37876,7 +38554,7 @@ var ChatPopup = ({
         ...positionStyle
       }
     },
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         style: {
@@ -37887,14 +38565,14 @@ var ChatPopup = ({
           justifyContent: "space-between"
         }
       },
-      /* @__PURE__ */ import_react9.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 0 } }, /* @__PURE__ */ import_react9.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 0 } }, /* @__PURE__ */ import_react11.default.createElement(
         "img",
         {
           src: "https://dashboard.cuekit.ai/_next/image?url=%2Fimages%2Fcuekit-logo-2.png&w=256&q=100",
           alt: "Cuekit AI",
           style: { width: 58, objectFit: "cover" }
         }
-      ), /* @__PURE__ */ import_react9.default.createElement(
+      ), /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           style: {
@@ -37905,7 +38583,7 @@ var ChatPopup = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "span",
           {
             style: {
@@ -37920,9 +38598,9 @@ var ChatPopup = ({
               WebkitTextFillColor: "transparent"
             }
           },
-          "Cuekit.ai"
+          "ansyr.ai"
         ),
-        /* @__PURE__ */ import_react9.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 } }, /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 } }, /* @__PURE__ */ import_react11.default.createElement(
           "div",
           {
             style: {
@@ -37938,7 +38616,7 @@ var ChatPopup = ({
               fontWeight: "500"
             }
           },
-          /* @__PURE__ */ import_react9.default.createElement(
+          /* @__PURE__ */ import_react11.default.createElement(
             "span",
             {
               style: {
@@ -37949,8 +38627,8 @@ var ChatPopup = ({
           )
         ))
       )),
-      /* @__PURE__ */ import_react9.default.createElement("div", { style: { minWidth: 100, textAlign: "center" } }),
-      /* @__PURE__ */ import_react9.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement("div", { style: { minWidth: 100, textAlign: "center" } }),
+      /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           style: {
@@ -37962,7 +38640,7 @@ var ChatPopup = ({
             top: 16
           }
         },
-        onThemeToggle && /* @__PURE__ */ import_react9.default.createElement(
+        onThemeToggle && /* @__PURE__ */ import_react11.default.createElement(
           "button",
           {
             onClick: () => {
@@ -37992,7 +38670,7 @@ var ChatPopup = ({
             "aria-label": "Toggle theme",
             title: `Switch to ${currentTheme === "dark" ? "light" : "dark"} mode`
           },
-          currentTheme === "dark" ? /* @__PURE__ */ import_react9.default.createElement(
+          currentTheme === "dark" ? /* @__PURE__ */ import_react11.default.createElement(
             sun_default,
             {
               style: {
@@ -38002,7 +38680,7 @@ var ChatPopup = ({
                 animation: "themeToggleEnter 0.3s ease-in-out"
               }
             }
-          ) : /* @__PURE__ */ import_react9.default.createElement(
+          ) : /* @__PURE__ */ import_react11.default.createElement(
             moon_default,
             {
               style: {
@@ -38014,7 +38692,7 @@ var ChatPopup = ({
             }
           )
         ),
-        /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "button",
           {
             onClick: onMinimize,
@@ -38041,11 +38719,11 @@ var ChatPopup = ({
             "aria-label": "Minimize",
             title: "Minimize chat"
           },
-          /* @__PURE__ */ import_react9.default.createElement(close_default, { style: { width: 16, height: 16, color: "hsl(var(--voice-text-muted))" } })
+          /* @__PURE__ */ import_react11.default.createElement(close_default, { style: { width: 16, height: 16, color: "hsl(var(--voice-text-muted))" } })
         )
       )
     ),
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         style: {
@@ -38058,7 +38736,7 @@ var ChatPopup = ({
           color: "hsl(var(--voice-text))"
         }
       },
-      messages.length === 0 ? /* @__PURE__ */ import_react9.default.createElement(
+      messages.length === 0 ? /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           style: {
@@ -38068,7 +38746,7 @@ var ChatPopup = ({
           }
         },
         "Start a conversation with CueKit AI"
-      ) : messages.map((message, index2) => /* @__PURE__ */ import_react9.default.createElement(
+      ) : messages.map((message, index2) => /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           key: index2,
@@ -38082,7 +38760,7 @@ var ChatPopup = ({
             justifyContent: message.sender === "user" ? "flex-end" : "flex-start"
           }
         },
-        message.sender === "assistant" && /* @__PURE__ */ import_react9.default.createElement(
+        message.sender === "assistant" && /* @__PURE__ */ import_react11.default.createElement(
           "div",
           {
             style: {
@@ -38097,7 +38775,7 @@ var ChatPopup = ({
               overflow: "hidden"
             }
           },
-          /* @__PURE__ */ import_react9.default.createElement(
+          /* @__PURE__ */ import_react11.default.createElement(
             "img",
             {
               src: "https://dashboard.cuekit.ai/_next/image?url=%2Fimages%2Fcuekit-logo-2.png&w=256&q=100",
@@ -38111,7 +38789,7 @@ var ChatPopup = ({
             }
           )
         ),
-        /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "div",
           {
             style: {
@@ -38122,7 +38800,7 @@ var ChatPopup = ({
               flex: 1
             }
           },
-          /* @__PURE__ */ import_react9.default.createElement(
+          /* @__PURE__ */ import_react11.default.createElement(
             "div",
             {
               style: {
@@ -38140,12 +38818,12 @@ var ChatPopup = ({
                 marginLeft: message.sender === "user" ? "auto" : 0
               }
             },
-            /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(
+            /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement(
               Markdown,
               {
                 remarkPlugins: [remarkGfm],
                 components: {
-                  p: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  p: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "p",
                     {
                       style: {
@@ -38156,7 +38834,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  h1: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  h1: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "h1",
                     {
                       style: {
@@ -38168,7 +38846,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  h2: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  h2: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "h2",
                     {
                       style: {
@@ -38180,7 +38858,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  h3: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  h3: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "h3",
                     {
                       style: {
@@ -38192,7 +38870,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  ul: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  ul: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "ul",
                     {
                       style: {
@@ -38204,7 +38882,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  ol: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  ol: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "ol",
                     {
                       style: {
@@ -38216,7 +38894,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  li: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  li: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "li",
                     {
                       style: {
@@ -38227,7 +38905,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  strong: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  strong: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "strong",
                     {
                       style: {
@@ -38238,7 +38916,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  em: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  em: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "em",
                     {
                       style: {
@@ -38249,7 +38927,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  code: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  code: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "code",
                     {
                       style: {
@@ -38262,7 +38940,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  pre: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  pre: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "pre",
                     {
                       style: {
@@ -38277,7 +38955,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  blockquote: ({ children }) => /* @__PURE__ */ import_react9.default.createElement(
+                  blockquote: ({ children }) => /* @__PURE__ */ import_react11.default.createElement(
                     "blockquote",
                     {
                       style: {
@@ -38296,7 +38974,7 @@ var ChatPopup = ({
               message.text
             ))
           ),
-          message.sender === "user" && /* @__PURE__ */ import_react9.default.createElement(
+          message.sender === "user" && /* @__PURE__ */ import_react11.default.createElement(
             "div",
             {
               style: {
@@ -38317,9 +38995,9 @@ var ChatPopup = ({
           )
         )
       )),
-      /* @__PURE__ */ import_react9.default.createElement("div", { ref: messagesEndRef })
+      /* @__PURE__ */ import_react11.default.createElement("div", { ref: messagesEndRef })
     ),
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         style: {
@@ -38328,7 +39006,7 @@ var ChatPopup = ({
           background: "hsl(var(--voice-bg))"
         }
       },
-      /* @__PURE__ */ import_react9.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement(
         "form",
         {
           onSubmit: (e3) => {
@@ -38337,7 +39015,7 @@ var ChatPopup = ({
           },
           style: { display: "flex", alignItems: "center", gap: 8, margin: 0 }
         },
-        /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "input",
           {
             type: "text",
@@ -38364,7 +39042,47 @@ var ChatPopup = ({
             }
           }
         ),
-        isConnected2 && onEndCall && /* @__PURE__ */ import_react9.default.createElement(
+        muteState?.canMute && onToggleMute && /* @__PURE__ */ import_react11.default.createElement(
+          "button",
+          {
+            onClick: onToggleMute,
+            style: {
+              padding: "10px 12px",
+              borderRadius: 8,
+              border: "1px solid hsl(var(--voice-accent))",
+              background: "hsl(var(--voice-accent))",
+              fontSize: 12,
+              fontWeight: 700,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              cursor: "pointer",
+              transition: "all 0.3s ease"
+            },
+            "aria-label": muteState.isMuted ? "Unmute microphone" : "Mute microphone",
+            title: muteState.isMuted ? "Unmute microphone" : "Mute microphone"
+          },
+          muteState.isMuted ? /* @__PURE__ */ import_react11.default.createElement(
+            mic_default,
+            {
+              style: {
+                width: 16,
+                height: 16,
+                color: "hsl(var(--voice-user-text))"
+              }
+            }
+          ) : /* @__PURE__ */ import_react11.default.createElement(
+            mic_off_default,
+            {
+              style: {
+                width: 16,
+                height: 16,
+                color: "hsl(var(--voice-user-text))"
+              }
+            }
+          )
+        ),
+        isConnected2 && onEndCall && /* @__PURE__ */ import_react11.default.createElement(
           "button",
           {
             type: "submit",
@@ -38383,7 +39101,7 @@ var ChatPopup = ({
               cursor: "pointer"
             }
           },
-          /* @__PURE__ */ import_react9.default.createElement(phone_off_default, { style: { width: 16, height: 16 } })
+          /* @__PURE__ */ import_react11.default.createElement(phone_off_default, { style: { width: 16, height: 16 } })
         )
       )
     )
@@ -38391,7 +39109,7 @@ var ChatPopup = ({
 };
 
 // src/components/border-glow.tsx
-var import_react10 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var BorderGlow = ({ isActive }) => {
   if (!isActive) return null;
   const styles = {
@@ -38518,7 +39236,7 @@ var BorderGlow = ({ isActive }) => {
       opacity: 0.6
     }
   };
-  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("style", null, `
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("style", null, `
           @keyframes borderPulse {
             0%, 100% {
               opacity: 1;
@@ -38527,12 +39245,12 @@ var BorderGlow = ({ isActive }) => {
               opacity: 0.5;
             }
           }
-        `), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.container }, /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.rightBorder1 }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.rightBorder2 }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.rightBorder3 }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.leftBorder1 }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.leftBorder2 }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.leftBorder3 }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.cornerTopLeft }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.cornerTopRight }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.cornerBottomRight }), /* @__PURE__ */ import_react10.default.createElement("div", { style: styles.cornerBottomLeft })));
+        `), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.container }, /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.rightBorder1 }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.rightBorder2 }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.rightBorder3 }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.leftBorder1 }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.leftBorder2 }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.leftBorder3 }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.cornerTopLeft }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.cornerTopRight }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.cornerBottomRight }), /* @__PURE__ */ import_react12.default.createElement("div", { style: styles.cornerBottomLeft })));
 };
 var border_glow_default = BorderGlow;
 
 // src/components/voice-intensity-visualizer.tsx
-var import_react12 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 
 // node_modules/@livekit/components-react/dist/hooks-C2Bp5v2q.mjs
 var r2 = __toESM(require("react"), 1);
@@ -38548,7 +39266,7 @@ var Me = { exports: {} };
 var Or = Me.exports;
 var kt;
 function kr() {
-  return kt || (kt = 1, function(e3) {
+  return kt || (kt = 1, (function(e3) {
     (function(t, n) {
       e3.exports ? e3.exports = n() : t.log = n();
     })(Or, function() {
@@ -38692,7 +39410,7 @@ function kr() {
         return o2;
       }, s.default = s, s;
     });
-  }(Me)), Me.exports;
+  })(Me)), Me.exports;
 }
 var _r = kr();
 var Lr = /* @__PURE__ */ Ar(_r);
@@ -38915,7 +39633,7 @@ function Ue(e3, t) {
     0 <= n && e3.splice(n, 1);
   }
 }
-var Oe = function() {
+var Oe = (function() {
   function e3(t) {
     this.initialTeardown = t, this.closed = false, this._parentage = null, this._finalizers = null;
   }
@@ -38999,11 +39717,11 @@ var Oe = function() {
   }, e3.prototype.remove = function(t) {
     var n = this._finalizers;
     n && Ue(n, t), t instanceof e3 && t._removeParent(this);
-  }, e3.EMPTY = function() {
+  }, e3.EMPTY = (function() {
     var t = new e3();
     return t.closed = true, t;
-  }(), e3;
-}();
+  })(), e3;
+})();
 var an = Oe.EMPTY;
 function cn(e3) {
   return e3 instanceof Oe || e3 && "closed" in e3 && P(e3.remove) && P(e3.add) && P(e3.unsubscribe);
@@ -39035,7 +39753,7 @@ function je() {
 function Re(e3) {
   e3();
 }
-var gt = function(e3) {
+var gt = (function(e3) {
   te(t, e3);
   function t(n) {
     var r3 = e3.call(this) || this;
@@ -39066,8 +39784,8 @@ var gt = function(e3) {
       this.unsubscribe();
     }
   }, t;
-}(Oe);
-var Nr = function() {
+})(Oe);
+var Nr = (function() {
   function e3(t) {
     this.partialObserver = t;
   }
@@ -39098,8 +39816,8 @@ var Nr = function() {
         Le(n);
       }
   }, e3;
-}();
-var Ce = function(e3) {
+})();
+var Ce = (function(e3) {
   te(t, e3);
   function t(n, r3, i2) {
     var o2 = e3.call(this) || this, s;
@@ -39110,7 +39828,7 @@ var Ce = function(e3) {
     } : s = n, o2.destination = new Nr(s), o2;
   }
   return t;
-}(gt);
+})(gt);
 function Le(e3) {
   un(e3);
 }
@@ -39123,9 +39841,9 @@ var Ur = {
   error: Fr,
   complete: je
 };
-var bt = function() {
+var bt = (function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
-}();
+})();
 function Ge(e3) {
   return e3;
 }
@@ -39136,7 +39854,7 @@ function jr(e3) {
     }, n);
   };
 }
-var k = function() {
+var k = (function() {
   function e3(t) {
     t && (this._subscribe = t);
   }
@@ -39195,7 +39913,7 @@ var k = function() {
   }, e3.create = function(t) {
     return new e3(t);
   }, e3;
-}();
+})();
 function Lt(e3) {
   var t;
   return (t = e3 ?? Dr.Promise) !== null && t !== void 0 ? t : Promise;
@@ -39225,7 +39943,7 @@ function j(e3) {
 function F(e3, t, n, r3, i2) {
   return new Hr(e3, t, n, r3, i2);
 }
-var Hr = function(e3) {
+var Hr = (function(e3) {
   te(t, e3);
   function t(n, r3, i2, o2, s, a) {
     var c = e3.call(this, n) || this;
@@ -39260,13 +39978,13 @@ var Hr = function(e3) {
       e3.prototype.unsubscribe.call(this), !r3 && ((n = this.onFinalize) === null || n === void 0 || n.call(this));
     }
   }, t;
-}(gt);
+})(gt);
 var zr = mt(function(e3) {
   return function() {
     e3(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
 });
-var ee = function(e3) {
+var ee = (function(e3) {
   te(t, e3);
   function t() {
     var n = e3.call(this) || this;
@@ -39345,8 +40063,8 @@ var ee = function(e3) {
   }, t.create = function(n, r3) {
     return new It(n, r3);
   }, t;
-}(k);
-var It = function(e3) {
+})(k);
+var It = (function(e3) {
   te(t, e3);
   function t(n, r3) {
     var i2 = e3.call(this) || this;
@@ -39365,8 +40083,8 @@ var It = function(e3) {
     var r3, i2;
     return (i2 = (r3 = this.source) === null || r3 === void 0 ? void 0 : r3.subscribe(n)) !== null && i2 !== void 0 ? i2 : an;
   }, t;
-}(ee);
-var ln = function(e3) {
+})(ee);
+var ln = (function(e3) {
   te(t, e3);
   function t(n) {
     var r3 = e3.call(this) || this;
@@ -39389,13 +40107,13 @@ var ln = function(e3) {
   }, t.prototype.next = function(n) {
     e3.prototype.next.call(this, this._value = n);
   }, t;
-}(ee);
+})(ee);
 var Yr = {
   now: function() {
     return Date.now();
   }
 };
-var qr = function(e3) {
+var qr = (function(e3) {
   te(t, e3);
   function t(n, r3) {
     return e3.call(this) || this;
@@ -39403,7 +40121,7 @@ var qr = function(e3) {
   return t.prototype.schedule = function(n, r3) {
     return this;
   }, t;
-}(Oe);
+})(Oe);
 var Mt = {
   setInterval: function(e3, t) {
     for (var n = [], r3 = 2; r3 < arguments.length; r3++)
@@ -39415,7 +40133,7 @@ var Mt = {
   },
   delegate: void 0
 };
-var Kr = function(e3) {
+var Kr = (function(e3) {
   te(t, e3);
   function t(n, r3) {
     var i2 = e3.call(this, n, r3) || this;
@@ -39457,16 +40175,16 @@ var Kr = function(e3) {
       this.work = this.state = this.scheduler = null, this.pending = false, Ue(o2, this), r3 != null && (this.id = this.recycleAsyncId(i2, r3, null)), this.delay = null, e3.prototype.unsubscribe.call(this);
     }
   }, t;
-}(qr);
-var Rt = function() {
+})(qr);
+var Rt = (function() {
   function e3(t, n) {
     n === void 0 && (n = e3.now), this.schedulerActionCtor = t, this.now = n;
   }
   return e3.prototype.schedule = function(t, n, r3) {
     return n === void 0 && (n = 0), new this.schedulerActionCtor(this, t).schedule(r3, n);
   }, e3.now = Yr.now, e3;
-}();
-var Gr = function(e3) {
+})();
+var Gr = (function(e3) {
   te(t, e3);
   function t(n, r3) {
     r3 === void 0 && (r3 = Rt.now);
@@ -39491,7 +40209,7 @@ var Gr = function(e3) {
       throw i2;
     }
   }, t;
-}(Rt);
+})(Rt);
 var Qr = new Gr(Kr);
 function Jr(e3) {
   return e3 && P(e3.schedule);
@@ -40178,7 +40896,7 @@ function Yt(e3, t = {}) {
 
 // node_modules/@livekit/components-react/dist/components-Bz2b1Fa9.mjs
 var e2 = __toESM(require("react"), 1);
-var import_react11 = require("react");
+var import_react13 = require("react");
 init_livekit_client_esm();
 var Y;
 var ue;
@@ -40273,8 +40991,8 @@ var Dt = (t) => {
 };
 var fe2 = (t) => [[Math.floor(t / 2)], [-1]];
 var Ut2 = (t, n, a) => {
-  const [r3, c] = (0, import_react11.useState)(0), [s, o2] = (0, import_react11.useState)([[]]);
-  (0, import_react11.useEffect)(() => {
+  const [r3, c] = (0, import_react13.useState)(0), [s, o2] = (0, import_react13.useState)([[]]);
+  (0, import_react13.useEffect)(() => {
     if (t === "thinking")
       o2(fe2(n));
     else if (t === "connecting" || t === "initializing") {
@@ -40283,8 +41001,8 @@ var Ut2 = (t, n, a) => {
     } else o2(t === "listening" ? fe2(n) : t === void 0 || t === "speaking" ? [new Array(n).fill(0).map((i2, u) => u)] : [[]]);
     c(0);
   }, [t, n]);
-  const l = (0, import_react11.useRef)(null);
-  return (0, import_react11.useEffect)(() => {
+  const l = (0, import_react13.useRef)(null);
+  return (0, import_react13.useEffect)(() => {
     let i2 = performance.now();
     const u = (d) => {
       d - i2 >= a && (c((f) => f + 1), i2 = d), l.current = requestAnimationFrame(u);
@@ -40354,8 +41072,8 @@ var Xt = /* @__PURE__ */ e2.forwardRef(
 init_livekit_client_esm();
 init_webrtc_service();
 var VoiceIntensityWithRoom = (props) => {
-  const [room2, setRoom] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const [room2, setRoom] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
     if (props.isActive) {
       const currentRoom = getRoom();
       if (currentRoom) {
@@ -40368,7 +41086,7 @@ var VoiceIntensityWithRoom = (props) => {
   if (!room2) {
     return null;
   }
-  return /* @__PURE__ */ import_react12.default.createElement(Wn.Provider, { value: room2 }, /* @__PURE__ */ import_react12.default.createElement(VoiceIntensityBars, { ...props }));
+  return /* @__PURE__ */ import_react14.default.createElement(Wn.Provider, { value: room2 }, /* @__PURE__ */ import_react14.default.createElement(VoiceIntensityBars, { ...props }));
 };
 var VoiceIntensityBars = ({
   isActive,
@@ -40411,7 +41129,7 @@ var VoiceIntensityBars = ({
   if (!trackRef) {
     return null;
   }
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: `voice-intensity-visualizer ${className}`,
@@ -40428,7 +41146,7 @@ var VoiceIntensityBars = ({
         pointerEvents: "none"
       }
     },
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       Xt,
       {
         barCount,
@@ -40442,7 +41160,7 @@ var VoiceIntensityBars = ({
           gap: "0.25rem"
         }
       },
-      /* @__PURE__ */ import_react12.default.createElement("span", { className: "cuekit-voice-intensity-bar" })
+      /* @__PURE__ */ import_react14.default.createElement("span", { className: "cuekit-voice-intensity-bar" })
     )
   );
 };
@@ -40450,56 +41168,6 @@ var VoiceIntensityVisualizer = VoiceIntensityWithRoom;
 
 // src/components/mic-button.tsx
 init_webrtc_service();
-
-// src/components/svgs/mic.tsx
-var import_react13 = __toESM(require("react"));
-var MicIcon = ({ width = 24, height = 24, className, ...props }) => {
-  return /* @__PURE__ */ import_react13.default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width,
-      height,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className,
-      ...props
-    },
-    /* @__PURE__ */ import_react13.default.createElement("path", { d: "M12 19v3" }),
-    /* @__PURE__ */ import_react13.default.createElement("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-    /* @__PURE__ */ import_react13.default.createElement("rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" })
-  );
-};
-var mic_default = MicIcon;
-
-// src/components/svgs/loader.tsx
-var import_react14 = __toESM(require("react"));
-var LoaderIcon = ({ width = 24, height = 24, className, ...props }) => {
-  return /* @__PURE__ */ import_react14.default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className,
-      ...props
-    },
-    /* @__PURE__ */ import_react14.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-  );
-};
-var loader_default = LoaderIcon;
-
-// src/components/mic-button.tsx
 var chatState = {
   isOpen: false,
   isMinimized: false
@@ -40549,16 +41217,18 @@ var MicButton = ({
     connect: voiceConnect,
     disconnect: voiceDisconnect,
     sendUserCommand: sendUserCommand2,
+    sendChatMessage,
     messages: messageManagerMessages,
     micState,
     setMicState,
     status,
     setStatus,
-    participants
+    participants,
+    muteState,
+    toggleMute,
+    setMute
   } = useCuekit({
-    onNavigationCommand: (command) => {
-      console.log("\u{1F3A4} MicButton: Navigation command received:", command);
-    },
+    // Don't override navigation command - let the provider handle it
     onConnectionStateChange: (state) => {
       console.log("\u{1F3A4} MicButton: Connection state changed:", state);
     },
@@ -40703,7 +41373,9 @@ var MicButton = ({
     apiKey,
     appId,
     openChat,
-    showBorderGlow
+    showBorderGlow,
+    sendChatMessage,
+    isChatOpen
   ]);
   const handleSendText = async (textToSend) => {
     setMicState("thinking");
@@ -40713,13 +41385,14 @@ var MicButton = ({
     }
     if (isConnected2) {
       try {
-        await sendUserCommand2(textToSend);
+        await sendChatMessage(textToSend);
         setMicState("replying");
         setTimeout(() => {
           setMicState("listening");
           if (showBorderGlow) setShowBodyGlow(true);
         }, 1e3);
       } catch (error) {
+        console.error("Failed to send chat message:", error);
       } finally {
         setMicState("listening");
         if (showBorderGlow) setShowBodyGlow(true);
@@ -40746,8 +41419,11 @@ var MicButton = ({
         filter: "drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))",
         ...imageStyle
       };
-      const animatedImageStyle = micState === "thinking" ? { ...baseImageStyle, animation: "spin 1s linear infinite" } : micState === "replying" ? { ...baseImageStyle, animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" } : baseImageStyle;
-      return /* @__PURE__ */ import_react15.default.createElement("img", { src: imageSource, alt: "Voice Assistant", style: animatedImageStyle });
+      if (micState === "idle") {
+        return /* @__PURE__ */ import_react15.default.createElement("img", { src: imageSource, alt: "Voice Assistant", style: baseImageStyle });
+      } else {
+        return /* @__PURE__ */ import_react15.default.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
+      }
     }
     const iconStyle = {
       width: `100%`,
@@ -40755,15 +41431,10 @@ var MicButton = ({
       color: "white",
       filter: "drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))"
     };
-    switch (micState) {
-      case "thinking":
-        return /* @__PURE__ */ import_react15.default.createElement(loader_default, { style: { ...iconStyle, animation: "spin 1s linear infinite" } });
-      case "replying":
-        return /* @__PURE__ */ import_react15.default.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
-      case "listening":
-        return /* @__PURE__ */ import_react15.default.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
-      default:
-        return /* @__PURE__ */ import_react15.default.createElement(mic_default, { style: iconStyle });
+    if (micState === "idle") {
+      return /* @__PURE__ */ import_react15.default.createElement(mic_default, { style: iconStyle });
+    } else {
+      return /* @__PURE__ */ import_react15.default.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
     }
   };
   const getPositionStyle = () => {
@@ -40831,7 +41502,6 @@ var MicButton = ({
       case "thinking":
         baseStyle.transform = "scale(1.05)";
         baseStyle.boxShadow = "0 20px 25px -5px rgba(196, 132, 252, 0.4)";
-        baseStyle.animation = "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
         break;
       case "replying":
         baseStyle.transform = "scale(1.05)";
@@ -40908,7 +41578,9 @@ var MicButton = ({
       currentTheme,
       onThemeToggle: setCurrentTheme,
       status: getUserFriendlyStatus(micState, isConnected2 ?? false),
-      anchor: { position: screenPosition, bottom: bottomSpace, size: buttonSize }
+      anchor: { position: screenPosition, bottom: bottomSpace, size: buttonSize },
+      muteState,
+      onToggleMute: toggleMute
     }
   ), isChatOpen && isChatMinimized && /* @__PURE__ */ import_react15.default.createElement(
     "button",
@@ -40947,4 +41619,4 @@ function generateDynamicId(routePath, elementIdentifier) {
 }
 
 // src/index.ts
-init_element_service();
+init_navigation();