@openreplay/tracker 16.4.10-beta.0 → 16.4.11-beta.0

package/dist/lib/entry.js

@@ -56,12 +56,12 @@ fl[28] = 258, revfl[258] = 28;
 var _b = freb(fdeb, 0), revfd = _b.r;
 // map of value to reverse (assuming 16 bits)
 var rev = new u16(32768);
-for (var i = 0; i < 32768; ++i) {
+for (var i$1 = 0; i$1 < 32768; ++i$1) {
     // reverse table algorithm from SO
-    var x$1 = ((i & 0xAAAA) >> 1) | ((i & 0x5555) << 1);
+    var x$1 = ((i$1 & 0xAAAA) >> 1) | ((i$1 & 0x5555) << 1);
     x$1 = ((x$1 & 0xCCCC) >> 2) | ((x$1 & 0x3333) << 2);
     x$1 = ((x$1 & 0xF0F0) >> 4) | ((x$1 & 0x0F0F) << 4);
-    rev[i] = (((x$1 & 0xFF00) >> 8) | ((x$1 & 0x00FF) << 8)) >> 1;
+    rev[i$1] = (((x$1 & 0xFF00) >> 8) | ((x$1 & 0x00FF) << 8)) >> 1;
 }
 // create huffman tree from u8 "map": index -> code length for code index
 // mb (max bits) must be at most 15
@@ -117,18 +117,18 @@ var hMap = (function (cd, mb, r) {
 });
 // fixed length tree
 var flt = new u8(288);
-for (var i = 0; i < 144; ++i)
-    flt[i] = 8;
-for (var i = 144; i < 256; ++i)
-    flt[i] = 9;
-for (var i = 256; i < 280; ++i)
-    flt[i] = 7;
-for (var i = 280; i < 288; ++i)
-    flt[i] = 8;
+for (var i$1 = 0; i$1 < 144; ++i$1)
+    flt[i$1] = 8;
+for (var i$1 = 144; i$1 < 256; ++i$1)
+    flt[i$1] = 9;
+for (var i$1 = 256; i$1 < 280; ++i$1)
+    flt[i$1] = 7;
+for (var i$1 = 280; i$1 < 288; ++i$1)
+    flt[i$1] = 8;
 // fixed distance tree
 var fdt = new u8(32);
-for (var i = 0; i < 32; ++i)
-    fdt[i] = 5;
+for (var i$1 = 0; i$1 < 32; ++i$1)
+    fdt[i$1] = 5;
 // fixed length map
 var flm = /*#__PURE__*/ hMap(flt, 9, 0);
 // fixed distance map
@@ -1465,6 +1465,43 @@ function simpleMerge(defaultObj, givenObj) {
     }
     return result;
 }
+function throttleWithTrailing(fn, interval) {
+    const lastCalls = new Map();
+    const timeouts = new Map();
+    const lastArgs = new Map();
+    const throttled = function (key, ...args) {
+        const now = Date.now();
+        const lastCall = lastCalls.get(key) ?? 0;
+        const remaining = interval - (now - lastCall);
+        lastArgs.set(key, args);
+        if (remaining <= 0) {
+            if (timeouts.has(key)) {
+                clearTimeout(timeouts.get(key));
+                timeouts.delete(key);
+            }
+            lastCalls.set(key, now);
+            fn(key, ...args);
+        }
+        else if (!timeouts.has(key)) {
+            const timeoutId = setTimeout(() => {
+                lastCalls.set(key, Date.now());
+                timeouts.delete(key);
+                const finalArgs = lastArgs.get(key);
+                fn(key, ...finalArgs);
+            }, remaining);
+            timeouts.set(key, timeoutId);
+        }
+    };
+    throttled.clear = () => {
+        for (const timeout of timeouts.values()) {
+            clearTimeout(timeout);
+        }
+        timeouts.clear();
+        lastArgs.clear();
+        lastCalls.clear();
+    };
+    return throttled;
+}
 
 // Auto-generated, do not edit
 /* eslint-disable */
@@ -1675,6 +1712,13 @@ function SetNodeAttributeDictGlobal(id, name, value) {
         value,
     ];
 }
+function NodeAnimationResult(id, styles) {
+    return [
+        36 /* Messages.Type.NodeAnimationResult */,
+        id,
+        styles,
+    ];
+}
 function CSSInsertRule(id, rule, index) {
     return [
         37 /* Messages.Type.CSSInsertRule */,
@@ -1803,9 +1847,9 @@ function SetNodeAttributeDict(id, name, value) {
         value,
     ];
 }
-function ResourceTimingDeprecated(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator) {
+function ResourceTimingDeprecatedDeprecated(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator) {
     return [
-        53 /* Messages.Type.ResourceTimingDeprecated */,
+        53 /* Messages.Type.ResourceTimingDeprecatedDeprecated */,
         timestamp,
         duration,
         ttfb,
@@ -1887,6 +1931,13 @@ function CustomIssue(name, payload) {
         payload,
     ];
 }
+function SetNodeSlot(id, slotID) {
+    return [
+        65 /* Messages.Type.SetNodeSlot */,
+        id,
+        slotID,
+    ];
+}
 function CSSInsertRuleURLBased(id, rule, index, baseURL) {
     return [
         67 /* Messages.Type.CSSInsertRuleURLBased */,
@@ -2019,6 +2070,47 @@ function WSChannel(chType, channelName, data, timestamp, dir, messageType) {
         messageType,
     ];
 }
+function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator, transferredSize, cached, queueing, dnsLookup, initialConnection, ssl, contentDownload, total, stalled) {
+    return [
+        85 /* Messages.Type.ResourceTiming */,
+        timestamp,
+        duration,
+        ttfb,
+        headerSize,
+        encodedBodySize,
+        decodedBodySize,
+        url,
+        initiator,
+        transferredSize,
+        cached,
+        queueing,
+        dnsLookup,
+        initialConnection,
+        ssl,
+        contentDownload,
+        total,
+        stalled,
+    ];
+}
+function Incident(label, startTime, endTime) {
+    return [
+        87 /* Messages.Type.Incident */,
+        label,
+        startTime,
+        endTime,
+    ];
+}
+function LongAnimationTask$1(name, duration, blockingDuration, firstUIEventTimestamp, startTime, scripts) {
+    return [
+        89 /* Messages.Type.LongAnimationTask */,
+        name,
+        duration,
+        blockingDuration,
+        firstUIEventTimestamp,
+        startTime,
+        scripts,
+    ];
+}
 function InputChange(id, value, valueMasked, label, hesitationTime, inputDuration) {
     return [
         112 /* Messages.Type.InputChange */,
@@ -2050,9 +2142,9 @@ function UnbindNodes(totalRemovedPercent) {
         totalRemovedPercent,
     ];
 }
-function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator, transferredSize, cached) {
+function ResourceTimingDeprecated(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator, transferredSize, cached) {
     return [
-        116 /* Messages.Type.ResourceTiming */,
+        116 /* Messages.Type.ResourceTimingDeprecated */,
         timestamp,
         duration,
         ttfb,
@@ -2149,9 +2241,11 @@ var _Messages = /*#__PURE__*/Object.freeze({
     Fetch: Fetch,
     GraphQL: GraphQL,
     GraphQLDeprecated: GraphQLDeprecated,
+    Incident: Incident,
     InputChange: InputChange,
     JSException: JSException,
     LoadFontFace: LoadFontFace,
+    LongAnimationTask: LongAnimationTask$1,
     LongTask: LongTask,
     Metadata: Metadata,
     MobX: MobX,
@@ -2163,6 +2257,7 @@ var _Messages = /*#__PURE__*/Object.freeze({
     NetworkRequest: NetworkRequest,
     NetworkRequestDeprecated: NetworkRequestDeprecated,
     NgRx: NgRx,
+    NodeAnimationResult: NodeAnimationResult,
     OTable: OTable,
     PageLoadTiming: PageLoadTiming,
     PageRenderTiming: PageRenderTiming,
@@ -2175,6 +2270,7 @@ var _Messages = /*#__PURE__*/Object.freeze({
     RemoveNodeAttribute: RemoveNodeAttribute,
     ResourceTiming: ResourceTiming,
     ResourceTimingDeprecated: ResourceTimingDeprecated,
+    ResourceTimingDeprecatedDeprecated: ResourceTimingDeprecatedDeprecated,
     SelectionChange: SelectionChange,
     SetCSSDataURLBased: SetCSSDataURLBased,
     SetInputChecked: SetInputChecked,
@@ -2188,6 +2284,7 @@ var _Messages = /*#__PURE__*/Object.freeze({
     SetNodeData: SetNodeData,
     SetNodeFocus: SetNodeFocus,
     SetNodeScroll: SetNodeScroll,
+    SetNodeSlot: SetNodeSlot,
     SetPageLocation: SetPageLocation,
     SetPageLocationDeprecated: SetPageLocationDeprecated,
     SetPageVisibility: SetPageVisibility,
@@ -2262,7 +2359,7 @@ function Performance (app, opts) {
 const WATCHED_TAGS_KEY = '__or__watched_tags__';
 class TagWatcher {
     constructor(params) {
-        this.intervals = {};
+        this.interval = null;
         this.tags = [];
         this.sessionStorage = params.sessionStorage;
         this.errLog = params.errLog;
@@ -2304,9 +2401,12 @@ class TagWatcher {
     }
     setTags(tags) {
         this.tags = tags;
-        this.intervals = {};
-        tags.forEach((tag) => {
-            this.intervals[tag.id] = setInterval(() => {
+        if (this.interval) {
+            clearInterval(this.interval);
+            this.interval = null;
+        }
+        this.interval = setInterval(() => {
+            this.tags.forEach((tag) => {
                 const possibleEls = document.querySelectorAll(tag.selector);
                 if (possibleEls.length > 0) {
                     const el = possibleEls[0];
@@ -2314,21 +2414,21 @@ class TagWatcher {
                     el.__or_watcher_tagname = tag.id;
                     this.observer.observe(el);
                 }
-            }, 500);
-        });
+            });
+        }, 500);
     }
     onTagRendered(tagId) {
-        if (this.intervals[tagId]) {
-            clearInterval(this.intervals[tagId]);
+        if (this.tags.findIndex(t => t.id === tagId)) {
+            this.tags = this.tags.filter((tag) => tag.id !== tagId);
         }
         this.onTag(tagId);
     }
     clear() {
-        this.tags.forEach((tag) => {
-            clearInterval(this.intervals[tag.id]);
-        });
         this.tags = [];
-        this.intervals = {};
+        if (this.interval) {
+            clearInterval(this.interval);
+            this.interval = null;
+        }
         this.observer.disconnect();
     }
 }
@@ -4136,6 +4236,13 @@ async function parseUseEl(useElement, mode, domParser) {
             return;
         }
         let [url, symbolId] = href.split('#');
+        if (!url && !symbolId) {
+            console.warn('Openreplay: Invalid xlink:href or href found on <use>.');
+            return;
+        }
+        if (iconCache[symbolId]) {
+            return iconCache[symbolId];
+        }
         // happens if svg spritemap is local, fastest case for us
         if (!url && symbolId) {
             const hasHashtag = href.startsWith('#');
@@ -4161,13 +4268,6 @@ async function parseUseEl(useElement, mode, domParser) {
                 return;
             }
         }
-        if (!url && !symbolId) {
-            console.warn('Openreplay: Invalid xlink:href or href found on <use>.');
-            return;
-        }
-        if (iconCache[symbolId]) {
-            return iconCache[symbolId];
-        }
         let svgDoc;
         if (svgUrlCache[url]) {
             if (svgUrlCache[url] === 1) {
@@ -4267,6 +4367,7 @@ class Observer {
         this.indexes = [];
         this.attributesMap = new Map();
         this.textSet = new Set();
+        this.slotMap = new Map();
         this.disableSprites = false;
         /**
          * this option means that, instead of using link element with href to load css,
@@ -4276,6 +4377,9 @@ class Observer {
         this.inlineRemoteCss = false;
         this.inlinerOptions = undefined;
         this.domParser = new DOMParser();
+        this.throttling = true;
+        this.throttledSetNodeData = throttleWithTrailing((id, parentElement, data) => this.sendNodeData(id, parentElement, data), 30);
+        this.throttling = !Boolean(options.disableThrottling);
         this.disableSprites = Boolean(options.disableSprites);
         this.inlineRemoteCss = Boolean(options.inlineRemoteCss);
         this.inlinerOptions = options.inlinerOptions;
@@ -4456,6 +4560,18 @@ class Observer {
     }
     bindNode(node) {
         const [id, isNew] = this.app.nodes.registerNode(node);
+        if (isElementNode(node) && hasTag(node, 'slot')) {
+            this.app.nodes.attachNodeListener(node, 'slotchange', () => {
+                const sl = node;
+                sl.assignedNodes({ flatten: true }).forEach((n) => {
+                    const nid = this.app.nodes.getID(n);
+                    if (nid !== undefined) {
+                        this.recents.set(nid, RecentsType.Removed);
+                        this.commitNode(nid);
+                    }
+                });
+            });
+        }
         if (isNew) {
             this.recents.set(id, RecentsType.New);
         }
@@ -4486,6 +4602,9 @@ class Observer {
     }
     unbindTree(node) {
         const id = this.app.nodes.unregisterNode(node);
+        if (id !== undefined) {
+            this.slotMap.delete(id);
+        }
         if (id !== undefined && this.recents.get(id) === RecentsType.Removed) {
             // Sending RemoveNode only for parent to maintain
             this.app.send(RemoveNode(id));
@@ -4514,8 +4633,15 @@ class Observer {
         if (isRootNode(node)) {
             return true;
         }
-        // @ts-ignore SALESFORCE
-        const parent = node.assignedSlot ? node.assignedSlot : node.parentNode;
+        let slot = node.assignedSlot;
+        let isLightDom = false;
+        if (slot) {
+            // Check if the node is in light DOM (not in shadow DOM)
+            // This is a workaround for the issue with shadow DOM and slots
+            // where the slot is not assigned to the node in shadow DOM.
+            isLightDom = node.getRootNode() instanceof ShadowRoot;
+        }
+        const parent = node.parentNode;
         let parentID;
         // Disable parent check for the upper context HTMLHtmlElement, because it is root there... (before)
         // TODO: get rid of "special" cases (there is an issue with CreateDocument altered behaviour though)
@@ -4527,7 +4653,15 @@ class Observer {
                 this.unbindTree(node);
                 return false;
             }
-            parentID = this.app.nodes.getID(parent);
+            if (isLightDom && slot) {
+                parentID = this.app.nodes.getID(slot);
+                // in light dom, we don't "slot" the node,
+                // but rather use the slot as a parent
+                slot = null;
+            }
+            else {
+                parentID = this.app.nodes.getID(parent);
+            }
             if (parentID === undefined) {
                 this.unbindTree(node);
                 return false;
@@ -4587,12 +4721,35 @@ class Observer {
             else if (isTextNode(node)) {
                 // for text node id != 0, hence parentID !== undefined and parent is Element
                 this.app.send(CreateTextNode(id, parentID, index));
-                this.sendNodeData(id, parent, node.data);
+                if (this.throttling) {
+                    this.throttledSetNodeData(id, parent, node.data);
+                }
+                else {
+                    this.sendNodeData(id, parent, node.data);
+                }
+            }
+            if (slot) {
+                const slotID = this.app.nodes.getID(slot);
+                if (slotID !== undefined) {
+                    this.slotMap.set(id, slotID);
+                    this.app.send(SetNodeSlot(id, slotID));
+                }
             }
             return true;
         }
         if (recentsType === RecentsType.Removed && parentID !== undefined) {
             this.app.send(MoveNode(id, parentID, index));
+            if (slot) {
+                const slotID = this.app.nodes.getID(slot);
+                if (slotID !== undefined && this.slotMap.get(id) !== slotID) {
+                    this.slotMap.set(id, slotID);
+                    this.app.send(SetNodeSlot(id, slotID));
+                }
+            }
+            else if (this.slotMap.has(id)) {
+                this.slotMap.delete(id);
+                this.app.send(SetNodeSlot(id, 0));
+            }
         }
         const attr = this.attributesMap.get(id);
         if (attr !== undefined) {
@@ -4608,7 +4765,12 @@ class Observer {
                 throw 'commitNode: node is not a text';
             }
             // for text node id != 0, hence parent is Element
-            this.sendNodeData(id, parent, node.data);
+            if (this.throttling) {
+                this.throttledSetNodeData(id, parent, node.data);
+            }
+            else {
+                this.sendNodeData(id, parent, node.data);
+            }
         }
         return true;
     }
@@ -4651,6 +4813,7 @@ class Observer {
     disconnect() {
         this.observer.disconnect();
         this.clear();
+        this.throttledSetNodeData.clear();
     }
 }
 
@@ -4758,7 +4921,7 @@ var InlineCssMode;
     InlineCssMode[InlineCssMode["Disabled"] = 0] = "Disabled";
     /** will attempt to record the linked css file as AdoptedStyleSheet object */
     InlineCssMode[InlineCssMode["Inline"] = 1] = "Inline";
-    /** will fetch the file, then simulated AdoptedStyleSheets behavior programmaticaly for the replay */
+    /** will fetch the file, then simulate AdoptedStyleSheets behavior programmaticaly for the replay */
     InlineCssMode[InlineCssMode["InlineFetched"] = 2] = "InlineFetched";
     /** will fetch the file, then save it as plain css inside <style> node */
     InlineCssMode[InlineCssMode["PlainFetched"] = 3] = "PlainFetched";
@@ -4810,6 +4973,7 @@ class TopObserver extends Observer {
         }, params.options);
         const observerOptions = {
             disableSprites: opts.disableSprites,
+            disableThrottling: opts.disableThrottling,
             ...getInlineOptions(opts.inlineCss)
         };
         super(params.app, true, observerOptions);
@@ -5218,7 +5382,7 @@ class Ticker {
  * this value is injected during build time via rollup
  * */
 // @ts-ignore
-const workerBodyFn = "!function(){\"use strict\";class t{constructor(t,s,i,e=10,n=250,h,r){this.onUnauthorised=s,this.onFailure=i,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.onCompress=h,this.pageNo=r,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.lastBatchNum=0,this.ingestURL=t+\"/v1/web/i\",this.isCompressing=void 0!==h}getQueueStatus(){return 0===this.queue.length&&!this.busy}authorise(t){this.token=t,this.busy||this.sendNext()}push(t){if(this.busy||!this.token)this.queue.push(t);else if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}}sendNext(){const t=this.queue.shift();if(t)if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}else this.busy=!1}retry(t,s,i){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout((()=>this.sendBatch(t,s,i)),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t,s,i){var e;const n=null==i?void 0:i.toString().replace(/^([^_]+)_([^_]+).*/,\"$1_$2_$3\");this.busy=!0;const h={Authorization:`Bearer ${this.token}`};s&&(h[\"Content-Encoding\"]=\"gzip\"),null!==this.token?fetch(`${this.ingestURL}?batch=${null!==(e=this.pageNo)&&void 0!==e?e:\"noPageNum\"}_${null!=n?n:\"noBatchNum\"}`,{body:t,method:\"POST\",headers:h,keepalive:t.length<65536}).then((e=>{if(401===e.status)return this.busy=!1,void this.onUnauthorised();e.status>=400?this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_network:${e.status}`):(this.attemptsCount=0,this.sendNext())})).catch((e=>{console.warn(\"OpenReplay:\",e),this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_reject:${e.message}`)})):setTimeout((()=>{this.sendBatch(t,s,`${null!=i?i:\"noBatchNum\"}_newToken`)}),500)}sendCompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!0,s)}sendUncompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}clean(){this.sendNext(),setTimeout((()=>{this.token=null,this.queue.length=0}),10)}}const s=\"function\"==typeof TextEncoder?new TextEncoder:{encode(t){const s=t.length,i=new Uint8Array(3*s);let e=-1;for(let n=0,h=0,r=0;r!==s;){if(n=t.charCodeAt(r),r+=1,n>=55296&&n<=56319){if(r===s){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;break}if(h=t.charCodeAt(r),!(h>=56320&&h<=57343)){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;continue}if(n=1024*(n-55296)+h-56320+65536,r+=1,n>65535){i[e+=1]=240|n>>>18,i[e+=1]=128|n>>>12&63,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n;continue}}n<=127?i[e+=1]=0|n:n<=2047?(i[e+=1]=192|n>>>6,i[e+=1]=128|63&n):(i[e+=1]=224|n>>>12,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n)}return i.subarray(0,e+1)}};class i{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,s){this.data.set(t,s)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const i=s.encode(t),e=i.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(i,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}class e extends i{encode(t){switch(t[0]){case 0:case 11:case 114:case 115:return this.uint(t[1]);case 4:case 44:case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:case 20:case 38:case 70:case 75:case 76:case 77:case 82:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:case 24:case 35:case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 12:case 52:case 61:case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:case 17:case 34:case 50:case 54:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:case 27:case 30:case 41:case 45:case 46:case 43:case 63:case 64:case 79:case 124:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 28:case 29:case 42:case 117:case 118:return this.string(t[1]);case 37:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3]);case 39:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.int(t[5]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 55:return this.boolean(t[1]);case 57:case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:case 120:return this.int(t[1]);case 59:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6])&&this.string(t[7]);case 67:case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 68:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 83:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 84:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6]);case 112:return this.uint(t[1])&&this.string(t[2])&&this.boolean(t[3])&&this.string(t[4])&&this.int(t[5])&&this.int(t[6]);case 113:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3]);case 116:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10]);case 119:return this.string(t[1])&&this.uint(t[2]);case 121:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 122:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 123:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])}}}class n{constructor(t,s,i,n,h,r){this.pageNo=t,this.timestamp=s,this.url=i,this.onBatch=n,this.tabId=h,this.onOfflineEnd=r,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new e(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.checkpoints=[],this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,s){for(let s=0;s<3;s++)this.sizeBuffer[s]=t>>8*s;this.encoder.set(this.sizeBuffer,s)}prepare(){if(!this.encoder.isEmpty)return;this.checkpoints.length=0;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url],s=[0,this.timestamp],i=[118,this.tabId];this.writeType(t),this.writeFields(t),this.writeWithSize(s),this.writeWithSize(i),this.isEmpty=!0}writeWithSize(t){const s=this.encoder;if(!this.writeType(t)||!s.skip(3))return!1;const i=s.getCurrentOffset(),e=this.writeFields(t);if(e){const e=s.getCurrentOffset()-i;if(e>16777215)return console.warn(\"OpenReplay: max message size overflow.\"),!1;this.writeSizeAt(e,i-3),s.checkpoint(),this.checkpoints.push(s.getCurrentOffset()),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}writeMessage(t){if(\"q_end\"===t[0])return this.finaliseBatch(),this.onOfflineEnd();0===t[0]&&(this.timestamp=t[1]),122===t[0]&&(this.url=t[1]),this.writeWithSize(t)||(this.finaliseBatch(),this.writeWithSize(t)||(this.encoder=new e(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)?this.finaliseBatch():console.warn(\"OpenReplay: beacon size overflow. Skipping large message.\",t,this),this.encoder=new e(this.beaconSize),this.prepare()))}finaliseBatch(t=!1){if(this.isEmpty)return;const s=this.encoder.flush();this.onBatch(s,t),this.prepare()}clean(){this.encoder.reset(),this.checkpoints.length=0}}var h;!function(t){t[t.NotActive=0]=\"NotActive\",t[t.Starting=1]=\"Starting\",t[t.Stopping=2]=\"Stopping\",t[t.Active=3]=\"Active\",t[t.Stopped=4]=\"Stopped\"}(h||(h={}));let r=null,a=null,u=h.NotActive;function o(t){a&&a.finaliseBatch(t)}function c(){return new Promise((t=>{u=h.Stopping,null!==p&&(clearInterval(p),p=null),a&&(a.clean(),a=null),r&&(r.clean(),setTimeout((()=>{r=null}),20)),setTimeout((()=>{u=h.NotActive,t(null)}),100)}))}function g(){[h.Stopped,h.Stopping].includes(u)||(postMessage(\"a_stop\"),c().then((()=>{postMessage(\"a_start\")})))}let l,p=null;self.onmessage=({data:s})=>{if(\"stop\"===s)return o(),void c().then((()=>{u=h.Stopped}));if(\"forceFlushBatch\"!==s)if(\"closing\"!==s){if(!Array.isArray(s)){if(\"compressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Compressed batch.\"),void g();s.batch&&r.sendCompressed(s.batch)}if(\"uncompressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Uncompressed batch.\"),void g();s.batch&&r.sendUncompressed(s.batch)}return\"start\"===s.type?(u=h.Starting,r=new t(s.ingestPoint,(()=>{g()}),(t=>{!function(t){postMessage({type:\"failure\",reason:t}),c()}(t)}),s.connAttemptCount,s.connAttemptGap,(t=>{postMessage({type:\"compress\",batch:t},[t.buffer])}),s.pageNo),a=new n(s.pageNo,s.timestamp,s.url,((t,s)=>{r&&(s?r.sendUncompressed(t):r.push(t))}),s.tabId,(()=>postMessage({type:\"queue_empty\"}))),null===p&&(p=setInterval(o,3e4)),u=h.Active):\"auth\"===s.type?r?a?(r.authorise(s.token),void(s.beaconSizeLimit&&a.setBeaconSizeLimit(s.beaconSizeLimit))):(console.debug(\"OR WebWorker: writer not initialised. Received auth.\"),void g()):(console.debug(\"OR WebWorker: sender not initialised. Received auth.\"),void g()):void 0}if(a){const t=a;s.forEach((s=>{55===s[0]&&(s[1]?l=setTimeout((()=>g()),18e5):clearTimeout(l)),t.writeMessage(s)}))}else postMessage(\"not_init\"),g()}else o(!0);else o()}}();\n";
+const workerBodyFn = "!function(){\"use strict\";class t{constructor(t,s,i,e=10,n=250,h,r){this.onUnauthorised=s,this.onFailure=i,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.onCompress=h,this.pageNo=r,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.lastBatchNum=0,this.ingestURL=t+\"/v1/web/i\",this.isCompressing=void 0!==h}getQueueStatus(){return 0===this.queue.length&&!this.busy}authorise(t){this.token=t,this.busy||this.sendNext()}push(t){if(this.busy||!this.token)this.queue.push(t);else if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}}sendNext(){const t=this.queue.shift();if(t)if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}else this.busy=!1}retry(t,s,i){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout((()=>this.sendBatch(t,s,i)),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t,s,i){var e;const n=null==i?void 0:i.toString().replace(/^([^_]+)_([^_]+).*/,\"$1_$2_$3\");this.busy=!0;const h={Authorization:`Bearer ${this.token}`};s&&(h[\"Content-Encoding\"]=\"gzip\"),null!==this.token?fetch(`${this.ingestURL}?batch=${null!==(e=this.pageNo)&&void 0!==e?e:\"noPageNum\"}_${null!=n?n:\"noBatchNum\"}`,{body:t,method:\"POST\",headers:h,keepalive:t.length<65536}).then((e=>{if(401===e.status)return this.busy=!1,void this.onUnauthorised();e.status>=400?this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_network:${e.status}`):(this.attemptsCount=0,this.sendNext())})).catch((e=>{console.warn(\"OpenReplay:\",e),this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_reject:${e.message}`)})):setTimeout((()=>{this.sendBatch(t,s,`${null!=i?i:\"noBatchNum\"}_newToken`)}),500)}sendCompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!0,s)}sendUncompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}clean(){this.sendNext(),setTimeout((()=>{this.token=null,this.queue.length=0}),10)}}const s=\"function\"==typeof TextEncoder?new TextEncoder:{encode(t){const s=t.length,i=new Uint8Array(3*s);let e=-1;for(let n=0,h=0,r=0;r!==s;){if(n=t.charCodeAt(r),r+=1,n>=55296&&n<=56319){if(r===s){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;break}if(h=t.charCodeAt(r),!(h>=56320&&h<=57343)){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;continue}if(n=1024*(n-55296)+h-56320+65536,r+=1,n>65535){i[e+=1]=240|n>>>18,i[e+=1]=128|n>>>12&63,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n;continue}}n<=127?i[e+=1]=0|n:n<=2047?(i[e+=1]=192|n>>>6,i[e+=1]=128|63&n):(i[e+=1]=224|n>>>12,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n)}return i.subarray(0,e+1)}};class i{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,s){this.data.set(t,s)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const i=s.encode(t),e=i.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(i,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}class e extends i{encode(t){switch(t[0]){case 0:case 11:case 114:case 115:return this.uint(t[1]);case 4:case 44:case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:case 20:case 38:case 65:case 70:case 75:case 76:case 77:case 82:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:case 24:case 35:case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 12:case 52:case 61:case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:case 17:case 34:case 36:case 50:case 54:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:case 27:case 30:case 41:case 45:case 46:case 43:case 63:case 64:case 79:case 124:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 28:case 29:case 42:case 117:case 118:return this.string(t[1]);case 37:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3]);case 39:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.int(t[5]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 55:return this.boolean(t[1]);case 57:case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:case 120:return this.int(t[1]);case 59:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6])&&this.string(t[7]);case 67:case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 68:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 83:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 84:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6]);case 85:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10])&&this.uint(t[11])&&this.uint(t[12])&&this.uint(t[13])&&this.uint(t[14])&&this.uint(t[15])&&this.uint(t[16])&&this.uint(t[17]);case 87:return this.string(t[1])&&this.int(t[2])&&this.int(t[3]);case 89:return this.string(t[1])&&this.int(t[2])&&this.int(t[3])&&this.int(t[4])&&this.int(t[5])&&this.string(t[6]);case 112:return this.uint(t[1])&&this.string(t[2])&&this.boolean(t[3])&&this.string(t[4])&&this.int(t[5])&&this.int(t[6]);case 113:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3]);case 116:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10]);case 119:return this.string(t[1])&&this.uint(t[2]);case 121:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 122:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 123:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])}}}class n{constructor(t,s,i,n,h,r){this.pageNo=t,this.timestamp=s,this.url=i,this.onBatch=n,this.tabId=h,this.onOfflineEnd=r,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new e(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.checkpoints=[],this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,s){for(let s=0;s<3;s++)this.sizeBuffer[s]=t>>8*s;this.encoder.set(this.sizeBuffer,s)}prepare(){if(!this.encoder.isEmpty)return;this.checkpoints.length=0;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url],s=[0,this.timestamp],i=[118,this.tabId];this.writeType(t),this.writeFields(t),this.writeWithSize(s),this.writeWithSize(i),this.isEmpty=!0}writeWithSize(t){const s=this.encoder;if(!this.writeType(t)||!s.skip(3))return!1;const i=s.getCurrentOffset(),e=this.writeFields(t);if(e){const e=s.getCurrentOffset()-i;if(e>16777215)return console.warn(\"OpenReplay: max message size overflow.\"),!1;this.writeSizeAt(e,i-3),s.checkpoint(),this.checkpoints.push(s.getCurrentOffset()),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}writeMessage(t){if(-1===t[0])return this.finaliseBatch(),this.onOfflineEnd();0===t[0]&&(this.timestamp=t[1]),122===t[0]&&(this.url=t[1]),this.writeWithSize(t)||(this.finaliseBatch(),this.writeWithSize(t)||(this.encoder=new e(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)?this.finaliseBatch():console.warn(\"OpenReplay: beacon size overflow. Skipping large message.\",t,this),this.encoder=new e(this.beaconSize),this.prepare()))}finaliseBatch(t=!1){if(this.isEmpty)return;const s=this.encoder.flush();this.onBatch(s,t),this.prepare()}clean(){this.encoder.reset(),this.checkpoints.length=0}}var h;!function(t){t[t.NotActive=0]=\"NotActive\",t[t.Starting=1]=\"Starting\",t[t.Stopping=2]=\"Stopping\",t[t.Active=3]=\"Active\",t[t.Stopped=4]=\"Stopped\"}(h||(h={}));let r=null,u=null,a=h.NotActive;function o(t){u&&u.finaliseBatch(t)}function c(){return new Promise((t=>{a=h.Stopping,null!==p&&(clearInterval(p),p=null),u&&(u.clean(),u=null),r&&(r.clean(),setTimeout((()=>{r=null}),20)),setTimeout((()=>{a=h.NotActive,t(null)}),100)}))}function g(){[h.Stopped,h.Stopping].includes(a)||(postMessage(\"a_stop\"),c().then((()=>{postMessage(\"a_start\")})))}let l,p=null;self.onmessage=({data:s})=>{if(\"stop\"===s)return o(),void c().then((()=>{a=h.Stopped}));if(\"forceFlushBatch\"!==s)if(\"closing\"!==s){if(!Array.isArray(s)){if(\"compressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Compressed batch.\"),void g();s.batch&&r.sendCompressed(s.batch)}if(\"uncompressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Uncompressed batch.\"),void g();s.batch&&r.sendUncompressed(s.batch)}return\"start\"===s.type?(a=h.Starting,r=new t(s.ingestPoint,(()=>{g()}),(t=>{!function(t){postMessage({type:\"failure\",reason:t}),c()}(t)}),s.connAttemptCount,s.connAttemptGap,(t=>{postMessage({type:\"compress\",batch:t},[t.buffer])}),s.pageNo),u=new n(s.pageNo,s.timestamp,s.url,((t,s)=>{r&&(s?r.sendUncompressed(t):r.push(t))}),s.tabId,(()=>postMessage({type:\"queue_empty\"}))),null===p&&(p=setInterval(o,3e4)),a=h.Active):\"auth\"===s.type?r?u?(r.authorise(s.token),void(s.beaconSizeLimit&&u.setBeaconSizeLimit(s.beaconSizeLimit))):(console.debug(\"OR WebWorker: writer not initialised. Received auth.\"),void g()):(console.debug(\"OR WebWorker: sender not initialised. Received auth.\"),void g()):void 0}if(u){const t=u;s.forEach((s=>{55===s[0]&&(s[1]?l=setTimeout((()=>g()),18e5):clearTimeout(l)),t.writeMessage(s)}))}else postMessage(\"not_init\"),g()}else o(!0);else o()}}();\n";
 const CANCELED = 'canceled';
 const uxtStorageKey = 'or_uxt_active';
 const bufferStorageKey = 'or_buffer_1';
@@ -5272,7 +5436,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '16.4.10-beta.0'; // TODO: version compatability check inside each plugin.
+        this.version = '16.4.11-beta.0'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -5376,13 +5540,6 @@ class App {
                     }
                 };
                 void signalId();
-                if (this.active()) {
-                    // @ts-ignore
-                    event.source?.postMessage({ line: proto.startIframe }, '*');
-                }
-                else {
-                    this.addCommand(proto.startIframe);
-                }
             }
             /**
              * proxying messages from iframe to main body, so they can be in one batch (same indexes, etc)
@@ -5567,170 +5724,9 @@ class App {
         this.orderNumber = 0;
         this.coldStartTs = 0;
         this.singleBuffer = false;
-        /**
-         * start buffering messages without starting the actual session, which gives
-         * user 30 seconds to "activate" and record session by calling `start()` on conditional trigger,
-         * and we will then send buffered batch, so it won't get lost
-         * */
-        this.coldStart = async (startOpts = {}, conditional) => {
-            this.singleBuffer = false;
-            const second = 1000;
-            const isNewSession = this.checkSessionToken(startOpts.forceNew);
-            if (conditional) {
-                await this.setupConditionalStart(startOpts);
-            }
-            const cycle = () => {
-                this.orderNumber += 1;
-                adjustTimeOrigin();
-                this.coldStartTs = now();
-                if (this.orderNumber % 2 === 0) {
-                    this.bufferedMessages1.length = 0;
-                    this.bufferedMessages1.push(Timestamp(this.timestamp()));
-                    this.bufferedMessages1.push(TabData(this.session.getTabId()));
-                }
-                else {
-                    this.bufferedMessages2.length = 0;
-                    this.bufferedMessages2.push(Timestamp(this.timestamp()));
-                    this.bufferedMessages2.push(TabData(this.session.getTabId()));
-                }
-                this.stop(false);
-                this.activityState = ActivityState.ColdStart;
-                if (startOpts.sessionHash) {
-                    this.session.applySessionHash(startOpts.sessionHash);
-                }
-                if (startOpts.forceNew) {
-                    this.session.reset();
-                }
-                this.session.assign({
-                    userID: startOpts.userID,
-                    metadata: startOpts.metadata,
-                });
-                if (!isNewSession) {
-                    this.debug.log('continuing session on new tab', this.session.getTabId());
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-                    this.send(TabChange(this.session.getTabId()));
-                }
-                this.observer.observe();
-                this.ticker.start();
-            };
-            this.coldInterval = setInterval(() => {
-                cycle();
-            }, 30 * second);
-            cycle();
-        };
-        this.setupConditionalStart = async (startOpts) => {
-            this.conditionsManager = new ConditionsManager(this, startOpts);
-            const r = await fetch(this.options.ingestPoint + '/v1/web/start', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    ...this.getTrackerInfo(),
-                    timestamp: now(),
-                    doNotRecord: true,
-                    bufferDiff: 0,
-                    userID: this.session.getInfo().userID,
-                    token: undefined,
-                    deviceMemory,
-                    jsHeapSizeLimit,
-                    timezone: getTimezone(),
-                    width: window.screen.width,
-                    height: window.screen.height,
-                }),
-            });
-            const { 
-            // this token is needed to fetch conditions and flags,
-            // but it can't be used to record a session
-            token, userBrowser, userCity, userCountry, userDevice, userOS, userState, projectID, features, } = await r.json();
-            this.features = features ? features : this.features;
-            this.session.assign({ projectID });
-            this.session.setUserInfo({
-                userBrowser,
-                userCity,
-                userCountry,
-                userDevice,
-                userOS,
-                userState,
-            });
-            const onStartInfo = { sessionToken: token, userUUID: '', sessionID: '' };
-            this.startCallbacks.forEach((cb) => cb(onStartInfo));
-            await this.conditionsManager?.fetchConditions(projectID, token);
-            if (this.features['feature-flags']) {
-                await this.featureFlags.reloadFlags(token);
-                this.conditionsManager?.processFlags(this.featureFlags.flags);
-            }
-            await this.tagWatcher.fetchTags(this.options.ingestPoint, token);
-        };
         this.onSessionSent = () => {
             return;
         };
-        /**
-         * Starts offline session recording
-         * @param {Object} startOpts - options for session start, same as .start()
-         * @param {Function} onSessionSent - callback that will be called once session is fully sent
-         * */
-        this.offlineRecording = (startOpts = {}, onSessionSent) => {
-            this.onSessionSent = onSessionSent;
-            this.singleBuffer = true;
-            const isNewSession = this.checkSessionToken(startOpts.forceNew);
-            adjustTimeOrigin();
-            this.coldStartTs = now();
-            const saverBuffer = this.localStorage.getItem(bufferStorageKey);
-            if (saverBuffer) {
-                const data = JSON.parse(saverBuffer);
-                this.bufferedMessages1 = Array.isArray(data) ? data : this.bufferedMessages1;
-                this.localStorage.removeItem(bufferStorageKey);
-            }
-            this.bufferedMessages1.push(Timestamp(this.timestamp()));
-            this.bufferedMessages1.push(TabData(this.session.getTabId()));
-            this.activityState = ActivityState.ColdStart;
-            if (startOpts.sessionHash) {
-                this.session.applySessionHash(startOpts.sessionHash);
-            }
-            if (startOpts.forceNew) {
-                this.session.reset();
-            }
-            this.session.assign({
-                userID: startOpts.userID,
-                metadata: startOpts.metadata,
-            });
-            const onStartInfo = { sessionToken: '', userUUID: '', sessionID: '' };
-            this.startCallbacks.forEach((cb) => cb(onStartInfo));
-            if (!isNewSession) {
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-                this.send(TabChange(this.session.getTabId()));
-            }
-            this.observer.observe();
-            this.ticker.start();
-            return {
-                saveBuffer: this.saveBuffer,
-                getBuffer: this.getBuffer,
-                setBuffer: this.setBuffer,
-            };
-        };
-        /**
-         * Saves the captured messages in localStorage (or whatever is used in its place)
-         *
-         * Then, when this.offlineRecording is called, it will preload this messages and clear the storage item
-         *
-         * Keeping the size of local storage reasonable is up to the end users of this library
-         * */
-        this.saveBuffer = () => {
-            this.localStorage.setItem(bufferStorageKey, JSON.stringify(this.bufferedMessages1));
-        };
-        /**
-         * @returns buffer with stored messages for offline recording
-         * */
-        this.getBuffer = () => {
-            return this.bufferedMessages1;
-        };
-        /**
-         * Used to set a buffer with messages array
-         * */
-        this.setBuffer = (buffer) => {
-            this.bufferedMessages1 = buffer;
-        };
         this.prevOpts = {};
         this.restartCanvasTracking = () => {
             this.canvasRecorder?.restartTracking();
@@ -5797,6 +5793,7 @@ class App {
             forceNgOff: false,
             inlineCss: 0,
             disableSprites: false,
+            disableThrottling: false,
         };
         this.options = simpleMerge(defaultOptions, options);
         if (!this.insideIframe &&
@@ -5853,9 +5850,6 @@ class App {
              * */
             window.addEventListener('message', this.parentCrossDomainFrameListener);
             setInterval(() => {
-                if (document.hidden) {
-                    return;
-                }
                 window.parent.postMessage({
                     line: proto.polling,
                     context: this.contextId,
@@ -6238,6 +6232,167 @@ class App {
         const sessionToken = this.session.getSessionToken(this.projectKey);
         return needNewSessionID || !sessionToken;
     }
+    /**
+     * start buffering messages without starting the actual session, which gives
+     * user 30 seconds to "activate" and record session by calling `start()` on conditional trigger,
+     * and we will then send buffered batch, so it won't get lost
+     * */
+    async coldStart(startOpts = {}, conditional) {
+        this.singleBuffer = false;
+        const second = 1000;
+        const isNewSession = this.checkSessionToken(startOpts.forceNew);
+        if (conditional) {
+            await this.setupConditionalStart(startOpts);
+        }
+        const cycle = () => {
+            this.orderNumber += 1;
+            adjustTimeOrigin();
+            this.coldStartTs = now();
+            if (this.orderNumber % 2 === 0) {
+                this.bufferedMessages1.length = 0;
+                this.bufferedMessages1.push(Timestamp(this.timestamp()));
+                this.bufferedMessages1.push(TabData(this.session.getTabId()));
+            }
+            else {
+                this.bufferedMessages2.length = 0;
+                this.bufferedMessages2.push(Timestamp(this.timestamp()));
+                this.bufferedMessages2.push(TabData(this.session.getTabId()));
+            }
+            this.stop(false);
+            this.activityState = ActivityState.ColdStart;
+            if (startOpts.sessionHash) {
+                this.session.applySessionHash(startOpts.sessionHash);
+            }
+            if (startOpts.forceNew) {
+                this.session.reset();
+            }
+            this.session.assign({
+                userID: startOpts.userID,
+                metadata: startOpts.metadata,
+            });
+            if (!isNewSession) {
+                this.debug.log('continuing session on new tab', this.session.getTabId());
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                this.send(TabChange(this.session.getTabId()));
+            }
+            this.observer.observe();
+            this.ticker.start();
+        };
+        this.coldInterval = setInterval(() => {
+            cycle();
+        }, 30 * second);
+        cycle();
+    }
+    async setupConditionalStart(startOpts) {
+        this.conditionsManager = new ConditionsManager(this, startOpts);
+        const r = await fetch(this.options.ingestPoint + '/v1/web/start', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                ...this.getTrackerInfo(),
+                timestamp: now(),
+                doNotRecord: true,
+                bufferDiff: 0,
+                userID: this.session.getInfo().userID,
+                token: undefined,
+                deviceMemory,
+                jsHeapSizeLimit,
+                timezone: getTimezone(),
+                width: window.screen.width,
+                height: window.screen.height,
+            }),
+        });
+        const { 
+        // this token is needed to fetch conditions and flags,
+        // but it can't be used to record a session
+        token, userBrowser, userCity, userCountry, userDevice, userOS, userState, projectID, features, } = await r.json();
+        this.features = features ? features : this.features;
+        this.session.assign({ projectID });
+        this.session.setUserInfo({
+            userBrowser,
+            userCity,
+            userCountry,
+            userDevice,
+            userOS,
+            userState,
+        });
+        const onStartInfo = { sessionToken: token, userUUID: '', sessionID: '' };
+        this.startCallbacks.forEach((cb) => cb(onStartInfo));
+        await this.conditionsManager?.fetchConditions(projectID, token);
+        if (this.features['feature-flags']) {
+            await this.featureFlags.reloadFlags(token);
+            this.conditionsManager?.processFlags(this.featureFlags.flags);
+        }
+        await this.tagWatcher.fetchTags(this.options.ingestPoint, token);
+    }
+    /**
+     * Starts offline session recording
+     * @param {Object} startOpts - options for session start, same as .start()
+     * @param {Function} onSessionSent - callback that will be called once session is fully sent
+     * */
+    offlineRecording(startOpts = {}, onSessionSent) {
+        this.onSessionSent = onSessionSent;
+        this.singleBuffer = true;
+        const isNewSession = this.checkSessionToken(startOpts.forceNew);
+        adjustTimeOrigin();
+        this.coldStartTs = now();
+        const saverBuffer = this.localStorage.getItem(bufferStorageKey);
+        if (saverBuffer) {
+            const data = JSON.parse(saverBuffer);
+            this.bufferedMessages1 = Array.isArray(data) ? data : this.bufferedMessages1;
+            this.localStorage.removeItem(bufferStorageKey);
+        }
+        this.bufferedMessages1.push(Timestamp(this.timestamp()));
+        this.bufferedMessages1.push(TabData(this.session.getTabId()));
+        this.activityState = ActivityState.ColdStart;
+        if (startOpts.sessionHash) {
+            this.session.applySessionHash(startOpts.sessionHash);
+        }
+        if (startOpts.forceNew) {
+            this.session.reset();
+        }
+        this.session.assign({
+            userID: startOpts.userID,
+            metadata: startOpts.metadata,
+        });
+        const onStartInfo = { sessionToken: '', userUUID: '', sessionID: '' };
+        this.startCallbacks.forEach((cb) => cb(onStartInfo));
+        if (!isNewSession) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            this.send(TabChange(this.session.getTabId()));
+        }
+        this.observer.observe();
+        this.ticker.start();
+        return {
+            saveBuffer: this.saveBuffer,
+            getBuffer: this.getBuffer,
+            setBuffer: this.setBuffer,
+        };
+    }
+    /**
+     * Saves the captured messages in localStorage (or whatever is used in its place)
+     *
+     * Then, when this.offlineRecording is called, it will preload this messages and clear the storage item
+     *
+     * Keeping the size of local storage reasonable is up to the end users of this library
+     * */
+    saveBuffer() {
+        this.localStorage.setItem(bufferStorageKey, JSON.stringify(this.bufferedMessages1));
+    }
+    /**
+     * @returns buffer with stored messages for offline recording
+     * */
+    getBuffer() {
+        return this.bufferedMessages1;
+    }
+    /**
+     * Used to set a buffer with messages array
+     * */
+    setBuffer(buffer) {
+        this.bufferedMessages1 = buffer;
+    }
     /**
      * Uploads the stored session buffer to backend
      * @returns promise that resolves once messages are loaded, it has to be awaited
@@ -6293,7 +6448,7 @@ class App {
         while (this.bufferedMessages1.length > 0) {
             await this.flushBuffer(this.bufferedMessages1);
         }
-        this.postToWorker([['q_end']]);
+        this.postToWorker([[-1]]);
         this.clearBuffers();
     }
     async _start(startOpts = {}, resetByWorker = false, conditionName) {
@@ -6471,15 +6626,13 @@ class App {
                 this.commit();
                 /** --------------- COLD START BUFFER ------------------*/
             }
+            if (this.insideIframe && this.rootId) {
+                this.observer.crossdomainObserve(this.rootId, this.frameOderNumber);
+            }
             else {
-                if (this.insideIframe && this.rootId) {
-                    this.observer.crossdomainObserve(this.rootId, this.frameOderNumber);
-                }
-                else {
-                    this.observer.observe();
-                }
-                this.ticker.start();
+                this.observer.observe();
             }
+            this.ticker.start();
             this.canvasRecorder?.startTracking();
             if (this.features['usability-test'] && !this.insideIframe) {
                 this.uxtManager = this.uxtManager
@@ -7082,7 +7235,7 @@ function Img (app) {
     const sendImgError = app.safe(function (img) {
         const resolvedSrc = resolveURL(img.src || ''); // Src type is null sometimes. - is it true?
         if (isURL(resolvedSrc)) {
-            app.send(ResourceTiming(app.timestamp(), 0, 0, 0, 0, 0, resolvedSrc, 'img', 0, false));
+            app.send(ResourceTiming(app.timestamp(), 0, 0, 0, 0, 0, resolvedSrc, 'img', 0, false, 0, 0, 0, 0, 0, 0, 0));
         }
     });
     const sendImgAttrs = app.safe(function (img) {
@@ -7601,7 +7754,7 @@ function getUniqueSiblingClass(el) {
     return null;
 }
 
-var e,o=-1,a=function(e){addEventListener("pageshow",(function(n){n.persisted&&(o=n.timeStamp,e(n));}),true);},c=function(){var e=self.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0];if(e&&e.responseStart>0&&e.responseStart<performance.now())return e},u=function(){var e=c();return e&&e.activationStart||0},f=function(e,n){var t=c(),r="navigate";o>=0?r="back-forward-cache":t&&(document.prerendering||u()>0?r="prerender":document.wasDiscarded?r="restore":t.type&&(r=t.type.replace(/_/g,"-")));return {name:e,value:void 0===n?-1:n,rating:"good",delta:0,entries:[],id:"v4-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:r}},s=function(e,n,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var r=new PerformanceObserver((function(e){Promise.resolve().then((function(){n(e.getEntries());}));}));return r.observe(Object.assign({type:e,buffered:!0},t||{})),r}}catch(e){}},d=function(e,n,t,r){var i,o;return function(a){n.value>=0&&(a||r)&&((o=n.value-(i||0))||void 0===i)&&(i=n.value,n.delta=o,n.rating=function(e,n){return e>n[1]?"poor":e>n[0]?"needs-improvement":"good"}(n.value,t),e(n));}},l=function(e){requestAnimationFrame((function(){return requestAnimationFrame((function(){return e()}))}));},p=function(e){document.addEventListener("visibilitychange",(function(){"hidden"===document.visibilityState&&e();}));},v=function(e){var n=false;return function(){n||(e(),n=true);}},m=-1,h=function(){return "hidden"!==document.visibilityState||document.prerendering?1/0:0},g=function(e){"hidden"===document.visibilityState&&m>-1&&(m="visibilitychange"===e.type?e.timeStamp:0,T());},y=function(){addEventListener("visibilitychange",g,true),addEventListener("prerenderingchange",g,true);},T=function(){removeEventListener("visibilitychange",g,true),removeEventListener("prerenderingchange",g,true);},E=function(){return m<0&&(m=h(),y(),a((function(){setTimeout((function(){m=h(),y();}),0);}))),{get firstHiddenTime(){return m}}},C=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),true):e();},b=[1800,3e3],S=function(e,n){n=n||{},C((function(){var t,r=E(),i=f("FCP"),o=s("paint",(function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(o.disconnect(),e.startTime<r.firstHiddenTime&&(i.value=Math.max(e.startTime-u(),0),i.entries.push(e),t(true)));}));}));o&&(t=d(e,i,b,n.reportAllChanges),a((function(r){i=f("FCP"),t=d(e,i,b,n.reportAllChanges),l((function(){i.value=performance.now()-r.timeStamp,t(true);}));})));}));},L=[.1,.25],w=function(e,n){n=n||{},S(v((function(){var t,r=f("CLS",0),i=0,o=[],c=function(e){e.forEach((function(e){if(!e.hadRecentInput){var n=o[0],t=o[o.length-1];i&&e.startTime-t.startTime<1e3&&e.startTime-n.startTime<5e3?(i+=e.value,o.push(e)):(i=e.value,o=[e]);}})),i>r.value&&(r.value=i,r.entries=o,t());},u=s("layout-shift",c);u&&(t=d(e,r,L,n.reportAllChanges),p((function(){c(u.takeRecords()),t(true);})),a((function(){i=0,r=f("CLS",0),t=d(e,r,L,n.reportAllChanges),l((function(){return t()}));})),setTimeout(t,0));})));},A=0,I=1/0,P=0,M=function(e){e.forEach((function(e){e.interactionId&&(I=Math.min(I,e.interactionId),P=Math.max(P,e.interactionId),A=P?(P-I)/7+1:0);}));},k=function(){return e?A:performance.interactionCount||0},F=function(){"interactionCount"in performance||e||(e=s("event",M,{type:"event",buffered:true,durationThreshold:0}));},D=[],x=new Map,R=0,B=function(){var e=Math.min(D.length-1,Math.floor((k()-R)/50));return D[e]},H=[],q=function(e){if(H.forEach((function(n){return n(e)})),e.interactionId||"first-input"===e.entryType){var n=D[D.length-1],t=x.get(e.interactionId);if(t||D.length<10||e.duration>n.latency){if(t)e.duration>t.latency?(t.entries=[e],t.latency=e.duration):e.duration===t.latency&&e.startTime===t.entries[0].startTime&&t.entries.push(e);else {var r={id:e.interactionId,latency:e.duration,entries:[e]};x.set(r.id,r),D.push(r);}D.sort((function(e,n){return n.latency-e.latency})),D.length>10&&D.splice(10).forEach((function(e){return x.delete(e.id)}));}}},O=function(e){var n=self.requestIdleCallback||self.setTimeout,t=-1;return e=v(e),"hidden"===document.visibilityState?e():(t=n(e),p(e)),t},N=[200,500],j=function(e,n){"PerformanceEventTiming"in self&&"interactionId"in PerformanceEventTiming.prototype&&(n=n||{},C((function(){var t;F();var r,i=f("INP"),o=function(e){O((function(){e.forEach(q);var n=B();n&&n.latency!==i.value&&(i.value=n.latency,i.entries=n.entries,r());}));},c=s("event",o,{durationThreshold:null!==(t=n.durationThreshold)&&void 0!==t?t:40});r=d(e,i,N,n.reportAllChanges),c&&(c.observe({type:"first-input",buffered:true}),p((function(){o(c.takeRecords()),r(true);})),a((function(){R=k(),D.length=0,x.clear(),i=f("INP"),r=d(e,i,N,n.reportAllChanges);})));})));},_=[2500,4e3],z={},G=function(e,n){n=n||{},C((function(){var t,r=E(),i=f("LCP"),o=function(e){n.reportAllChanges||(e=e.slice(-1)),e.forEach((function(e){e.startTime<r.firstHiddenTime&&(i.value=Math.max(e.startTime-u(),0),i.entries=[e],t());}));},c=s("largest-contentful-paint",o);if(c){t=d(e,i,_,n.reportAllChanges);var m=v((function(){z[i.id]||(o(c.takeRecords()),c.disconnect(),z[i.id]=true,t(true));}));["keydown","click"].forEach((function(e){addEventListener(e,(function(){return O(m)}),{once:true,capture:true});})),p(m),a((function(r){i=f("LCP"),t=d(e,i,_,n.reportAllChanges),l((function(){i.value=performance.now()-r.timeStamp,z[i.id]=true,t(true);}));}));}}));},J=[800,1800],K=function e(n){document.prerendering?C((function(){return e(n)})):"complete"!==document.readyState?addEventListener("load",(function(){return e(n)}),true):setTimeout(n,0);},Q=function(e,n){n=n||{};var t=f("TTFB"),r=d(e,t,J,n.reportAllChanges);K((function(){var i=c();i&&(t.value=Math.max(i.responseStart-u(),0),t.entries=[i],r(true),a((function(){t=f("TTFB",0),(r=d(e,t,J,n.reportAllChanges))(true);})));}));};
+let e=-1;const t=t=>{addEventListener("pageshow",(n=>{n.persisted&&(e=n.timeStamp,t(n));}),true);},n=(e,t,n,i)=>{let s,o;return r=>{t.value>=0&&(r||i)&&(o=t.value-(s??0),(o||void 0===s)&&(s=t.value,t.delta=o,t.rating=((e,t)=>e>t[1]?"poor":e>t[0]?"needs-improvement":"good")(t.value,n),e(t)));}},i=e=>{requestAnimationFrame((()=>requestAnimationFrame((()=>e()))));},s=()=>{const e=performance.getEntriesByType("navigation")[0];if(e&&e.responseStart>0&&e.responseStart<performance.now())return e},o=()=>{const e=s();return e?.activationStart??0},r=(t,n=-1)=>{const i=s();let r="navigate";e>=0?r="back-forward-cache":i&&(document.prerendering||o()>0?r="prerender":document.wasDiscarded?r="restore":i.type&&(r=i.type.replace(/_/g,"-")));return {name:t,value:n,rating:"good",delta:0,entries:[],id:`v5-${Date.now()}-${Math.floor(8999999999999*Math.random())+1e12}`,navigationType:r}},c=new WeakMap;function a(e,t){return c.get(e)||c.set(e,new t),c.get(e)}class d{t;i=0;o=[];h(e){if(e.hadRecentInput)return;const t=this.o[0],n=this.o.at(-1);this.i&&t&&n&&e.startTime-n.startTime<1e3&&e.startTime-t.startTime<5e3?(this.i+=e.value,this.o.push(e)):(this.i=e.value,this.o=[e]),this.t?.(e);}}const h=(e,t,n={})=>{try{if(PerformanceObserver.supportedEntryTypes.includes(e)){const i=new PerformanceObserver((e=>{Promise.resolve().then((()=>{t(e.getEntries());}));}));return i.observe({type:e,buffered:!0,...n}),i}}catch{}},f=e=>{let t=false;return ()=>{t||(e(),t=true);}};let u=-1;const l=new Set,m=()=>"hidden"!==document.visibilityState||document.prerendering?1/0:0,p=e=>{if("hidden"===document.visibilityState){if("visibilitychange"===e.type)for(const e of l)e();isFinite(u)||(u="visibilitychange"===e.type?e.timeStamp:0,removeEventListener("prerenderingchange",p,true));}},v=()=>{if(u<0){const e=o(),n=document.prerendering?void 0:globalThis.performance.getEntriesByType("visibility-state").filter((t=>"hidden"===t.name&&t.startTime>e))[0]?.startTime;u=n??m(),addEventListener("visibilitychange",p,true),addEventListener("prerenderingchange",p,true),t((()=>{setTimeout((()=>{u=m();}));}));}return {get firstHiddenTime(){return u},onHidden(e){l.add(e);}}},g=e=>{document.prerendering?addEventListener("prerenderingchange",(()=>e()),true):e();},y=[1800,3e3],E=(e,s={})=>{g((()=>{const c=v();let a,d=r("FCP");const f=h("paint",(e=>{for(const t of e)"first-contentful-paint"===t.name&&(f.disconnect(),t.startTime<c.firstHiddenTime&&(d.value=Math.max(t.startTime-o(),0),d.entries.push(t),a(true)));}));f&&(a=n(e,d,y,s.reportAllChanges),t((t=>{d=r("FCP"),a=n(e,d,y,s.reportAllChanges),i((()=>{d.value=performance.now()-t.timeStamp,a(true);}));})));}));},b=[.1,.25],L=(e,s={})=>{const o=v();E(f((()=>{let c,f=r("CLS",0);const u=a(s,d),l=e=>{for(const t of e)u.h(t);u.i>f.value&&(f.value=u.i,f.entries=u.o,c());},m=h("layout-shift",l);m&&(c=n(e,f,b,s.reportAllChanges),o.onHidden((()=>{l(m.takeRecords()),c(true);})),t((()=>{u.i=0,f=r("CLS",0),c=n(e,f,b,s.reportAllChanges),i((()=>c()));})),setTimeout(c));})));};let P=0,T=1/0,_=0;const M=e=>{for(const t of e)t.interactionId&&(T=Math.min(T,t.interactionId),_=Math.max(_,t.interactionId),P=_?(_-T)/7+1:0);};let w;const C=()=>w?P:performance.interactionCount??0,I=()=>{"interactionCount"in performance||w||(w=h("event",M,{type:"event",buffered:true,durationThreshold:0}));};let F=0;class k{u=[];l=new Map;m;p;v(){F=C(),this.u.length=0,this.l.clear();}L(){const e=Math.min(this.u.length-1,Math.floor((C()-F)/50));return this.u[e]}h(e){if(this.m?.(e),!e.interactionId&&"first-input"!==e.entryType)return;const t=this.u.at(-1);let n=this.l.get(e.interactionId);if(n||this.u.length<10||e.duration>t.P){if(n?e.duration>n.P?(n.entries=[e],n.P=e.duration):e.duration===n.P&&e.startTime===n.entries[0].startTime&&n.entries.push(e):(n={id:e.interactionId,entries:[e],P:e.duration},this.l.set(n.id,n),this.u.push(n)),this.u.sort(((e,t)=>t.P-e.P)),this.u.length>10){const e=this.u.splice(10);for(const t of e)this.l.delete(t.id);}this.p?.(n);}}}const A=e=>{const t=globalThis.requestIdleCallback||setTimeout;"hidden"===document.visibilityState?e():(e=f(e),addEventListener("visibilitychange",e,{once:true,capture:true}),t((()=>{e(),removeEventListener("visibilitychange",e,{capture:true});})));},B=[200,500],S=(e,i={})=>{if(!globalThis.PerformanceEventTiming||!("interactionId"in PerformanceEventTiming.prototype))return;const s=v();g((()=>{I();let o,c=r("INP");const d=a(i,k),f=e=>{A((()=>{for(const t of e)d.h(t);const t=d.L();t&&t.P!==c.value&&(c.value=t.P,c.entries=t.entries,o());}));},u=h("event",f,{durationThreshold:i.durationThreshold??40});o=n(e,c,B,i.reportAllChanges),u&&(u.observe({type:"first-input",buffered:true}),s.onHidden((()=>{f(u.takeRecords()),o(true);})),t((()=>{d.v(),c=r("INP"),o=n(e,c,B,i.reportAllChanges);})));}));};class N{m;h(e){this.m?.(e);}}const q=[2500,4e3],x=(e,s={})=>{g((()=>{const c=v();let d,u=r("LCP");const l=a(s,N),m=e=>{s.reportAllChanges||(e=e.slice(-1));for(const t of e)l.h(t),t.startTime<c.firstHiddenTime&&(u.value=Math.max(t.startTime-o(),0),u.entries=[t],d());},p=h("largest-contentful-paint",m);if(p){d=n(e,u,q,s.reportAllChanges);const o=f((()=>{m(p.takeRecords()),p.disconnect(),d(true);})),c=e=>{e.isTrusted&&(A(o),removeEventListener(e.type,c,{capture:true}));};for(const e of ["keydown","click","visibilitychange"])addEventListener(e,c,{capture:true});t((t=>{u=r("LCP"),d=n(e,u,q,s.reportAllChanges),i((()=>{u.value=performance.now()-t.timeStamp,d(true);}));}));}}));},H=[800,1800],O=e=>{document.prerendering?g((()=>O(e))):"complete"!==document.readyState?addEventListener("load",(()=>O(e)),true):setTimeout(e);},$=(e,i={})=>{let c=r("TTFB"),a=n(e,c,H,i.reportAllChanges);O((()=>{const d=s();d&&(c.value=Math.max(d.responseStart-o(),0),c.entries=[d],a(true),t((()=>{c=r("TTFB",0),a=n(e,c,H,i.reportAllChanges),a(true);})));}));};
 
 function getPaintBlocks(resources) {
     const paintBlocks = [];
@@ -7686,18 +7839,38 @@ function Timing (app, opts) {
         if (shouldSkip) {
             return;
         }
+        // will probably require custom header added to responses for tracked requests:
+        // Timing-Allow-Origin: *
+        // https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Timing-Allow-Origin
+        let stalled = 0;
+        if (entry.connectEnd && entry.connectEnd > entry.domainLookupEnd) {
+            // Usual case stalled is time between connection establishment and request start
+            stalled = Math.max(0, entry.requestStart - entry.connectEnd);
+        }
+        else {
+            // Connection reuse case - stalled is time between domain lookup and request start
+            stalled = Math.max(0, entry.requestStart - entry.domainLookupEnd);
+        }
+        const timings = {
+            queueing: entry.requestStart - entry.fetchStart,
+            dnsLookup: entry.domainLookupEnd - entry.domainLookupStart,
+            initialConnection: entry.connectEnd - entry.connectStart,
+            ssl: entry.secureConnectionStart > 0 ? entry.connectEnd - entry.secureConnectionStart : 0,
+            ttfb: entry.responseStart - entry.requestStart,
+            contentDownload: entry.responseEnd - entry.responseStart,
+            total: entry.duration ?? entry.responseEnd - entry.startTime,
+            stalled,
+        };
         const entryName = options.resourceNameSanitizer
             ? options.resourceNameSanitizer(entry.name)
             : entry.name;
-        const cached = 
-        // @ts-ignore
-        (entry.responseStatus && entry.responseStatus === 304) ||
+        const cached = (entry.responseStatus && entry.responseStatus === 304) ||
             // @ts-ignore
             (entry.deliveryType && entry.deliveryType === 'cache') ||
             (entry.transferSize === 0 && entry.decodedBodySize > 0);
         const requestFailed = entry.responseStatus && entry.responseStatus >= 400;
         const decodedBodySize = requestFailed ? -111 : entry.decodedBodySize || 0;
-        app.send(ResourceTiming(entry.startTime + getTimeOrigin(), entry.duration, entry.responseStart && entry.startTime ? entry.responseStart - entry.startTime : 0, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, decodedBodySize, app.sanitizer.privateMode ? entry.name.replaceAll(/./g, '*') : entryName, entry.initiatorType, entry.transferSize, cached));
+        app.send(ResourceTiming(entry.startTime + getTimeOrigin(), entry.duration, timings.ttfb, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, decodedBodySize, app.sanitizer.privateMode ? entry.name.replaceAll(/./g, '*') : entryName, entry.initiatorType, entry.transferSize, cached, timings.queueing, timings.dnsLookup, timings.initialConnection, timings.ssl, timings.contentDownload, timings.total, timings.stalled));
     }
     const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
     function onVitalsSignal(msg) {
@@ -7714,10 +7887,10 @@ function Timing (app, opts) {
         // onINP(): Chromium
         // onLCP(): Chromium, Firefox
         // onTTFB(): Chromium, Firefox, Safari
-        w(onVitalsSignal);
-        j(onVitalsSignal);
-        G(onVitalsSignal);
-        Q(onVitalsSignal);
+        L(onVitalsSignal);
+        S(onVitalsSignal);
+        x(onVitalsSignal);
+        $(onVitalsSignal);
     });
     app.attachStopCallback(function () {
         observer.disconnect();
@@ -8508,7 +8681,9 @@ class NetworkMessage {
         });
         if (!messageInfo)
             return null;
-        const isGraphql = messageInfo.url.includes("/graphql");
+        const gqlHeader = "application/graphql-response";
+        const isGraphql = messageInfo.url.includes("/graphql")
+            || Object.values(messageInfo.request.headers).some(v => v.includes(gqlHeader));
         if (isGraphql && messageInfo.response.body && typeof messageInfo.response.body === 'string') {
             const isError = messageInfo.response.body.includes("errors");
             messageInfo.status = isError ? 400 : 200;
@@ -8814,6 +8989,7 @@ class FetchProxyHandler {
         this.tokenUrlMatcher = tokenUrlMatcher;
     }
     apply(target, _, argsList) {
+        var _a;
         const input = argsList[0];
         const init = argsList[1];
         if (!input ||
@@ -8829,6 +9005,31 @@ class FetchProxyHandler {
         }
         const item = new NetworkMessage(this.ignoredHeaders, this.setSessionTokenHeader, this.sanitize);
         this.beforeFetch(item, input, init);
+        const signal = (argsList[0] instanceof Request ? argsList[0].signal : undefined) ||
+            ((_a = argsList[1]) === null || _a === void 0 ? void 0 : _a.signal);
+        // guard to avoid double-send
+        let abortedNotified = false;
+        const notifyAbort = () => {
+            if (abortedNotified)
+                return;
+            abortedNotified = true;
+            item.endTime = performance.now();
+            item.duration = item.endTime - (item.startTime || item.endTime);
+            item.status = 0;
+            item.statusText = "Aborted";
+            item.readyState = 0;
+            const msg = item.getMessage();
+            if (msg)
+                this.sendMessage(msg);
+        };
+        if (signal) {
+            if (signal.aborted) {
+                notifyAbort();
+            }
+            else {
+                signal.addEventListener("abort", notifyAbort, { once: true });
+            }
+        }
         this.setSessionTokenHeader((name, value) => {
             if (this.tokenUrlMatcher !== undefined) {
                 if (!this.tokenUrlMatcher(item.url)) {
@@ -8857,11 +9058,22 @@ class FetchProxyHandler {
             }
         });
         return target.apply(window, argsList)
-            .then(this.afterFetch(item))
+            .then(this.afterFetch(item, () => {
+            abortedNotified = true;
+        }))
             .catch((e) => {
-            // mock finally
             item.endTime = performance.now();
             item.duration = item.endTime - (item.startTime || item.endTime);
+            if (e && e.name === "AbortError") {
+                item.status = 0;
+                item.statusText = "Aborted";
+                item.readyState = 0;
+                if (!abortedNotified) {
+                    const msg = item.getMessage();
+                    if (msg)
+                        this.sendMessage(msg);
+                }
+            }
             throw e;
         });
     }
@@ -8913,8 +9125,10 @@ class FetchProxyHandler {
             item.requestData = genStringBody(init.body);
         }
     }
-    afterFetch(item) {
+    afterFetch(item, onResolved) {
         return (resp) => {
+            if (onResolved)
+                onResolved === null || onResolved === void 0 ? void 0 : onResolved();
             item.endTime = performance.now();
             item.duration = item.endTime - (item.startTime || item.endTime);
             item.status = resp.status;
@@ -8950,7 +9164,15 @@ class FetchProxyHandler {
                     }
                 })
                     .catch((e) => {
-                    if (e.name !== "AbortError") {
+                    if (e.name === "AbortError") {
+                        item.status = 0;
+                        item.statusText = "Aborted";
+                        item.readyState = 0;
+                        const msg = item.getMessage();
+                        if (msg)
+                            this.sendMessage(msg);
+                    }
+                    else {
                         throw e;
                     }
                 });
@@ -9595,8 +9817,86 @@ function Tabs (app) {
     app.attachEventListener(window, 'focus', changeTab, false, false);
 }
 
+function LongAnimationTask (app, opts) {
+    if (!opts.longTasks || !('PerformanceObserver' in window)) {
+        return;
+    }
+    const onEntry = (entry) => {
+        app.send(LongAnimationTask$1(entry.name, entry.duration, entry.blockingDuration, entry.firstUIEventTimestamp, entry.startTime, JSON.stringify(entry.scripts ?? [])));
+    };
+    const observer = new PerformanceObserver((entryList) => {
+        entryList.getEntries().forEach((entry) => {
+            if (entry.entryType === 'long-animation-frame') {
+                onEntry(entry);
+            }
+        });
+    });
+    app.attachStartCallback(() => {
+        performance.getEntriesByType('long-animation-frame').forEach((lat) => {
+            onEntry(lat);
+        });
+        observer.observe({
+            entryTypes: ['long-animation-frame'],
+        });
+    });
+    app.attachStopCallback(() => {
+        observer.disconnect();
+    });
+}
+
+const toIgnore = ["composite", "computedOffset", "easing", "offset"];
+function webAnimations(app, options = {}) {
+    const { allElements = false } = options;
+    let listening = new WeakSet();
+    let handled = new WeakSet();
+    function wire(anim, el, nodeId) {
+        if (handled.has(anim))
+            return;
+        handled.add(anim);
+        anim.addEventListener('finish', () => {
+            const lastKF = anim.effect.getKeyframes().at(-1);
+            const computedStyle = getComputedStyle(el);
+            const keys = Object.keys(lastKF).filter((p) => !toIgnore.includes(p));
+            // @ts-ignore
+            const finalStyle = {};
+            keys.forEach((key) => {
+                finalStyle[key] = computedStyle[key];
+            });
+            app.send(NodeAnimationResult(nodeId, JSON.stringify(finalStyle)));
+        }, { once: true });
+    }
+    function scanElement(el, nodeId) {
+        el.getAnimations({ subtree: false }).forEach((anim) => wire(anim, el, nodeId));
+    }
+    app.nodes.attachNodeCallback((node) => {
+        if ((allElements || node.nodeName.includes('-')) && 'getAnimations' in node) {
+            const animations = node.getAnimations({ subtree: false });
+            const id = app.nodes.getID(node);
+            if (animations.length > 0 && !listening.has(node) && id) {
+                listening.add(node);
+                scanElement(node, id);
+                node.addEventListener('animationstart', () => scanElement(node, id));
+            }
+        }
+    });
+    const origAnimate = Element.prototype.animate;
+    Element.prototype.animate = function (...args) {
+        const anim = origAnimate.apply(this, args);
+        const id = app.nodes.getID(this);
+        if (!id)
+            return anim;
+        wire(anim, this, id);
+        return anim;
+    };
+    app.attachStopCallback(() => {
+        Element.prototype.animate = origAnimate; // Restore original animate method
+        listening = new WeakSet();
+        handled = new WeakSet();
+    });
+}
+
 const Messages = _Messages;
-const DOCS_SETUP = '/en/sdk/constructor';
+const DOCS_SETUP = '/en/sdk';
 function processOptions(obj) {
     if (obj == null) {
         console.error(`OpenReplay: invalid options argument type. Please, check documentation on ${DOCS_HOST}${DOCS_SETUP}`);
@@ -9646,7 +9946,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '16.4.10-beta.0',
+                trackerVersion: '16.4.11-beta.0',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,
@@ -9674,6 +9974,12 @@ class API {
                 }
             }
         };
+        this.incident = (options) => {
+            if (this.app === null) {
+                return;
+            }
+            this.app.send(Incident(options.label ?? '', options.startTime, options.endTime ?? options.startTime));
+        };
         this.crossdomainMode = Boolean(inIframe() && options.crossdomain?.enabled);
         if (!IN_BROWSER || !processOptions(options)) {
             return;
@@ -9752,6 +10058,7 @@ class API {
         Img(app);
         Input(app, options);
         Timing(app, options);
+        LongAnimationTask(app, options);
         Focus(app);
         Fonts(app);
         const skipNetwork = options.network?.disabled;
@@ -9759,6 +10066,7 @@ class API {
             Network(app, options.network);
         }
         selection(app);
+        webAnimations(app, options.webAnimations);
         window.__OPENREPLAY__ = this;
         if (options.flags && options.flags.onFlagsLoad) {
             this.onFlagsLoad(options.flags.onFlagsLoad);
@@ -9983,6 +10291,13 @@ class API {
             }
             else {
                 try {
+                    if ('or_timestamp' in payload) {
+                        const startTs = this.getSessionInfo()?.timestamp ?? 0;
+                        const diff = payload.or_timestamp - startTs;
+                        if (diff < 0) {
+                            console.error(`OpenReplay: event ${key} has or_timestamp (${payload.or_timestamp}) before session start (${startTs}). It will be ignored.`);
+                        }
+                    }
                     payload = JSON.stringify(payload);
                 }
                 catch (e) {