@cuekit-ai/react 1.3.4 → 1.5.0

package/dist/{chunk-ZGHSIEXZ.mjs → chunk-MHLYAXXW.mjs}

@@ -8836,6 +8836,23 @@ var SignalRequestError = class extends LivekitError {
     this.reasonName = typeof reason === "string" ? reason : RequestResponse_Reason[reason];
   }
 };
+var DataStreamErrorReason;
+(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 = {}));
+var DataStreamError = class extends LivekitError {
+  constructor(message, reason) {
+    super(16, message);
+    this.name = "DataStreamError";
+    this.reason = reason;
+    this.reasonName = DataStreamErrorReason[reason];
+  }
+};
 var MediaDeviceFailure;
 (function(MediaDeviceFailure2) {
   MediaDeviceFailure2["PermissionDenied"] = "PermissionDenied";
@@ -9092,7 +9109,7 @@ function getMatch(exp, ua) {
 function getOSVersion(ua) {
   return ua.includes("mac os") ? getMatch(/\(.+?(\d+_\d+(:?_\d+)?)/, ua, 1).replace(/_/g, ".") : void 0;
 }
-var version$1 = "2.15.4";
+var version$1 = "2.15.6";
 var version = version$1;
 var protocolVersion = 16;
 var CriticalTimers = class {
@@ -9119,13 +9136,24 @@ var VideoQuality;
   VideoQuality2[VideoQuality2["HIGH"] = 2] = "HIGH";
 })(VideoQuality || (VideoQuality = {}));
 var 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;
@@ -9561,7 +9589,7 @@ function supportsAV1() {
   if (!("getCapabilities" in RTCRtpSender)) {
     return false;
   }
-  if (isSafari()) {
+  if (isSafari() || isFireFox()) {
     return false;
   }
   const capabilities = RTCRtpSender.getCapabilities("video");
@@ -9658,9 +9686,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;
@@ -9875,13 +9903,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];
     }
@@ -10104,7 +10132,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();
@@ -10120,7 +10148,7 @@ function detectSilence(track_1) {
         return !someNoise;
       }
       return false;
-    }();
+    })();
   });
 }
 function getNewAudioContext() {
@@ -10447,6 +10475,20 @@ var E2EEManager = class extends eventsExports.EventEmitter {
     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) {
@@ -10657,7 +10699,7 @@ var DeviceManager = class _DeviceManager {
     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");
@@ -10700,7 +10742,7 @@ var DeviceManager = class _DeviceManager {
           devices = devices.filter((device) => device.kind === kind);
         }
         return devices;
-      }();
+      })();
     });
   }
   normalizeDeviceId(kind, deviceId, groupId) {
@@ -11009,7 +11051,7 @@ var SignalClient = class {
     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();
@@ -11041,7 +11083,7 @@ var SignalClient = class {
           }
           unlock();
         }
-      }();
+      })();
     });
   }
   // initial offer after joining
@@ -11095,7 +11137,7 @@ var SignalClient = class {
     return __awaiter(this, arguments, void 0, function(metadata, name) {
       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",
@@ -11107,7 +11149,7 @@ var SignalClient = class {
           })
         });
         return requestId;
-      }();
+      })();
     });
   }
   sendUpdateTrackSettings(settings) {
@@ -11187,7 +11229,7 @@ var SignalClient = class {
     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* () {
@@ -11223,7 +11265,7 @@ var SignalClient = class {
             error: e2
           }));
         }
-      }();
+      })();
     });
   }
   handleSignalResponse(res) {
@@ -13172,7 +13214,7 @@ var PCTransportManager = class {
     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;
@@ -13202,7 +13244,7 @@ var PCTransportManager = class {
           abortController === null || abortController === void 0 ? void 0 : abortController.signal.removeEventListener("abort", abortHandler);
           resolve();
         }));
-      }();
+      })();
     });
   }
 };
@@ -13425,9 +13467,14 @@ var LocalTrack = class extends Track {
     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;
@@ -13496,25 +13543,20 @@ var LocalTrack = class extends Track {
       }
       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);
@@ -13536,7 +13578,7 @@ var LocalTrack = class extends Track {
     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");
@@ -13553,7 +13595,7 @@ var LocalTrack = class extends Track {
           yield sleep(50);
         }
         throw new TrackInvalidError("unable to get track dimensions after timeout");
-      }();
+      })();
     });
   }
   setDeviceId(deviceId) {
@@ -13576,7 +13618,7 @@ var LocalTrack = class extends Track {
     return __awaiter(this, arguments, void 0, function() {
       var _this2 = this;
       let normalize = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-      return function* () {
+      return (function* () {
         if (_this2.source === Track.Source.ScreenShare) {
           return;
         }
@@ -13586,7 +13628,7 @@ var LocalTrack = class extends Track {
         } = _this2._mediaStreamTrack.getSettings();
         const kind = _this2.kind === Track.Kind.Audio ? "audioinput" : "videoinput";
         return normalize ? DeviceManager.getInstance().normalizeDeviceId(kind, deviceId, groupId) : deviceId;
-      }();
+      })();
     });
   }
   mute() {
@@ -13603,30 +13645,35 @@ var LocalTrack = class extends Track {
   }
   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;
@@ -13648,9 +13695,9 @@ var LocalTrack = class extends Track {
             facingMode
           } : true;
         } else {
-          streamConstraints.audio = deviceId ? {
+          streamConstraints.audio = deviceId ? Object.assign({
             deviceId
-          } : true;
+          }, otherConstraints) : true;
         }
         this.attachedElements.forEach((el) => {
           detachTrack(this.mediaStreamTrack, el);
@@ -13659,7 +13706,9 @@ var LocalTrack = class extends Track {
         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);
@@ -13798,9 +13847,9 @@ var LocalTrack = class extends Track {
     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);
@@ -13813,7 +13862,7 @@ var LocalTrack = class extends Track {
           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");
@@ -13853,7 +13902,7 @@ var LocalTrack = class extends Track {
         } finally {
           unlock();
         }
-      }();
+      })();
     });
   }
   getProcessor() {
@@ -13870,21 +13919,40 @@ var LocalTrack = class extends Track {
     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 */
@@ -14072,13 +14140,13 @@ var LocalAudioTrack = class extends LocalTrack {
   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,
@@ -14733,7 +14801,7 @@ var LocalVideoTrack = class extends LocalTrack {
     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);
@@ -14757,7 +14825,7 @@ var LocalVideoTrack = class extends LocalTrack {
             }
           }
         }
-      }();
+      })();
     });
   }
   setDegradationPreference(preference) {
@@ -15108,7 +15176,7 @@ var RTCEngine = class extends eventsExports.EventEmitter {
       let {
         channel
       } = _ref;
-      return function* () {
+      return (function* () {
         if (!channel) {
           return;
         }
@@ -15121,7 +15189,7 @@ var RTCEngine = class extends eventsExports.EventEmitter {
         }
         _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;
@@ -16004,7 +16072,7 @@ var RTCEngine = class extends eventsExports.EventEmitter {
     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");
@@ -16037,7 +16105,7 @@ var RTCEngine = class extends eventsExports.EventEmitter {
           yield sleep(50);
         }
         throw new ConnectionError("could not establish ".concat(transportName, " connection, state: ").concat(transport.getICEConnectionState()), ConnectionErrorReason.InternalError);
-      }();
+      })();
     });
   }
   ensurePublisherConnected(kind) {
@@ -16294,30 +16362,72 @@ var BaseStreamReader = class {
   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;
   }
 };
 var 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
@@ -16329,16 +16439,16 @@ var ByteStreamReader = class extends BaseStreamReader {
               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
@@ -16347,29 +16457,45 @@ var ByteStreamReader = class extends BaseStreamReader {
       }
     };
   }
+  /**
+   * 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);
+      })();
     });
   }
 };
@@ -16378,8 +16504,8 @@ var TextStreamReader = class extends BaseStreamReader {
    * 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) {
@@ -16391,6 +16517,7 @@ var TextStreamReader = class extends BaseStreamReader {
     }
     this.receivedChunks.set(index, 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);
   }
@@ -16401,36 +16528,72 @@ var TextStreamReader = class extends BaseStreamReader {
    */
   [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
@@ -16439,145 +16602,600 @@ var TextStreamReader = class extends BaseStreamReader {
       }
     };
   }
+  /**
+   * 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_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;
-        }
-      } catch (e_2_1) {
-        e_2 = {
-          error: e_2_1
-        };
-      } finally {
+    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 {
-          if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
+          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 {
-          if (e_2) throw e_2.error;
+          try {
+            if (!_d && !_a && (_b = iterator_2.return)) yield _b.call(iterator_2);
+          } finally {
+            if (e_2) throw e_2.error;
+          }
         }
-      }
-      return finalString;
+        return finalString;
+      })();
     });
   }
 };
-var BaseStreamWriter = class {
-  constructor(writableStream, info, onClose) {
-    this.writableStream = writableStream;
-    this.defaultWriter = writableStream.getWriter();
-    this.onClose = onClose;
-    this.info = info;
-  }
-  write(chunk) {
-    return this.defaultWriter.write(chunk);
-  }
-  close() {
-    return __awaiter(this, void 0, void 0, function* () {
-      var _a;
-      yield this.defaultWriter.close();
-      this.defaultWriter.releaseLock();
-      (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
-    });
+var 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();
   }
-};
-var TextStreamWriter = class extends BaseStreamWriter {
-};
-var ByteStreamWriter = class extends BaseStreamWriter {
-};
-var RemoteTrack = class extends Track {
-  constructor(mediaTrack, sid, kind, receiver, loggerOptions) {
-    super(mediaTrack, kind, loggerOptions);
-    this.sid = sid;
-    this.receiver = receiver;
+  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);
   }
-  get isLocal() {
-    return false;
+  unregisterTextStreamHandler(topic) {
+    this.textStreamHandlers.delete(topic);
   }
-  /** @internal */
-  setMuted(muted) {
-    if (this.isMuted !== muted) {
-      this.isMuted = muted;
-      this._mediaStreamTrack.enabled = !muted;
-      this.emit(muted ? TrackEvent.Muted : TrackEvent.Unmuted, this);
+  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);
   }
-  /** @internal */
-  setMediaStream(stream) {
-    this.mediaStream = stream;
-    const onRemoveTrack = (event) => {
-      if (event.track === this._mediaStreamTrack) {
-        stream.removeEventListener("removetrack", onRemoveTrack);
-        if (this.receiver && "playoutDelayHint" in this.receiver) {
-          this.receiver.playoutDelayHint = void 0;
-        }
-        this.receiver = void 0;
-        this._currentBitrate = 0;
-        this.emit(TrackEvent.Ended, this);
-      }
-    };
-    stream.addEventListener("removetrack", onRemoveTrack);
-  }
-  start() {
-    this.startMonitor();
-    super.enable();
+  unregisterByteStreamHandler(topic) {
+    this.byteStreamHandlers.delete(topic);
   }
-  stop() {
-    this.stopMonitor();
-    super.disable();
+  clearHandlersAndControllers() {
+    this.byteStreamControllers.clear();
+    this.textStreamControllers.clear();
+    this.byteStreamHandlers.clear();
+    this.textStreamHandlers.clear();
   }
-  /**
-   * Gets the RTCStatsReport for the RemoteTrack's underlying RTCRtpReceiver
-   * See https://developer.mozilla.org/en-US/docs/Web/API/RTCStatsReport
-   *
-   * @returns Promise<RTCStatsReport> | undefined
-   */
-  getRTCStatsReport() {
-    return __awaiter(this, void 0, void 0, function* () {
-      var _a;
-      if (!((_a = this.receiver) === null || _a === void 0 ? void 0 : _a.getStats)) {
-        return;
+  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);
       }
-      const statsReport = yield this.receiver.getStats();
-      return statsReport;
-    });
-  }
-  /**
-   * Allows to set a playout delay (in seconds) for this track.
-   * A higher value allows for more buffering of the track in the browser
-   * and will result in a delay of media being played back of `delayInSeconds`
-   */
-  setPlayoutDelay(delayInSeconds) {
-    if (this.receiver) {
-      if ("playoutDelayHint" in this.receiver) {
-        this.receiver.playoutDelayHint = delayInSeconds;
-      } else {
-        this.log.warn("Playout delay not supported in this browser");
+      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);
       }
-    } else {
-      this.log.warn("Cannot set playout delay, track already ended");
     }
   }
-  /**
-   * Returns the current playout delay (in seconds) of this track.
-   */
-  getPlayoutDelay() {
-    if (this.receiver) {
-      if ("playoutDelayHint" in this.receiver) {
-        return this.receiver.playoutDelayHint;
-      } else {
-        this.log.warn("Playout delay not supported in this browser");
+  handleDataStreamPacket(packet) {
+    return __awaiter(this, void 0, void 0, function* () {
+      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!'));
       }
-    } else {
-      this.log.warn("Cannot get playout delay, track already ended");
-    }
-    return 0;
+    });
   }
-  /* @internal */
-  startMonitor() {
+  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;
+        }
+        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
+        };
+        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
+        });
+      }
+    });
+  }
+  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);
+      }
+    }
+  }
+};
+var BaseStreamWriter = class {
+  constructor(writableStream, info, onClose) {
+    this.writableStream = writableStream;
+    this.defaultWriter = writableStream.getWriter();
+    this.onClose = onClose;
+    this.info = info;
+  }
+  write(chunk) {
+    return this.defaultWriter.write(chunk);
+  }
+  close() {
+    return __awaiter(this, void 0, void 0, function* () {
+      var _a;
+      yield this.defaultWriter.close();
+      this.defaultWriter.releaseLock();
+      (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
+    });
+  }
+};
+var TextStreamWriter = class extends BaseStreamWriter {
+};
+var ByteStreamWriter = class extends BaseStreamWriter {
+};
+var STREAM_CHUNK_SIZE = 15e3;
+var OutgoingDataStreamManager = class {
+  constructor(engine, log2) {
+    this.engine = engine;
+    this.log = log2;
+  }
+  setupEngine(engine) {
+    this.engine = engine;
+  }
+  /** {@inheritDoc LocalParticipant.sendText} */
+  sendText(text, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+      var _a;
+      const streamId = crypto.randomUUID();
+      const textInBytes = new TextEncoder().encode(text);
+      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(text);
+      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(text) {
+          return __awaiter(this, void 0, void 0, function* () {
+            for (const textByteChunk of splitUtf8(text, 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;
+    });
+  }
+};
+var RemoteTrack = class extends Track {
+  constructor(mediaTrack, sid, kind, receiver, loggerOptions) {
+    super(mediaTrack, kind, loggerOptions);
+    this.sid = sid;
+    this.receiver = receiver;
+  }
+  get isLocal() {
+    return false;
+  }
+  /** @internal */
+  setMuted(muted) {
+    if (this.isMuted !== muted) {
+      this.isMuted = muted;
+      this._mediaStreamTrack.enabled = !muted;
+      this.emit(muted ? TrackEvent.Muted : TrackEvent.Unmuted, this);
+    }
+  }
+  /** @internal */
+  setMediaStream(stream) {
+    this.mediaStream = stream;
+    const onRemoveTrack = (event) => {
+      if (event.track === this._mediaStreamTrack) {
+        stream.removeEventListener("removetrack", onRemoveTrack);
+        if (this.receiver && "playoutDelayHint" in this.receiver) {
+          this.receiver.playoutDelayHint = void 0;
+        }
+        this.receiver = void 0;
+        this._currentBitrate = 0;
+        this.emit(TrackEvent.Ended, this);
+      }
+    };
+    stream.addEventListener("removetrack", onRemoveTrack);
+  }
+  start() {
+    this.startMonitor();
+    super.enable();
+  }
+  stop() {
+    this.stopMonitor();
+    super.disable();
+  }
+  /**
+   * Gets the RTCStatsReport for the RemoteTrack's underlying RTCRtpReceiver
+   * See https://developer.mozilla.org/en-US/docs/Web/API/RTCStatsReport
+   *
+   * @returns Promise<RTCStatsReport> | undefined
+   */
+  getRTCStatsReport() {
+    return __awaiter(this, void 0, void 0, function* () {
+      var _a;
+      if (!((_a = this.receiver) === null || _a === void 0 ? void 0 : _a.getStats)) {
+        return;
+      }
+      const statsReport = yield this.receiver.getStats();
+      return statsReport;
+    });
+  }
+  /**
+   * Allows to set a playout delay (in seconds) for this track.
+   * A higher value allows for more buffering of the track in the browser
+   * and will result in a delay of media being played back of `delayInSeconds`
+   */
+  setPlayoutDelay(delayInSeconds) {
+    if (this.receiver) {
+      if ("playoutDelayHint" in this.receiver) {
+        this.receiver.playoutDelayHint = delayInSeconds;
+      } else {
+        this.log.warn("Playout delay not supported in this browser");
+      }
+    } else {
+      this.log.warn("Cannot set playout delay, track already ended");
+    }
+  }
+  /**
+   * Returns the current playout delay (in seconds) of this track.
+   */
+  getPlayoutDelay() {
+    if (this.receiver) {
+      if ("playoutDelayHint" in this.receiver) {
+        return this.receiver.playoutDelayHint;
+      } else {
+        this.log.warn("Playout delay not supported in this browser");
+      }
+    } else {
+      this.log.warn("Cannot get playout delay, track already ended");
+    }
+    return 0;
+  }
+  /* @internal */
+  startMonitor() {
     if (!this.monitorInterval) {
       this.monitorInterval = setInterval(() => this.monitorReceiver(), monitorFrequency);
     }
@@ -16823,6 +17441,13 @@ var RemoteVideoTrack = class extends RemoteTrack {
   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
    */
@@ -16966,13 +17591,13 @@ var RemoteVideoTrack = class extends RemoteTrack {
       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) {
@@ -17720,10 +18345,9 @@ function trackPermissionToProto(perms) {
     trackSids: perms.allowedTrackSids || []
   });
 }
-var STREAM_CHUNK_SIZE = 15e3;
 var 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
@@ -17949,6 +18573,7 @@ var LocalParticipant = class extends Participant {
     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;
@@ -18040,7 +18665,7 @@ var LocalParticipant = class extends Participant {
         name,
         attributes
       } = _ref;
-      return function* () {
+      return (function* () {
         return new Promise((resolve, reject) => __awaiter(_this, void 0, void 0, function* () {
           var _a2, _b;
           try {
@@ -18075,7 +18700,7 @@ var LocalParticipant = class extends Participant {
             if (e2 instanceof Error) reject(e2);
           }
         }));
-      }();
+      })();
     });
   }
   /**
@@ -18344,7 +18969,7 @@ var LocalParticipant = class extends Participant {
     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);
@@ -18469,7 +19094,7 @@ var LocalParticipant = class extends Participant {
         } finally {
           _this2.pendingPublishPromises.delete(track);
         }
-      }();
+      })();
     });
   }
   waitUntilEngineConnected() {
@@ -18951,7 +19576,7 @@ var LocalParticipant = class extends Participant {
     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;
         }
@@ -18985,7 +19610,7 @@ var LocalParticipant = class extends Participant {
           }
         }));
         yield _this3.republishPromise;
-      }();
+      })();
     });
   }
   /**
@@ -18999,7 +19624,7 @@ var LocalParticipant = class extends Participant {
     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;
@@ -19016,7 +19641,7 @@ var LocalParticipant = class extends Participant {
           }
         });
         yield _this4.engine.sendDataPacket(packet, kind);
-      }();
+      })();
     });
   }
   /**
@@ -19037,308 +19662,97 @@ var LocalParticipant = class extends Participant {
           })
         }
       });
-      yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
-    });
-  }
-  sendChatMessage(text, options) {
-    return __awaiter(this, void 0, void 0, function* () {
-      const msg = {
-        id: crypto.randomUUID(),
-        message: text,
-        timestamp: Date.now(),
-        attachedFiles: options === null || options === void 0 ? void 0 : options.attachments
-      };
-      const packet = new DataPacket({
-        value: {
-          case: "chatMessage",
-          value: new ChatMessage(Object.assign(Object.assign({}, msg), {
-            timestamp: protoInt64.parse(msg.timestamp)
-          }))
-        }
-      });
-      yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
-      this.emit(ParticipantEvent.ChatMessage, msg);
-      return msg;
-    });
-  }
-  editChatMessage(editText, originalMessage) {
-    return __awaiter(this, void 0, void 0, function* () {
-      const msg = Object.assign(Object.assign({}, originalMessage), {
-        message: editText,
-        editTimestamp: Date.now()
-      });
-      const packet = new DataPacket({
-        value: {
-          case: "chatMessage",
-          value: new ChatMessage(Object.assign(Object.assign({}, msg), {
-            timestamp: protoInt64.parse(msg.timestamp),
-            editTimestamp: protoInt64.parse(msg.editTimestamp)
-          }))
-        }
-      });
-      yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
-      this.emit(ParticipantEvent.ChatMessage, msg);
-      return msg;
-    });
-  }
-  sendText(text, options) {
-    return __awaiter(this, void 0, void 0, function* () {
-      var _a;
-      const streamId = crypto.randomUUID();
-      const textInBytes = new TextEncoder().encode(text);
-      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(text);
-      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;
+      yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
     });
   }
-  /**
-   * @internal
-   * @experimental CAUTION, might get removed in a minor release
-   */
-  streamText(options) {
+  /** @deprecated Consider migrating to {@link sendText} */
+  sendChatMessage(text, 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",
+      const msg = {
+        id: crypto.randomUUID(),
+        message: text,
         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
+        attachedFiles: options === null || options === void 0 ? void 0 : options.attachments
       };
-      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
+          case: "chatMessage",
+          value: new ChatMessage(Object.assign(Object.assign({}, msg), {
+            timestamp: protoInt64.parse(msg.timestamp)
+          }))
         }
       });
       yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
-      let chunkId = 0;
-      const localP = this;
-      const writableStream = new WritableStream({
-        // Implement the sink
-        write(text) {
-          return __awaiter(this, void 0, void 0, function* () {
-            for (const textByteChunk of splitUtf8(text, 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);
-        }
+      this.emit(ParticipantEvent.ChatMessage, msg);
+      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), {
+        message: editText,
+        editTimestamp: Date.now()
       });
-      let onEngineClose = () => __awaiter(this, void 0, void 0, function* () {
-        yield writer2.close();
+      const packet = new DataPacket({
+        value: {
+          case: "chatMessage",
+          value: new ChatMessage(Object.assign(Object.assign({}, msg), {
+            timestamp: protoInt64.parse(msg.timestamp),
+            editTimestamp: protoInt64.parse(msg.editTimestamp)
+          }))
+        }
       });
-      localP.engine.once(EngineEvent.Closing, onEngineClose);
-      const writer2 = new TextStreamWriter(writableStream, info, () => this.engine.off(EngineEvent.Closing, onEngineClose));
-      return writer2;
+      yield this.engine.sendDataPacket(packet, DataPacket_Kind.RELIABLE);
+      this.emit(ParticipantEvent.ChatMessage, msg);
+      return msg;
     });
   }
-  sendFile(file, options) {
+  /**
+   * 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(text, options) {
     return __awaiter(this, void 0, void 0, function* () {
-      const streamId = crypto.randomUUID();
-      yield this._sendFile(streamId, file, options);
-      return {
-        id: streamId
-      };
+      return this.roomOutgoingDataStreamManager.sendText(text, options);
     });
   }
-  _sendFile(streamId, file, 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;
-      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.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* () {
+      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);
     });
   }
   /**
@@ -19356,7 +19770,7 @@ var LocalParticipant = class extends Participant {
         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;
@@ -19403,7 +19817,7 @@ var LocalParticipant = class extends Participant {
             participantIdentity: destinationIdentity
           });
         }));
-      }();
+      })();
     });
   }
   /**
@@ -20122,10 +20536,6 @@ var Room = class _Room extends eventsExports.EventEmitter {
     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;
@@ -20340,7 +20750,7 @@ var Room = class _Room extends eventsExports.EventEmitter {
       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 {
@@ -20366,7 +20776,7 @@ var Room = class _Room extends eventsExports.EventEmitter {
           } finally {
             unlock();
           }
-        }();
+        })();
       });
     };
     this.onPageLeave = () => __awaiter(this, void 0, void 0, function* () {
@@ -20574,8 +20984,8 @@ var Room = class _Room extends eventsExports.EventEmitter {
           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);
         }
@@ -20615,12 +21025,8 @@ var Room = class _Room extends eventsExports.EventEmitter {
         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);
@@ -20634,7 +21040,6 @@ var Room = class _Room extends eventsExports.EventEmitter {
       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);
@@ -20650,6 +21055,10 @@ var Room = class _Room extends eventsExports.EventEmitter {
     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;
@@ -20783,8 +21192,10 @@ var Room = class _Room extends eventsExports.EventEmitter {
     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));
     }
@@ -20810,22 +21221,16 @@ var Room = class _Room extends eventsExports.EventEmitter {
     }
   }
   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);
+  registerByteStreamHandler(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.
@@ -20867,44 +21272,6 @@ var Room = class _Room extends eventsExports.EventEmitter {
   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
    */
@@ -21069,6 +21436,9 @@ var Room = class _Room extends eventsExports.EventEmitter {
     if (this.e2eeManager) {
       this.e2eeManager.setupEngine(this.engine);
     }
+    if (this.outgoingDataStreamManager) {
+      this.outgoingDataStreamManager.setupEngine(this.engine);
+    }
   }
   /**
    * getLocalDevices abstracts navigator.mediaDevices.enumerateDevices.
@@ -21279,7 +21649,7 @@ var Room = class _Room extends eventsExports.EventEmitter {
     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;
@@ -21353,7 +21723,7 @@ var Room = class _Room extends eventsExports.EventEmitter {
           _this3.emit(RoomEvent.ActiveDeviceChanged, kind, deviceId);
         }
         return success;
-      }();
+      })();
     });
   }
   setupLocalParticipantEvents() {
@@ -21415,7 +21785,10 @@ var Room = class _Room extends eventsExports.EventEmitter {
         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;
@@ -21425,6 +21798,7 @@ var Room = class _Room extends eventsExports.EventEmitter {
     this.isResuming = false;
     this.bufferedEvents = [];
     this.transcriptionReceivedTimes.clear();
+    this.incomingDataStreamManager.clearHandlersAndControllers();
     if (this.state === ConnectionState.Disconnected) {
       return;
     }
@@ -21475,6 +21849,7 @@ var Room = class _Room extends eventsExports.EventEmitter {
     if (!participant) {
       return;
     }
+    this.incomingDataStreamManager.validateParticipantHasNoActiveDataStreams(identity);
     participant.trackPublications.forEach((publication) => {
       participant.unpublishTrack(publication.trackSid, true);
     });
@@ -21482,99 +21857,44 @@ var Room = class _Room extends eventsExports.EventEmitter {
     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
    */
@@ -22729,15 +23049,24 @@ var GlobalStore = {
 var navigation;
 var navigationHandler = null;
 function setNavigationHandler(handler) {
+  console.log("\u{1F9ED} setNavigationHandler called with:", !!handler);
   navigationHandler = handler;
 }
 function navigate(path, params) {
   const safeParams = params || {};
   const absolutePath = path.startsWith("/") ? path : `/${path}`;
+  console.log("\u{1F9ED} navigate() called with:", {
+    path,
+    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;
   }
@@ -22752,27 +23081,46 @@ function navigate(path, 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;
+      }
     }
   }
 }
 var 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;
 };
 var 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);
 };
 var safeNavigate = (name, params = {}) => {
+  console.log("\u{1F9ED} safeNavigate called with:", { name, params });
   if (name) {
     navigate(name, params);
   } else {
+    console.log("\u{1F9ED} safeNavigate: no name provided, skipping navigation");
   }
 };
 function getCurrentScreenName() {
   try {
     const path = getCurrentPath();
+    const pathParams = getCurrentPathParams();
+    if (path && Object.keys(pathParams).length > 0) {
+      const paramString = Object.entries(pathParams).map(([key, value]) => `${key}=${value}`).join(",");
+      return `${path}?${paramString}`;
+    }
     return path || "UnknownScreen";
   } catch (e2) {
     return "UnknownScreen";
@@ -22794,6 +23142,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 (e2) {
+    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 (e2) {
+    return routePath;
+  }
+}
 function onStateChange() {
   const routeName = getCurrentScreenName();
   const params = getCurrentRouteParams();
@@ -22912,13 +23299,23 @@ function getElementPath2(element) {
 }
 
 // src/utils/element-service.ts
-var INTERACTIVE_ELEMENT_SELECTOR = 'a, button, input, textarea, select, [role="button"], [onclick], [data-ansyr-static], [data-ansyr-dynamic]';
+var 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]';
+var elementCache = /* @__PURE__ */ new Map();
+var cacheTimestamp = 0;
+var CACHE_TTL = 5e3;
 function getInteractiveElements() {
   const elements = document.querySelectorAll(INTERACTIVE_ELEMENT_SELECTOR);
   return Array.from(new Set(Array.from(elements)));
 }
 function getImmediateText(element) {
   let text = "";
+  const textAttributes = ["label", "text", "placeholder", "title", "alt", "aria-label"];
+  for (const attr of textAttributes) {
+    const value = element.getAttribute(attr);
+    if (value) {
+      text += value + " ";
+    }
+  }
   if (element.childNodes) {
     for (const node of Array.from(element.childNodes)) {
       if (node.nodeType === 3) {
@@ -22928,12 +23325,30 @@ function getImmediateText(element) {
   }
   return text.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");
@@ -22948,110 +23363,115 @@ function captureFullDOMStructure() {
       descriptionsMap.set(targetId, [...existingTags, ...tags]);
     }
   });
-  const allElements = getInteractiveElements();
-  allElements.forEach((element) => {
+  const allInteractiveElements = getInteractiveElements();
+  console.log("\u{1F333} Found", allInteractiveElements.length, "interactive elements");
+  allInteractiveElements.forEach((element) => {
+    if (!(element instanceof HTMLElement)) return;
     const style = getComputedStyle(element);
-    if (element.closest("[data-cuekit-ignore]") || !isElementClickable(element) || element.tagName.toLowerCase() === "script" || style.display === "none" || style.visibility === "hidden") {
+    if (element.closest("[data-cuekit-ignore]") || element.tagName.toLowerCase() === "script" || style.display === "none" || style.visibility === "hidden") {
       return;
     }
+    let elementId = null;
     const staticId = element.getAttribute("data-ansyr-static");
     const dynamicId = element.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(element);
+      console.log("\u{1F333} Calculated stable DOM ID:", elementId);
+    }
+    if (!elementId) {
+      console.log("\u{1F333} No ID could be determined for element:", element);
+      return;
+    }
     const tags = [];
     const directDescription = element.getAttribute("data-ansyr-description");
     if (directDescription) {
       tags.push(directDescription);
     }
-    if (id && descriptionsMap.has(id)) {
-      tags.push(...descriptionsMap.get(id) || []);
+    if (descriptionsMap.has(elementId)) {
+      tags.push(...descriptionsMap.get(elementId) || []);
     }
-    const dto = {
-      testID: id || generateStableDOMId(element),
-      type: element.tagName.toLowerCase(),
-      textContent: getImmediateText(element) || element.textContent?.trim() || "",
-      tags
-    };
-    interactiveElements.push(dto);
+    const textContent = getImmediateText(element) || element.textContent?.trim() || "";
+    interactiveElements[elementId] = [textContent, ...tags];
+    console.log("\u{1F333} Captured element:", {
+      id: elementId,
+      tagName: element.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(element) {
-  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 (element.matches(selector)) {
-      return true;
-    }
-  }
-  const hasClickEvents = element.onclick !== null || element.getAttribute("onclick") !== null;
-  const hasInteractiveEvents = element.ontouchstart !== null || element.getAttribute("ontouchstart") !== null || element.ontouchend !== null || element.getAttribute("ontouchend") !== null || element.onkeydown !== null || element.getAttribute("onkeydown") !== null || element.onkeyup !== null || element.getAttribute("onkeyup") !== null || element.onkeypress !== null || element.getAttribute("onkeypress") !== null;
-  const hasPointerCursor = element.style.cursor === "pointer" || getComputedStyle(element).cursor === "pointer";
-  const hasTabIndex = element.hasAttribute("tabindex") && parseInt(element.getAttribute("tabindex") || "0") >= 0;
-  const hasInteractiveDataAttrs = element.hasAttribute("data-clickable") || element.hasAttribute("data-interactive") || element.hasAttribute("data-action") || element.hasAttribute("data-handler");
-  const hasInteractiveAria = element.hasAttribute("aria-pressed") || element.hasAttribute("aria-expanded") || element.hasAttribute("aria-selected") || element.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((element) => {
+      const id = element.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;
@@ -23090,21 +23510,82 @@ 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 element of interactiveElements) {
-    if (element 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 element of interactiveElements) {
+      if (!(element instanceof HTMLElement)) continue;
       const staticId = element.getAttribute("data-ansyr-static");
       const dynamicId = element.getAttribute("data-ansyr-dynamic");
-      const currentElementId = staticId || dynamicId || generateStableDOMId(element);
+      let currentElementId = null;
+      if (staticId) {
+        currentElementId = staticId;
+      } else if (dynamicId) {
+        currentElementId = dynamicId;
+      } else {
+        currentElementId = generateStableDOMId(element);
+      }
       if (currentElementId === elementId) {
-        return element;
+        console.log("\u{1F50D} findDOMElementById: found element by ID match:", {
+          element,
+          id: currentElementId,
+          hasStaticId: !!staticId,
+          hasDynamicId: !!dynamicId,
+          isCalculated: !staticId && !dynamicId
+        });
+        foundElement = element;
+        break;
       }
     }
+    if (!foundElement) {
+      console.log("\u{1F50D} findDOMElementById: element not found in interactive elements scan");
+    }
+  }
+  if (foundElement) {
+    elementCache.set(elementId, foundElement);
+    cacheTimestamp = now;
   }
-  return null;
+  return foundElement;
 }
 
 // src/utils/webrtc-service.ts
@@ -23123,8 +23604,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 = {
@@ -23215,12 +23704,34 @@ function setupEventListeners() {
     track.detach().forEach((element) => element.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 });
@@ -23274,17 +23785,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));
@@ -23349,6 +23862,8 @@ export {
   setWebRTCConfig,
   GlobalStore,
   setNavigationHandler,
+  getCurrentPathParams,
+  resolveRoutePath,
   onStateChange,
   WEBRTC_BACKEND_SERVER_URL,
   RoomEvent,
@@ -23356,12 +23871,14 @@ export {
   Track,
   createAudioAnalyser,
   ConnectionState,
-  captureFullDOMStructure,
   executeAction,
-  getFullDOMStructure,
+  captureAllInteractiveElements,
+  clearElementCache,
+  validateDynamicElements,
   setServerUrl,
   setAudioContainer,
   setWebRTCCallbacks,
+  getCurrentCallbacks,
   authenticate,
   connectToRoom,
   sendData,