@multiplayer-app/session-recorder-browser 1.3.30 → 1.3.32

package/dist/browser/index.js

@@ -25054,7 +25054,7 @@ const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';
 const REMOTE_SESSION_RECORDING_STOP = 'remote-session-recording:stop';
-const PACKAGE_VERSION_EXPORT = "1.3.30" || 0;
+const PACKAGE_VERSION_EXPORT = "1.3.32" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -25104,7 +25104,7 @@ const DEFAULT_MASKING_CONFIG = {
     maskBodyFieldsList: sensitiveFields,
     maskHeadersList: sensitiveHeaders,
     headersToInclude: [],
-    headersToExclude: [],
+    headersToExclude: []
 };
 const DEFAULT_WIDGET_TEXT_CONFIG = {
     initialTitleWithContinuous: 'Encountered an issue?',
@@ -25126,7 +25126,7 @@ const DEFAULT_WIDGET_TEXT_CONFIG = {
     submitDialogCommentLabel: 'You can also add context, comments, or notes.',
     submitDialogCommentPlaceholder: 'Add a message...',
     submitDialogSubmitText: 'Save',
-    submitDialogCancelText: 'Cancel',
+    submitDialogCancelText: 'Cancel'
 };
 const BASE_CONFIG = {
     apiKey: '',
@@ -25153,9 +25153,9 @@ const BASE_CONFIG = {
     useWebsocket: true,
     buffering: {
         enabled: true,
-        windowMinutes: 1,
-        snapshotIntervalMs: 30000,
-    },
+        windowMinutes: 0.5,
+        snapshotIntervalMs: 20000
+    }
 };
 
 
@@ -25777,8 +25777,8 @@ class CrashBufferSpanProcessor {
                 this._crashBuffer.appendSpans([
                     {
                         ts: span.startTime[0] * 1000 + span.startTime[1] / 1000000,
-                        span: this._serializeSpan(span),
-                    },
+                        span: this._serializeSpan(span)
+                    }
                 ]);
             }
             return;
@@ -26034,18 +26034,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   TracerBrowserSDK: () => (/* binding */ TracerBrowserSDK)
 /* harmony export */ });
-/* harmony import */ var _opentelemetry_resources__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @opentelemetry/resources */ "../../node_modules/@opentelemetry/resources/build/esm/ResourceImpl.js");
-/* harmony import */ var _opentelemetry_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @opentelemetry/core */ "../../node_modules/@opentelemetry/core/build/esm/trace/W3CTraceContextPropagator.js");
-/* harmony import */ var _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @opentelemetry/sdk-trace-web */ "../../node_modules/@opentelemetry/sdk-trace-web/build/esm/WebTracerProvider.js");
-/* harmony import */ var _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @opentelemetry/sdk-trace-base */ "../../node_modules/@opentelemetry/sdk-trace-base/build/esm/platform/browser/export/BatchSpanProcessor.js");
-/* harmony import */ var _opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @opentelemetry/semantic-conventions */ "../../node_modules/@opentelemetry/semantic-conventions/build/esm/resource/SemanticResourceAttributes.js");
-/* harmony import */ var _opentelemetry_instrumentation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @opentelemetry/instrumentation */ "../../node_modules/@opentelemetry/instrumentation/build/esm/autoLoader.js");
-/* harmony import */ var _opentelemetry_auto_instrumentations_web__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @opentelemetry/auto-instrumentations-web */ "../../node_modules/@opentelemetry/auto-instrumentations-web/build/esm/index.js");
-/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config */ "./src/config/index.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./src/otel/helpers.ts");
-/* harmony import */ var _CrashBufferSpanProcessor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./CrashBufferSpanProcessor */ "./src/otel/CrashBufferSpanProcessor.ts");
-
+/* harmony import */ var _opentelemetry_resources__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @opentelemetry/resources */ "../../node_modules/@opentelemetry/resources/build/esm/ResourceImpl.js");
+/* harmony import */ var _opentelemetry_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @opentelemetry/core */ "../../node_modules/@opentelemetry/core/build/esm/trace/W3CTraceContextPropagator.js");
+/* harmony import */ var _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @opentelemetry/sdk-trace-web */ "../../node_modules/@opentelemetry/sdk-trace-web/build/esm/WebTracerProvider.js");
+/* harmony import */ var _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @opentelemetry/sdk-trace-base */ "../../node_modules/@opentelemetry/sdk-trace-base/build/esm/platform/browser/export/BatchSpanProcessor.js");
+/* harmony import */ var _opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @opentelemetry/semantic-conventions */ "../../node_modules/@opentelemetry/semantic-conventions/build/esm/resource/SemanticResourceAttributes.js");
+/* harmony import */ var _opentelemetry_instrumentation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @opentelemetry/instrumentation */ "../../node_modules/@opentelemetry/instrumentation/build/esm/autoLoader.js");
+/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/otel/helpers.ts");
+/* harmony import */ var _instrumentations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./instrumentations */ "./src/otel/instrumentations/index.ts");
+/* harmony import */ var _CrashBufferSpanProcessor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CrashBufferSpanProcessor */ "./src/otel/CrashBufferSpanProcessor.ts");
 
 
 
@@ -26056,14 +26054,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const clientIdGenerator = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderSdk.getIdGenerator(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.MULTIPLAYER_TRACE_CLIENT_ID_LENGTH);
+const clientIdGenerator = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionRecorderSdk.getIdGenerator(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CLIENT_ID_LENGTH);
 class TracerBrowserSDK {
     constructor() {
         this.clientId = '';
         this.sessionId = '';
         this.globalErrorListenersRegistered = false;
     }
-    _setSessionId(sessionId, sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL) {
+    _setSessionId(sessionId, sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL) {
         this.sessionId = sessionId;
         if (!this.idGenerator) {
             throw new Error('Id generator not initialized');
@@ -26074,133 +26072,35 @@ class TracerBrowserSDK {
         this.config = options;
         this.clientId = clientIdGenerator();
         const { application, version, environment } = this.config;
-        this.idGenerator = new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderIdGenerator();
-        this._setSessionId('', _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.SESSION_CACHE);
-        this.exporter = new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderBrowserTraceExporter({
+        this.idGenerator = new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionRecorderIdGenerator();
+        this._setSessionId('', _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.SESSION_CACHE);
+        this.exporter = new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionRecorderBrowserTraceExporter({
             apiKey: options.apiKey,
-            url: (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.getExporterEndpoint)(options.exporterEndpoint),
-            usePostMessageFallback: options.usePostMessageFallback,
+            url: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.getExporterEndpoint)(options.exporterEndpoint),
+            usePostMessageFallback: options.usePostMessageFallback
         });
-        const resourceAttributes = (0,_opentelemetry_resources__WEBPACK_IMPORTED_MODULE_5__.resourceFromAttributes)({
-            [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_6__.SEMRESATTRS_SERVICE_NAME]: application,
-            [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_6__.SEMRESATTRS_SERVICE_VERSION]: version,
-            [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_6__.SEMRESATTRS_DEPLOYMENT_ENVIRONMENT]: environment,
+        const resourceAttributes = (0,_opentelemetry_resources__WEBPACK_IMPORTED_MODULE_4__.resourceFromAttributes)({
+            [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_5__.SEMRESATTRS_SERVICE_NAME]: application,
+            [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_5__.SEMRESATTRS_SERVICE_VERSION]: version,
+            [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_5__.SEMRESATTRS_DEPLOYMENT_ENVIRONMENT]: environment
         });
-        _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderSdk.setResourceAttributes(resourceAttributes.attributes);
-        this.tracerProvider = new _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_7__.WebTracerProvider({
+        _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionRecorderSdk.setResourceAttributes(resourceAttributes.attributes);
+        this.tracerProvider = new _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_6__.WebTracerProvider({
             resource: resourceAttributes,
             idGenerator: this.idGenerator,
-            sampler: new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderTraceIdRatioBasedSampler(this.config.sampleTraceRatio),
+            sampler: new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionRecorderTraceIdRatioBasedSampler(this.config.sampleTraceRatio),
             spanProcessors: [
                 this._getSpanSessionIdProcessor(),
-                new _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_8__.BatchSpanProcessor(this.exporter),
-                new _CrashBufferSpanProcessor__WEBPACK_IMPORTED_MODULE_4__.CrashBufferSpanProcessor(this.crashBuffer, this.exporter.serializeSpan),
-            ],
+                new _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_7__.BatchSpanProcessor(this.exporter),
+                new _CrashBufferSpanProcessor__WEBPACK_IMPORTED_MODULE_3__.CrashBufferSpanProcessor(this.crashBuffer, this.exporter.serializeSpan)
+            ]
         });
         this.tracerProvider.register({
-            // contextManager: new ZoneContextManager(),
-            propagator: new _opentelemetry_core__WEBPACK_IMPORTED_MODULE_9__.W3CTraceContextPropagator(),
+            propagator: new _opentelemetry_core__WEBPACK_IMPORTED_MODULE_8__.W3CTraceContextPropagator()
         });
-        (0,_opentelemetry_instrumentation__WEBPACK_IMPORTED_MODULE_10__.registerInstrumentations)({
+        (0,_opentelemetry_instrumentation__WEBPACK_IMPORTED_MODULE_9__.registerInstrumentations)({
             tracerProvider: this.tracerProvider,
-            instrumentations: [
-                (0,_opentelemetry_auto_instrumentations_web__WEBPACK_IMPORTED_MODULE_0__.getWebAutoInstrumentations)({
-                    '@opentelemetry/instrumentation-xml-http-request': {
-                        clearTimingResources: true,
-                        ignoreUrls: [..._config__WEBPACK_IMPORTED_MODULE_2__.OTEL_IGNORE_URLS, ...(this.config.ignoreUrls || [])],
-                        propagateTraceHeaderCorsUrls: options.propagateTraceHeaderCorsUrls,
-                        applyCustomAttributesOnSpan: (span, xhr) => {
-                            if (!this.config)
-                                return;
-                            const { captureBody, captureHeaders } = this.config;
-                            try {
-                                if (!captureBody && !captureHeaders) {
-                                    return;
-                                }
-                                // @ts-ignore
-                                const networkRequest = xhr.networkRequest;
-                                const requestBody = networkRequest.requestBody;
-                                const responseBody = networkRequest.responseBody;
-                                const requestHeaders = networkRequest.requestHeaders || {};
-                                const responseHeaders = networkRequest.responseHeaders || {};
-                                const payload = {
-                                    requestBody,
-                                    responseBody,
-                                    requestHeaders,
-                                    responseHeaders,
-                                };
-                                (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.processHttpPayload)(payload, this.config, span);
-                            }
-                            catch (error) {
-                                // eslint-disable-next-line
-                                console.error('[MULTIPLAYER_SESSION_RECORDER] Failed to capture xml-http payload', error);
-                            }
-                        },
-                    },
-                    '@opentelemetry/instrumentation-fetch': {
-                        clearTimingResources: true,
-                        ignoreUrls: [..._config__WEBPACK_IMPORTED_MODULE_2__.OTEL_IGNORE_URLS, ...(this.config.ignoreUrls || [])],
-                        propagateTraceHeaderCorsUrls: options.propagateTraceHeaderCorsUrls,
-                        applyCustomAttributesOnSpan: async (span, request, response) => {
-                            if (!this.config)
-                                return;
-                            const { captureBody, captureHeaders } = this.config;
-                            try {
-                                if (!captureBody && !captureHeaders) {
-                                    return;
-                                }
-                                // Try to get data from our fetch wrapper first
-                                // @ts-ignore
-                                const networkRequest = response === null || response === void 0 ? void 0 : response.networkRequest;
-                                let requestBody = null;
-                                let responseBody = null;
-                                let requestHeaders = {};
-                                let responseHeaders = {};
-                                if (networkRequest) {
-                                    // Use data captured by our fetch wrapper
-                                    requestBody = networkRequest.requestBody;
-                                    responseBody = networkRequest.responseBody;
-                                    requestHeaders = networkRequest.requestHeaders || {};
-                                    responseHeaders = networkRequest.responseHeaders || {};
-                                }
-                                else {
-                                    // Fallback to original OpenTelemetry approach
-                                    requestBody = request.body;
-                                    requestHeaders = (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.headersToObject)(request.headers);
-                                    responseHeaders = (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.headersToObject)(response instanceof Response ? response.headers : undefined);
-                                    if (response instanceof Response && response.body) {
-                                        responseBody = await (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.extractResponseBody)(response);
-                                    }
-                                }
-                                const payload = {
-                                    requestBody,
-                                    responseBody,
-                                    requestHeaders,
-                                    responseHeaders,
-                                };
-                                (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.processHttpPayload)(payload, this.config, span);
-                            }
-                            catch (error) {
-                                // eslint-disable-next-line
-                                console.error('[MULTIPLAYER_SESSION_RECORDER] Failed to capture fetch payload', error);
-                            }
-                        },
-                    },
-                    '@opentelemetry/instrumentation-user-interaction': {
-                        shouldPreventSpanCreation: (_event, element, span) => {
-                            if (span['parentSpanContext']) {
-                                return true;
-                            }
-                            span.setAttribute('target.innerText', (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.getElementInnerText)(element));
-                            span.setAttribute('target.textContent', (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.getElementTextContent)(element));
-                            Array.from(element.attributes).forEach((attribute) => {
-                                span.setAttribute(`target.attribute.${attribute.name}`, attribute.value);
-                            });
-                            return false;
-                        },
-                    },
-                }),
-            ],
+            instrumentations: (0,_instrumentations__WEBPACK_IMPORTED_MODULE_2__.getInstrumentations)(this.config)
         });
         this._registerGlobalErrorListeners();
     }
@@ -26217,7 +26117,7 @@ class TracerBrowserSDK {
         if (!this.tracerProvider) {
             throw new Error('Configuration not initialized. Call init() before start().');
         }
-        this._setSessionId('', _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.SESSION_CACHE);
+        this._setSessionId('', _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.SESSION_CACHE);
     }
     setApiKey(apiKey) {
         if (!this.exporter) {
@@ -26225,56 +26125,6 @@ class TracerBrowserSDK {
         }
         this.exporter.setApiKey(apiKey);
     }
-    static _toReadableSpanLike(span) {
-        var _a;
-        if (span && typeof span.spanContext === 'function' && span.instrumentationScope) {
-            return span;
-        }
-        const spanContext = typeof (span === null || span === void 0 ? void 0 : span.spanContext) === 'function' ? span.spanContext() : span === null || span === void 0 ? void 0 : span._spanContext;
-        const normalizedCtx = spanContext ||
-            {
-                traceId: span === null || span === void 0 ? void 0 : span.traceId,
-                spanId: span === null || span === void 0 ? void 0 : span.spanId,
-                traceFlags: span === null || span === void 0 ? void 0 : span.traceFlags,
-                traceState: span === null || span === void 0 ? void 0 : span.traceState,
-            };
-        const instrumentationScope = (span === null || span === void 0 ? void 0 : span.instrumentationScope) ||
-            (span === null || span === void 0 ? void 0 : span.instrumentationLibrary) ||
-            { name: 'multiplayer-buffer', version: undefined, schemaUrl: undefined };
-        const normalizedScope = {
-            name: (instrumentationScope === null || instrumentationScope === void 0 ? void 0 : instrumentationScope.name) || 'multiplayer-buffer',
-            version: instrumentationScope === null || instrumentationScope === void 0 ? void 0 : instrumentationScope.version,
-            schemaUrl: instrumentationScope === null || instrumentationScope === void 0 ? void 0 : instrumentationScope.schemaUrl,
-        };
-        const resource = (span === null || span === void 0 ? void 0 : span.resource) || { attributes: {}, asyncAttributesPending: false };
-        const parentSpanId = span === null || span === void 0 ? void 0 : span.parentSpanId;
-        return {
-            name: (span === null || span === void 0 ? void 0 : span.name) || '',
-            kind: span === null || span === void 0 ? void 0 : span.kind,
-            spanContext: () => normalizedCtx,
-            parentSpanContext: parentSpanId
-                ? {
-                    traceId: normalizedCtx === null || normalizedCtx === void 0 ? void 0 : normalizedCtx.traceId,
-                    spanId: parentSpanId,
-                    traceFlags: normalizedCtx === null || normalizedCtx === void 0 ? void 0 : normalizedCtx.traceFlags,
-                    traceState: normalizedCtx === null || normalizedCtx === void 0 ? void 0 : normalizedCtx.traceState,
-                }
-                : undefined,
-            startTime: span === null || span === void 0 ? void 0 : span.startTime,
-            endTime: (_a = span === null || span === void 0 ? void 0 : span.endTime) !== null && _a !== void 0 ? _a : span === null || span === void 0 ? void 0 : span.startTime,
-            duration: span === null || span === void 0 ? void 0 : span.duration,
-            status: span === null || span === void 0 ? void 0 : span.status,
-            attributes: (span === null || span === void 0 ? void 0 : span.attributes) || {},
-            links: (span === null || span === void 0 ? void 0 : span.links) || [],
-            events: (span === null || span === void 0 ? void 0 : span.events) || [],
-            ended: typeof (span === null || span === void 0 ? void 0 : span.ended) === 'boolean' ? span.ended : true,
-            droppedAttributesCount: (span === null || span === void 0 ? void 0 : span.droppedAttributesCount) || 0,
-            droppedEventsCount: (span === null || span === void 0 ? void 0 : span.droppedEventsCount) || 0,
-            droppedLinksCount: (span === null || span === void 0 ? void 0 : span.droppedLinksCount) || 0,
-            resource,
-            instrumentationScope: normalizedScope,
-        };
-    }
     async exportTraces(spans) {
         if (!this.exporter) {
             throw new Error('Trace exporter not initialized');
@@ -26296,19 +26146,18 @@ class TracerBrowserSDK {
      * Otherwise, a short-lived span will be created to hold the exception event.
      */
     captureException(error, errorInfo) {
-        _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderSdk.captureException(error, errorInfo);
+        _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionRecorderSdk.captureException(error, errorInfo);
     }
     _getSpanSessionIdProcessor() {
         return {
-            forceFlush: () => Promise.resolve(),
-            onEnd: () => Promise.resolve(),
-            shutdown: () => Promise.resolve(),
             onStart: (span) => {
-                var _a;
-                if ((_a = this.sessionId) === null || _a === void 0 ? void 0 : _a.length) {
-                    span.setAttribute(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.ATTR_MULTIPLAYER_SESSION_ID, this.sessionId);
+                if (this.sessionId) {
+                    span.setAttribute(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_ID, this.sessionId);
                 }
             },
+            onEnd: () => { },
+            shutdown: () => Promise.resolve(),
+            forceFlush: () => Promise.resolve()
         };
     }
     _registerGlobalErrorListeners() {
@@ -26333,9 +26182,180 @@ class TracerBrowserSDK {
         window.addEventListener('unhandledrejection', rejectionHandler);
         this.globalErrorListenersRegistered = true;
     }
+    static _toReadableSpanLike(span) {
+        var _a;
+        if (span && typeof span.spanContext === 'function' && span.instrumentationScope) {
+            return span;
+        }
+        const spanContext = typeof (span === null || span === void 0 ? void 0 : span.spanContext) === 'function' ? span.spanContext() : span === null || span === void 0 ? void 0 : span._spanContext;
+        const normalizedCtx = spanContext ||
+            {
+                traceId: span === null || span === void 0 ? void 0 : span.traceId,
+                spanId: span === null || span === void 0 ? void 0 : span.spanId,
+                traceFlags: span === null || span === void 0 ? void 0 : span.traceFlags,
+                traceState: span === null || span === void 0 ? void 0 : span.traceState
+            };
+        const instrumentationScope = (span === null || span === void 0 ? void 0 : span.instrumentationScope) ||
+            (span === null || span === void 0 ? void 0 : span.instrumentationLibrary) ||
+            { name: 'multiplayer-buffer', version: undefined, schemaUrl: undefined };
+        const normalizedScope = {
+            name: (instrumentationScope === null || instrumentationScope === void 0 ? void 0 : instrumentationScope.name) || 'multiplayer-buffer',
+            version: instrumentationScope === null || instrumentationScope === void 0 ? void 0 : instrumentationScope.version,
+            schemaUrl: instrumentationScope === null || instrumentationScope === void 0 ? void 0 : instrumentationScope.schemaUrl
+        };
+        const resource = (span === null || span === void 0 ? void 0 : span.resource) || { attributes: {}, asyncAttributesPending: false };
+        const parentSpanId = span === null || span === void 0 ? void 0 : span.parentSpanId;
+        return {
+            name: (span === null || span === void 0 ? void 0 : span.name) || '',
+            kind: span === null || span === void 0 ? void 0 : span.kind,
+            spanContext: () => normalizedCtx,
+            parentSpanContext: parentSpanId
+                ? {
+                    traceId: normalizedCtx === null || normalizedCtx === void 0 ? void 0 : normalizedCtx.traceId,
+                    spanId: parentSpanId,
+                    traceFlags: normalizedCtx === null || normalizedCtx === void 0 ? void 0 : normalizedCtx.traceFlags,
+                    traceState: normalizedCtx === null || normalizedCtx === void 0 ? void 0 : normalizedCtx.traceState
+                }
+                : undefined,
+            startTime: span === null || span === void 0 ? void 0 : span.startTime,
+            endTime: (_a = span === null || span === void 0 ? void 0 : span.endTime) !== null && _a !== void 0 ? _a : span === null || span === void 0 ? void 0 : span.startTime,
+            duration: span === null || span === void 0 ? void 0 : span.duration,
+            status: span === null || span === void 0 ? void 0 : span.status,
+            attributes: (span === null || span === void 0 ? void 0 : span.attributes) || {},
+            links: (span === null || span === void 0 ? void 0 : span.links) || [],
+            events: (span === null || span === void 0 ? void 0 : span.events) || [],
+            ended: typeof (span === null || span === void 0 ? void 0 : span.ended) === 'boolean' ? span.ended : true,
+            droppedAttributesCount: (span === null || span === void 0 ? void 0 : span.droppedAttributesCount) || 0,
+            droppedEventsCount: (span === null || span === void 0 ? void 0 : span.droppedEventsCount) || 0,
+            droppedLinksCount: (span === null || span === void 0 ? void 0 : span.droppedLinksCount) || 0,
+            resource,
+            instrumentationScope: normalizedScope
+        };
+    }
 }
 
 
+/***/ }),
+
+/***/ "./src/otel/instrumentations/index.ts":
+/*!********************************************!*\
+  !*** ./src/otel/instrumentations/index.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getInstrumentations: () => (/* binding */ getInstrumentations)
+/* harmony export */ });
+/* harmony import */ var _opentelemetry_auto_instrumentations_web__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @opentelemetry/auto-instrumentations-web */ "../../node_modules/@opentelemetry/auto-instrumentations-web/build/esm/index.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../helpers */ "./src/otel/helpers.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../config */ "./src/config/index.ts");
+
+
+
+const getInstrumentations = (config) => {
+    return [
+        (0,_opentelemetry_auto_instrumentations_web__WEBPACK_IMPORTED_MODULE_0__.getWebAutoInstrumentations)({
+            '@opentelemetry/instrumentation-xml-http-request': {
+                clearTimingResources: true,
+                ignoreUrls: [..._config__WEBPACK_IMPORTED_MODULE_2__.OTEL_IGNORE_URLS, ...(config.ignoreUrls || [])],
+                propagateTraceHeaderCorsUrls: config.propagateTraceHeaderCorsUrls,
+                applyCustomAttributesOnSpan: (span, xhr) => {
+                    if (!config)
+                        return;
+                    const { captureBody, captureHeaders } = config;
+                    try {
+                        if (!captureBody && !captureHeaders) {
+                            return;
+                        }
+                        // @ts-ignore
+                        const networkRequest = xhr.networkRequest;
+                        const requestBody = networkRequest.requestBody;
+                        const responseBody = networkRequest.responseBody;
+                        const requestHeaders = networkRequest.requestHeaders || {};
+                        const responseHeaders = networkRequest.responseHeaders || {};
+                        const payload = {
+                            requestBody,
+                            responseBody,
+                            requestHeaders,
+                            responseHeaders
+                        };
+                        (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.processHttpPayload)(payload, config, span);
+                    }
+                    catch (error) {
+                        // eslint-disable-next-line
+                        console.error('[MULTIPLAYER_SESSION_RECORDER] Failed to capture xml-http payload', error);
+                    }
+                }
+            },
+            '@opentelemetry/instrumentation-fetch': {
+                clearTimingResources: true,
+                ignoreUrls: [..._config__WEBPACK_IMPORTED_MODULE_2__.OTEL_IGNORE_URLS, ...(config.ignoreUrls || [])],
+                propagateTraceHeaderCorsUrls: config.propagateTraceHeaderCorsUrls,
+                applyCustomAttributesOnSpan: async (span, request, response) => {
+                    if (!config)
+                        return;
+                    const { captureBody, captureHeaders } = config;
+                    try {
+                        if (!captureBody && !captureHeaders) {
+                            return;
+                        }
+                        // Try to get data from our fetch wrapper first
+                        // @ts-ignore
+                        const networkRequest = response === null || response === void 0 ? void 0 : response.networkRequest;
+                        let requestBody = null;
+                        let responseBody = null;
+                        let requestHeaders = {};
+                        let responseHeaders = {};
+                        if (networkRequest) {
+                            // Use data captured by our fetch wrapper
+                            requestBody = networkRequest.requestBody;
+                            responseBody = networkRequest.responseBody;
+                            requestHeaders = networkRequest.requestHeaders || {};
+                            responseHeaders = networkRequest.responseHeaders || {};
+                        }
+                        else {
+                            // Fallback to original OpenTelemetry approach
+                            requestBody = request.body;
+                            requestHeaders = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.headersToObject)(request.headers);
+                            responseHeaders = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.headersToObject)(response instanceof Response ? response.headers : undefined);
+                            if (response instanceof Response && response.body) {
+                                responseBody = await (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.extractResponseBody)(response);
+                            }
+                        }
+                        const payload = {
+                            requestBody,
+                            responseBody,
+                            requestHeaders,
+                            responseHeaders
+                        };
+                        (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.processHttpPayload)(payload, config, span);
+                    }
+                    catch (error) {
+                        // eslint-disable-next-line
+                        console.error('[MULTIPLAYER_SESSION_RECORDER] Failed to capture fetch payload', error);
+                    }
+                }
+            },
+            '@opentelemetry/instrumentation-user-interaction': {
+                shouldPreventSpanCreation: (_event, element, span) => {
+                    if (span['parentSpanContext']) {
+                        return true;
+                    }
+                    span.setAttribute('target.innerText', (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.getElementInnerText)(element));
+                    span.setAttribute('target.textContent', (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.getElementTextContent)(element));
+                    Array.from(element.attributes).forEach((attribute) => {
+                        span.setAttribute(`target.attribute.${attribute.name}`, attribute.value);
+                    });
+                    return false;
+                }
+            }
+        })
+    ];
+};
+
+
 /***/ }),
 
 /***/ "./src/patch/configs.ts":
@@ -26777,7 +26797,7 @@ class RecorderBrowserSDK {
     constructor() {
         this.intervals = {
             restart: null,
-            bufferSnapshot: null,
+            bufferSnapshot: null
         };
         this.startedAt = '';
         this.stoppedAt = '';
@@ -26819,7 +26839,7 @@ class RecorderBrowserSDK {
                     return;
                 }
                 this._handleLiveSessionEvent(event, ts, sessionId, sessionType);
-            },
+            }
         });
         this.takeFullSnapshot();
         this._setupPeriodicSnapshots(sessionId, sessionType);
@@ -26896,8 +26916,8 @@ class RecorderBrowserSDK {
                 event: {
                     event: packedEvent,
                     eventType: event.type,
-                    timestamp: ts,
-                },
+                    timestamp: ts
+                }
             });
         }
         catch (error) {
@@ -26922,7 +26942,7 @@ class RecorderBrowserSDK {
             eventType: event.type,
             timestamp: ts,
             debugSessionId: sessionId,
-            debugSessionType: sessionType,
+            debugSessionType: sessionType
         });
     }
     /**
@@ -26936,7 +26956,7 @@ class RecorderBrowserSDK {
             sampling: { canvas: 5 },
             recordCanvas: (_c = this.config) === null || _c === void 0 ? void 0 : _c.recordCanvas,
             dataURLOptions: { type: 'image/webp', quality: 0.1 },
-            plugins: [(0,_rrweb_rrweb_plugin_console_record__WEBPACK_IMPORTED_MODULE_3__.getRecordConsolePlugin)({ level: ['log', 'error'] })],
+            plugins: [(0,_rrweb_rrweb_plugin_console_record__WEBPACK_IMPORTED_MODULE_3__.getRecordConsolePlugin)({ level: ['log', 'error'] })]
         };
         if (maskingConfig.maskInputOptions) {
             options.maskInputOptions = maskingConfig.maskInputOptions;
@@ -26969,7 +26989,7 @@ class RecorderBrowserSDK {
             }, _config__WEBPACK_IMPORTED_MODULE_5__.CONTINUOUS_DEBUGGING_TIMEOUT);
         }
         if (!sessionId && ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled)) {
-            const interval = this.config.buffering.snapshotIntervalMs || 30000;
+            const interval = this.config.buffering.snapshotIntervalMs || 20000;
             this.intervals.bufferSnapshot = setInterval(() => {
                 this.takeFullSnapshot();
             }, interval);
@@ -26998,7 +27018,7 @@ class ApiService {
         this.config = {
             apiKey: '',
             apiBaseUrl: '',
-            exporterEndpoint: '',
+            exporterEndpoint: ''
         };
     }
     /**
@@ -27008,7 +27028,7 @@ class ApiService {
     init(config) {
         this.config = {
             ...this.config,
-            ...config,
+            ...config
         };
     }
     /**
@@ -27102,14 +27122,14 @@ class ApiService {
             body: body ? JSON.stringify(body) : null,
             headers: {
                 'Content-Type': 'application/json',
-                ...(this.config.apiKey && { 'X-Api-Key': this.config.apiKey }),
-            },
+                ...(this.config.apiKey && { 'X-Api-Key': this.config.apiKey })
+            }
         };
         try {
             const response = await fetch(url, {
                 ...params,
                 credentials: 'include',
-                signal,
+                signal
             });
             if (!response.ok) {
                 throw new Error('Network response was not ok: ' + response.statusText);
@@ -27182,14 +27202,6 @@ class CrashBufferService {
             return fallback;
         }
     }
-    async setAttrs(attrs) {
-        await this._safe(async () => {
-            await this.db.setAttrs({
-                tabId: this.tabId,
-                ...attrs,
-            });
-        }, undefined);
-    }
     async appendEvent(payload, _windowMs) {
         var _a;
         this.lastSeenEventTs = Math.max(this.lastSeenEventTs, payload.ts || 0);
@@ -27198,26 +27210,15 @@ class CrashBufferService {
         const isFullSnapshot = Boolean(payload.isFullSnapshot);
         const eventType = (_a = payload === null || payload === void 0 ? void 0 : payload.event) === null || _a === void 0 ? void 0 : _a.eventType;
         const isMeta = eventType === _rrweb_types__WEBPACK_IMPORTED_MODULE_0__.EventType.Meta;
-        if (this.requiresFullSnapshot && !isFullSnapshot && !isMeta) {
-            // rrweb replayable prefix is Meta -> FullSnapshot.
-            // While waiting for the first FullSnapshot, we still keep the Meta event (but drop incrementals).
-            return;
-        }
         await this._safe(async () => {
             await this.db.appendEvent({
                 tabId: this.tabId,
                 ts: payload.ts,
                 isFullSnapshot: payload.isFullSnapshot,
-                event: payload.event,
+                event: payload.event
             });
         }, undefined);
-        if (isFullSnapshot && this.requiresFullSnapshot) {
-            // Ensure this snapshot becomes the first replayable event.
-            // Keep Meta + FullSnapshot (if present) and prune everything older.
-            await this._safe(() => this.db.pruneOlderThanWithRrwebSnapshotAnchor(this.tabId, payload.ts), undefined);
-            this.requiresFullSnapshot = false;
-        }
-        else if (isFullSnapshot) {
+        if (isFullSnapshot) {
             this.requiresFullSnapshot = false;
         }
         this.pruneSoon();
@@ -27238,7 +27239,7 @@ class CrashBufferService {
                 return {
                     tabId: this.tabId,
                     ts: p.ts,
-                    span: p.span,
+                    span: p.span
                 };
             });
             await this.db.appendSpans(records);
@@ -27278,71 +27279,50 @@ class CrashBufferService {
     }
     async snapshot(_windowMs, now = Date.now()) {
         var _a, _b;
-        const toTs = now;
-        const fromTs = Math.max(0, toTs - this.windowMs);
+        const stoppedAt = now;
+        let startedAt = Math.max(0, stoppedAt - this.windowMs);
         // Always include a full snapshot "anchor" if one exists at/before the window start.
-        const rrwebFromTs = await this._safe(async () => {
-            const anchor = await this.db.getLastRrwebFullSnapshotBefore(this.tabId, fromTs);
-            return typeof (anchor === null || anchor === void 0 ? void 0 : anchor.ts) === 'number' ? anchor.ts : fromTs;
-        }, fromTs);
-        const [rrweb, spans, attrs] = await Promise.all([
-            this._safe(() => this.db.getRrwebEventsWindow(this.tabId, rrwebFromTs, toTs), []),
-            this._safe(() => this.db.getOtelSpansWindow(this.tabId, fromTs, toTs), []),
-            this._safe(() => this.db.getAttrs(this.tabId), null),
+        const firstSnapshotAt = await this._safe(async () => {
+            const anchor = await this.db.getLastRrwebFullSnapshotBefore(this.tabId, startedAt);
+            return typeof (anchor === null || anchor === void 0 ? void 0 : anchor.ts) === 'number' ? anchor.ts : startedAt;
+        }, startedAt);
+        const [allEvents, allSpans] = await Promise.all([
+            this._safe(() => this.db.getRrwebEventsWindow(this.tabId, firstSnapshotAt, stoppedAt), []),
+            this._safe(() => this.db.getOtelSpansWindow(this.tabId, startedAt, stoppedAt), [])
         ]);
-        const rrwebSorted = rrweb
+        const eventsSorted = allEvents
             .sort((a, b) => a.ts - b.ts)
             .map((r) => ({ ts: r.ts, isFullSnapshot: r.isFullSnapshot, event: r.event }));
+        const payload = {
+            startedAt,
+            stoppedAt,
+            spans: [],
+            events: []
+        };
         // Hard guarantee: snapshot payload starts with Meta -> FullSnapshot (or is empty).
-        const firstFullSnapshotIdx = rrwebSorted.findIndex((e) => Boolean(e.isFullSnapshot));
-        if (firstFullSnapshotIdx < 0) {
-            return {
-                rrwebEvents: [],
-                otelSpans: [],
-                attrs: attrs
-                    ? {
-                        sessionAttributes: attrs.sessionAttributes,
-                        resourceAttributes: attrs.resourceAttributes,
-                        userAttributes: attrs.userAttributes,
-                    }
-                    : null,
-                windowMs: this.windowMs,
-                fromTs,
-                toTs,
-            };
+        const firstSnapshotIdx = eventsSorted.findIndex((e) => Boolean(e.isFullSnapshot));
+        if (firstSnapshotIdx < 0) {
+            return payload;
         }
         // Prefer including the Meta event immediately preceding the first FullSnapshot.
-        let startIdx = firstFullSnapshotIdx;
-        for (let i = firstFullSnapshotIdx - 1; i >= 0; i--) {
-            const t = (_b = (_a = rrwebSorted[i]) === null || _a === void 0 ? void 0 : _a.event) === null || _b === void 0 ? void 0 : _b.eventType;
+        let startIdx = firstSnapshotIdx;
+        for (let i = firstSnapshotIdx - 1; i >= 0; i--) {
+            const t = (_b = (_a = eventsSorted[i]) === null || _a === void 0 ? void 0 : _a.event) === null || _b === void 0 ? void 0 : _b.eventType;
             if (t === _rrweb_types__WEBPACK_IMPORTED_MODULE_0__.EventType.Meta) {
                 startIdx = i;
                 break;
             }
         }
-        const rrwebEvents = rrwebSorted.slice(startIdx);
-        // Align spans with the rrweb replay start (Meta if present, otherwise FullSnapshot).
-        // Important: we return `fromTs` to consumers and many UIs compute relative offsets from it,
-        // so `fromTs` must match the first rrweb event timestamp we return.
-        const replayStartTs = rrwebEvents.length > 0 ? rrwebEvents[0].ts : fromTs;
-        const otelSpans = spans
-            .filter((s) => typeof (s === null || s === void 0 ? void 0 : s.ts) === 'number' && s.ts >= replayStartTs)
+        const events = eventsSorted.slice(startIdx);
+        const replayStartedAt = events.length > 0 ? events[0].ts : startedAt;
+        const spans = allSpans
+            .filter((s) => typeof (s === null || s === void 0 ? void 0 : s.ts) === 'number' && s.ts >= replayStartedAt)
             .sort((a, b) => a.ts - b.ts)
             .map((r) => ({ ts: r.ts, span: r.span }));
-        return {
-            rrwebEvents,
-            otelSpans,
-            attrs: attrs
-                ? {
-                    sessionAttributes: attrs.sessionAttributes,
-                    resourceAttributes: attrs.resourceAttributes,
-                    userAttributes: attrs.userAttributes,
-                }
-                : null,
-            windowMs: this.windowMs,
-            fromTs: replayStartTs,
-            toTs,
-        };
+        payload.events = events;
+        payload.spans = spans;
+        payload.startedAt = replayStartedAt;
+        return payload;
     }
     async clear() {
         await this._safe(() => this.db.clearTab(this.tabId), undefined);
@@ -27497,7 +27477,7 @@ class IndexedDBService {
         const db = await this.dbPromise;
         const payload = {
             ...attrs,
-            updatedAt: (_a = attrs.updatedAt) !== null && _a !== void 0 ? _a : Date.now(),
+            updatedAt: (_a = attrs.updatedAt) !== null && _a !== void 0 ? _a : Date.now()
         };
         return new Promise((resolve, reject) => {
             const tx = db.transaction(attrsStore, 'readwrite');
@@ -27783,7 +27763,7 @@ class IndexedDBService {
                     const r = attr.delete(tabId);
                     r.onsuccess = () => res();
                     r.onerror = () => rej(r.error);
-                }),
+                })
             ])
                 .then(() => {
                 // noop
@@ -27942,7 +27922,7 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
             apiKey: '',
             socketUrl: '',
             keepAlive: false,
-            usePostMessageFallback: false,
+            usePostMessageFallback: false
         };
     }
     /**
@@ -27952,11 +27932,9 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
     init(config) {
         this.options = {
             ...this.options,
-            ...config,
+            ...config
         };
-        if (this.options.keepAlive &&
-            this.options.socketUrl &&
-            this.options.apiKey) {
+        if (this.options.keepAlive && this.options.socketUrl && this.options.apiKey) {
             this._initConnection();
         }
     }
@@ -27969,16 +27947,13 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
         // If any config changed, reconnect if connected
         const hasChanges = Object.keys(config).some((key) => {
             const typedKey = key;
-            return (config[typedKey] !== undefined &&
-                config[typedKey] !== this.options[typedKey]);
+            return config[typedKey] !== undefined && config[typedKey] !== this.options[typedKey];
         });
         if (hasChanges) {
             this.options = { ...this.options, ...config };
             if ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.connected) {
                 this.close().then(() => {
-                    if (this.options.keepAlive &&
-                        this.options.socketUrl &&
-                        this.options.apiKey) {
+                    if (this.options.keepAlive && this.options.socketUrl && this.options.apiKey) {
                         this._initConnection();
                     }
                 });
@@ -27995,12 +27970,10 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
             path: '/v0/radar/ws',
             auth: {
                 'x-api-key': this.options.apiKey,
-                ...this.options.clientId
-                    ? { [_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_3__.ATTR_MULTIPLAYER_SESSION_CLIENT_ID]: this.options.clientId }
-                    : {},
+                ...(this.options.clientId ? { [_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_3__.ATTR_MULTIPLAYER_SESSION_CLIENT_ID]: this.options.clientId } : {})
             },
             reconnectionAttempts: 2,
-            transports: ['websocket'],
+            transports: ['websocket']
         });
         this.socket.on('ready', () => {
             this.isConnecting = false;
@@ -28077,7 +28050,7 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
             projectId: session.project,
             workspaceId: session.workspace,
             debugSessionId: this.sessionId,
-            sessionType: session.creationType,
+            sessionType: session.creationType
         };
         this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_SUBSCRIBE_EVENT, payload);
         // use long id instead of short id
@@ -28091,8 +28064,8 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
             }
         }
     }
-    setUser(userAttributes) {
-        this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SOCKET_SET_USER_EVENT, userAttributes);
+    setUser(data) {
+        this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SOCKET_SET_USER_EVENT, data);
     }
     close() {
         return new Promise((resolve) => {
@@ -28308,7 +28281,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
         this._checkOperation('init');
         // GC: remove orphaned crash buffers from old tabs.
         // Keep TTL large to avoid any accidental data loss.
-        void this._bufferDb.sweepStaleTabs(24 * 60 * 60 * 1000);
+        void this._bufferDb.sweepStaleTabs(10 * 60 * 60 * 1000);
         (0,_patch__WEBPACK_IMPORTED_MODULE_6__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize || _config__WEBPACK_IMPORTED_MODULE_5__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
         (0,_patch__WEBPACK_IMPORTED_MODULE_6__.setShouldRecordHttpData)(this._configs.captureBody, this._configs.captureHeaders);
         this._setupCrashBuffer();
@@ -28347,22 +28320,16 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
     _setupCrashBuffer() {
         var _a;
         if ((_a = this._configs.buffering) === null || _a === void 0 ? void 0 : _a.enabled) {
-            const windowMinutes = this._configs.buffering.windowMinutes || 1;
+            const windowMinutes = this._configs.buffering.windowMinutes || 0.5;
             const windowMs = Math.max(10000, windowMinutes * 60 * 1000);
             this._crashBuffer = new _services_crashBuffer_service__WEBPACK_IMPORTED_MODULE_13__.CrashBufferService(this._bufferDb, this._tabId, windowMs);
             this._recorder.setCrashBuffer(this._crashBuffer);
             this._tracer.setCrashBuffer(this._crashBuffer);
-            this._crashBuffer.setAttrs({
-                sessionAttributes: this.sessionAttributes,
-                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
-                userAttributes: this._userAttributes
-            });
             this._crashBuffer.on('error-span-appended', (payload) => {
                 if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped || this.sessionId)
                     return;
                 if (!payload.span)
                     return;
-                console.log('error-span-appended', payload);
                 this._createExceptionSession(payload.span);
             });
             this._registerCrashBufferLifecycleHandlers();
@@ -28407,13 +28374,12 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
     }
     _startBufferOnlyRecording() {
         var _a, _b;
-        if (!((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled))
-            return;
-        if (!this._crashBuffer)
-            return;
-        // Don’t start if a session is active.
-        if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped || this.sessionId)
+        if (this.sessionId ||
+            !this._crashBuffer ||
+            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
+            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
             return;
+        }
         void this._recorder.restart(null, _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL);
     }
     /**
@@ -28560,7 +28526,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
             return;
         }
         this._userAttributes = userAttributes;
-        this._socketService.setUser(this._userAttributes);
+        const data = {
+            userAttributes: this._userAttributes,
+            clientId: this._tracer.clientId
+        };
+        this._socketService.setUser(data);
     }
     /**
      * Updates the button click handler in the library.
@@ -28587,37 +28557,30 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
     }
     async _flushBuffer(sessionId) {
         var _a, _b;
-        if (!((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled))
-            return null;
-        if (!this._crashBuffer)
-            return null;
-        if (this._isFlushingBuffer)
-            return null;
-        // Don’t flush while a live recording is active.
-        if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped)
+        if (!sessionId ||
+            !this._crashBuffer ||
+            this._isFlushingBuffer ||
+            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
+            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
             return null;
+        }
         this._isFlushingBuffer = true;
         try {
-            const snapshot = await this._crashBuffer.snapshot();
-            if (snapshot.rrwebEvents.length === 0 && snapshot.otelSpans.length === 0) {
+            const { events, spans, startedAt, stoppedAt } = await this._crashBuffer.snapshot();
+            if (events.length === 0 && spans.length === 0) {
                 return null;
             }
-            if (sessionId) {
-                const spans = snapshot.otelSpans.map((s) => s.span);
-                const events = snapshot.rrwebEvents.map((e) => e.event);
-                await Promise.all([
-                    this._tracer.exportTraces(spans),
-                    this._apiService.exportEvents(sessionId, { events }),
-                    this._apiService.updateSessionAttributes(sessionId, {
-                        name: this._getSessionName(),
-                        // startedAt: new Date(snapshot.rrwebEvents[0].ts).toISOString(),
-                        // stoppedAt: new Date().toISOString(),
-                        sessionAttributes: this.sessionAttributes,
-                        resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
-                        userAttributes: this._userAttributes || undefined
-                    })
-                ]);
-            }
+            await Promise.all([
+                this._tracer.exportTraces(spans.map((s) => s.span)),
+                this._apiService.exportEvents(sessionId, { events: events.map((e) => e.event) }),
+                this._apiService.updateSessionAttributes(sessionId, {
+                    startedAt: new Date(startedAt).toISOString(),
+                    stoppedAt: new Date(stoppedAt).toISOString(),
+                    sessionAttributes: this.sessionAttributes,
+                    resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
+                    userAttributes: this._userAttributes || undefined
+                })
+            ]);
         }
         catch (_e) {
             // swallow: flush is best-effort; never throw into app code
@@ -28788,19 +28751,14 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
         });
         this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_SAVE_BUFFER_EVENT, (payload) => {
             var _a;
-            if (!((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id))
-                return;
-            void this._flushBuffer(payload.debugSession._id);
+            this._flushBuffer((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id);
         });
     }
     async _createExceptionSession(span) {
         try {
             const session = await this._apiService.createErrorSession({ span });
-            console.log('====================================');
-            console.log(span);
-            console.log('====================================');
-            if (session) {
-                void this._flushBuffer(session._id);
+            if (session === null || session === void 0 ? void 0 : session._id) {
+                this._flushBuffer(session._id);
             }
         }
         catch (_ignored) { }