@multiplayer-app/session-recorder-browser 1.3.16 → 1.3.19

package/dist/browser/index.js

@@ -25023,6 +25023,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* binding */ SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* binding */ SESSION_PROP_NAME),
 /* harmony export */   SESSION_RESPONSE: () => (/* binding */ SESSION_RESPONSE),
+/* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* binding */ SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_SHORT_ID_PROP_NAME: () => (/* binding */ SESSION_SHORT_ID_PROP_NAME),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* binding */ SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* binding */ SESSION_STATE_PROP_NAME),
@@ -25044,6 +25045,8 @@ const SESSION_SUBSCRIBE_EVENT = 'debug-session:subscribe';
 const SESSION_UNSUBSCRIBE_EVENT = 'debug-session:unsubscribe';
 const SESSION_AUTO_CREATED = 'debug-session:auto-created';
 const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
+// Backend-triggered flush of client-side crash buffer
+const SESSION_SAVE_BUFFER_EVENT = 'debug-session:save-buffer';
 const SOCKET_SET_USER_EVENT = 'socket:set-user';
 const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
@@ -25051,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.16" || 0;
+const PACKAGE_VERSION_EXPORT = "1.3.19" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -25148,6 +25151,11 @@ const BASE_CONFIG = {
     masking: DEFAULT_MASKING_CONFIG,
     widgetTextOverrides: DEFAULT_WIDGET_TEXT_CONFIG,
     useWebsocket: true,
+    buffering: {
+        enabled: true,
+        windowMinutes: 1,
+        snapshotIntervalMs: 30000,
+    },
 };
 
 
@@ -25178,6 +25186,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_PROP_NAME),
 /* harmony export */   SESSION_RESPONSE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_RESPONSE),
+/* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_SHORT_ID_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_SHORT_ID_PROP_NAME),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STATE_PROP_NAME),
@@ -25305,7 +25314,7 @@ const getWidgetTextOverridesConfig = (config, defaultConfig) => {
     };
 };
 const getSessionRecorderConfig = (c) => {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!c) {
         return _defaults__WEBPACK_IMPORTED_MODULE_1__.BASE_CONFIG;
     }
@@ -25332,6 +25341,11 @@ const getSessionRecorderConfig = (c) => {
         masking: (0,_masking__WEBPACK_IMPORTED_MODULE_2__.getMaskingConfig)(c.masking),
         widgetTextOverrides: getWidgetTextOverridesConfig(c.widgetTextOverrides, _defaults__WEBPACK_IMPORTED_MODULE_1__.BASE_CONFIG.widgetTextOverrides),
         useWebsocket: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidBoolean)(c.useWebsocket, (_a = _defaults__WEBPACK_IMPORTED_MODULE_1__.BASE_CONFIG.useWebsocket) !== null && _a !== void 0 ? _a : false),
+        buffering: {
+            enabled: (_c = (_b = c.buffering) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : _defaults__WEBPACK_IMPORTED_MODULE_1__.BASE_CONFIG.buffering.enabled,
+            windowMinutes: (_e = (_d = c.buffering) === null || _d === void 0 ? void 0 : _d.windowMinutes) !== null && _e !== void 0 ? _e : _defaults__WEBPACK_IMPORTED_MODULE_1__.BASE_CONFIG.buffering.windowMinutes,
+            snapshotIntervalMs: (_g = (_f = c.buffering) === null || _f === void 0 ? void 0 : _f.snapshotIntervalMs) !== null && _g !== void 0 ? _g : _defaults__WEBPACK_IMPORTED_MODULE_1__.BASE_CONFIG.buffering.snapshotIntervalMs,
+        },
     };
 };
 
@@ -25721,6 +25735,64 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/otel/CrashBufferSpanProcessor.ts":
+/*!**********************************************!*\
+  !*** ./src/otel/CrashBufferSpanProcessor.ts ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CrashBufferSpanProcessor: () => (/* binding */ CrashBufferSpanProcessor)
+/* harmony export */ });
+/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/trace/trace_flags.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");
+
+
+/**
+ * Implementation of the {@link SpanProcessor} that batches spans exported by
+ * the SDK then pushes them to the exporter pipeline.
+ */
+class CrashBufferSpanProcessor {
+    constructor(_exporter, _crashBuffer, _serializeSpan) {
+        this._exporter = _exporter;
+        this._crashBuffer = _crashBuffer;
+        this._serializeSpan = _serializeSpan;
+    }
+    forceFlush() {
+        return this._exporter.forceFlush();
+    }
+    onStart(_span, _parentContext) {
+        return this._exporter.onStart(_span, _parentContext);
+    }
+    onEnd(span) {
+        const traceId = span.spanContext().traceId;
+        if ((span.spanContext().traceFlags & _opentelemetry_api__WEBPACK_IMPORTED_MODULE_1__.TraceFlags.SAMPLED) === 0) {
+            return;
+        }
+        if (traceId.startsWith(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX) ||
+            traceId.startsWith(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX)) {
+            if (this._crashBuffer) {
+                this._crashBuffer.appendSpans([
+                    {
+                        ts: span.startTime[0] * 1000 + span.startTime[1] / 1000000,
+                        span: this._serializeSpan(span)
+                    }
+                ]);
+            }
+            return;
+        }
+        this._exporter.onEnd(span);
+    }
+    shutdown() {
+        return this._exporter.shutdown();
+    }
+}
+
+
 /***/ }),
 
 /***/ "./src/otel/helpers.ts":
@@ -25965,19 +26037,21 @@ __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_8__ = __webpack_require__(/*! @opentelemetry/core */ "../../node_modules/@opentelemetry/core/build/esm/trace/W3CTraceContextPropagator.js");
-/* harmony import */ var _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_4__ = __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_6__ = __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 _opentelemetry_resources__WEBPACK_IMPORTED_MODULE_7__ = __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_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_5__ = __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_8__ = __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 _opentelemetry_api__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/trace-api.js");
-/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/context-api.js");
-/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/trace/status.js");
+/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/trace-api.js");
+/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/context-api.js");
+/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/trace/status.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");
+
 
 
 
@@ -25991,49 +26065,52 @@ __webpack_require__.r(__webpack_exports__);
 
 class TracerBrowserSDK {
     constructor() {
+        this.clientId = '';
         this.sessionId = '';
         this.globalErrorListenersRegistered = false;
     }
-    setSessionId(sessionId, sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.PLAIN) {
+    setSessionId(sessionId, sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL) {
         this.sessionId = sessionId;
-        this.idGenerator.setSessionId(sessionId, sessionType);
+        if (!this.idGenerator) {
+            throw new Error('Id generator not initialized');
+        }
+        this.idGenerator.setSessionId(sessionId, sessionType, this.clientId);
     }
     init(options) {
         this.config = options;
+        this.clientId = _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 { application, version, environment } = this.config;
         this.idGenerator = new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderIdGenerator();
         this.exporter = new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderBrowserTraceExporter({
             apiKey: options.apiKey,
             url: (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.getExporterEndpoint)(options.exporterEndpoint),
-            usePostMessageFallback: options.usePostMessageFallback,
+            usePostMessageFallback: options.usePostMessageFallback
         });
-        this.tracerProvider = new _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_4__.WebTracerProvider({
-            resource: (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,
+        this.batchSpanProcessor = new _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_5__.BatchSpanProcessor(this.exporter);
+        this.tracerProvider = new _opentelemetry_sdk_trace_web__WEBPACK_IMPORTED_MODULE_6__.WebTracerProvider({
+            resource: (0,_opentelemetry_resources__WEBPACK_IMPORTED_MODULE_7__.resourceFromAttributes)({
+                [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_8__.SEMRESATTRS_SERVICE_NAME]: application,
+                [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_8__.SEMRESATTRS_SERVICE_VERSION]: version,
+                [_opentelemetry_semantic_conventions__WEBPACK_IMPORTED_MODULE_8__.SEMRESATTRS_DEPLOYMENT_ENVIRONMENT]: environment
             }),
             idGenerator: this.idGenerator,
             sampler: new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderTraceIdRatioBasedSampler(this.config.sampleTraceRatio),
             spanProcessors: [
                 this._getSpanSessionIdProcessor(),
-                new _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_7__.BatchSpanProcessor(this.exporter),
-            ],
+                new _CrashBufferSpanProcessor__WEBPACK_IMPORTED_MODULE_4__.CrashBufferSpanProcessor(this.batchSpanProcessor, this.crashBuffer, this.exporter.serializeSpan.bind(this.exporter))
+            ]
         });
         this.tracerProvider.register({
             // contextManager: new ZoneContextManager(),
-            propagator: new _opentelemetry_core__WEBPACK_IMPORTED_MODULE_8__.W3CTraceContextPropagator(),
+            propagator: new _opentelemetry_core__WEBPACK_IMPORTED_MODULE_9__.W3CTraceContextPropagator()
         });
-        (0,_opentelemetry_instrumentation__WEBPACK_IMPORTED_MODULE_9__.registerInstrumentations)({
+        (0,_opentelemetry_instrumentation__WEBPACK_IMPORTED_MODULE_10__.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 || []),
-                        ],
+                        ignoreUrls: [..._config__WEBPACK_IMPORTED_MODULE_2__.OTEL_IGNORE_URLS, ...(this.config.ignoreUrls || [])],
                         propagateTraceHeaderCorsUrls: options.propagateTraceHeaderCorsUrls,
                         applyCustomAttributesOnSpan: (span, xhr) => {
                             if (!this.config)
@@ -26053,7 +26130,7 @@ class TracerBrowserSDK {
                                     requestBody,
                                     responseBody,
                                     requestHeaders,
-                                    responseHeaders,
+                                    responseHeaders
                                 };
                                 (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.processHttpPayload)(payload, this.config, span);
                             }
@@ -26061,14 +26138,11 @@ class TracerBrowserSDK {
                                 // 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 || []),
-                        ],
+                        ignoreUrls: [..._config__WEBPACK_IMPORTED_MODULE_2__.OTEL_IGNORE_URLS, ...(this.config.ignoreUrls || [])],
                         propagateTraceHeaderCorsUrls: options.propagateTraceHeaderCorsUrls,
                         applyCustomAttributesOnSpan: async (span, request, response) => {
                             if (!this.config)
@@ -26105,7 +26179,7 @@ class TracerBrowserSDK {
                                     requestBody,
                                     responseBody,
                                     requestHeaders,
-                                    responseHeaders,
+                                    responseHeaders
                                 };
                                 (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.processHttpPayload)(payload, this.config, span);
                             }
@@ -26113,7 +26187,7 @@ class TracerBrowserSDK {
                                 // eslint-disable-next-line
                                 console.error('[MULTIPLAYER_SESSION_RECORDER] Failed to capture fetch payload', error);
                             }
-                        },
+                        }
                     },
                     '@opentelemetry/instrumentation-user-interaction': {
                         shouldPreventSpanCreation: (_event, element, span) => {
@@ -26122,17 +26196,20 @@ class TracerBrowserSDK {
                             }
                             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 => {
+                            Array.from(element.attributes).forEach((attribute) => {
                                 span.setAttribute(`target.attribute.${attribute.name}`, attribute.value);
                             });
                             return false;
-                        },
-                    },
-                }),
-            ],
+                        }
+                    }
+                })
+            ]
         });
         this._registerGlobalErrorListeners();
     }
+    setCrashBuffer(crashBuffer) {
+        this.crashBuffer = crashBuffer;
+    }
     start(sessionId, sessionType) {
         if (!this.tracerProvider) {
             throw new Error('Configuration not initialized. Call init() before start().');
@@ -26157,13 +26234,15 @@ class TracerBrowserSDK {
      * Otherwise, a short-lived span will be created to hold the exception event.
      */
     captureException(error, errorInfo) {
+        var _a, _b;
         if (!error)
             return;
         // Prefer attaching to the active span to keep correlation intact
         try {
-            const activeSpan = _opentelemetry_api__WEBPACK_IMPORTED_MODULE_10__.trace.getSpan(_opentelemetry_api__WEBPACK_IMPORTED_MODULE_11__.context.active());
+            const activeSpan = _opentelemetry_api__WEBPACK_IMPORTED_MODULE_11__.trace.getSpan(_opentelemetry_api__WEBPACK_IMPORTED_MODULE_12__.context.active());
             if (activeSpan) {
                 this._recordException(activeSpan, error, errorInfo);
+                (_a = this.tracerProvider) === null || _a === void 0 ? void 0 : _a.forceFlush();
                 return;
             }
             // eslint-disable-next-line
@@ -26171,17 +26250,26 @@ class TracerBrowserSDK {
         catch (_ignored) { }
         // Fallback: create a short-lived span to hold the exception details
         try {
-            const tracer = _opentelemetry_api__WEBPACK_IMPORTED_MODULE_10__.trace.getTracer('exception');
+            const tracer = _opentelemetry_api__WEBPACK_IMPORTED_MODULE_11__.trace.getTracer('exception');
             const span = tracer.startSpan(error.name || 'Error');
             this._recordException(span, error, errorInfo);
             span.end();
+            (_b = this.tracerProvider) === null || _b === void 0 ? void 0 : _b.forceFlush();
             // eslint-disable-next-line
         }
         catch (_ignored) { }
     }
+    async exportTraces(spans) {
+        var _a;
+        if ((_a = this === null || this === void 0 ? void 0 : this.batchSpanProcessor) === null || _a === void 0 ? void 0 : _a.onEnd) {
+            spans.map((span) => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.batchSpanProcessor) === null || _a === void 0 ? void 0 : _a.onEnd(span); });
+            // return this.batchSpanProcessor.onEnd()
+        }
+        throw new Error('Buffer span processor not initialized');
+    }
     _recordException(span, error, errorInfo) {
         span.recordException(error);
-        span.setStatus({ code: _opentelemetry_api__WEBPACK_IMPORTED_MODULE_12__.SpanStatusCode.ERROR, message: error.message });
+        span.setStatus({ code: _opentelemetry_api__WEBPACK_IMPORTED_MODULE_13__.SpanStatusCode.ERROR, message: error.message });
         span.setAttribute('exception.type', error.name || 'Error');
         span.setAttribute('exception.message', error.message);
         span.setAttribute('exception.stacktrace', error.stack || '');
@@ -26194,14 +26282,14 @@ class TracerBrowserSDK {
     _getSpanSessionIdProcessor() {
         return {
             forceFlush: () => Promise.resolve(),
-            onEnd: () => { },
+            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);
                 }
-            },
+            }
         };
     }
     _registerGlobalErrorListeners() {
@@ -26211,14 +26299,12 @@ class TracerBrowserSDK {
             return;
         // eslint-disable-next-line
         const errorHandler = (event) => {
-            const err = (event === null || event === void 0 ? void 0 : event.error) instanceof Error
-                ? event.error
-                : new Error((event === null || event === void 0 ? void 0 : event.message) || 'Script error');
+            const err = (event === null || event === void 0 ? void 0 : event.error) instanceof Error ? event.error : new Error((event === null || event === void 0 ? void 0 : event.message) || 'Script error');
             this.captureException(err);
         };
         // eslint-disable-next-line
         const rejectionHandler = (event) => {
-            const reason = (event && 'reason' in event) ? event.reason : undefined;
+            const reason = event && 'reason' in event ? event.reason : undefined;
             const err = reason instanceof Error
                 ? reason
                 : new Error(typeof reason === 'string' ? reason : 'Unhandled promise rejection');
@@ -26280,7 +26366,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function _tryReadFetchBody({ body, url }) {
+function _tryReadFetchBody({ body, url, }) {
     if ((0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(body)) {
         return null;
     }
@@ -26453,7 +26539,7 @@ if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
                 if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
                     const requestBody = _tryReadFetchBody({
                         body: candidateBody,
-                        url: urlStr
+                        url: urlStr,
                     });
                     if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) && new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
                         networkRequest.requestBody = requestBody;
@@ -26655,11 +26741,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   RecorderBrowserSDK: () => (/* binding */ RecorderBrowserSDK)
 /* harmony export */ });
 /* harmony import */ var _rrweb_packer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rrweb/packer */ "../../node_modules/@rrweb/packer/dist/packer.js");
-/* harmony import */ var rrweb__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rrweb */ "../../node_modules/rrweb/dist/rrweb.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 _rrweb_rrweb_plugin_console_record__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rrweb/rrweb-plugin-console-record */ "../../node_modules/@rrweb/rrweb-plugin-console-record/dist/rrweb-plugin-console-record.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config */ "./src/config/index.ts");
+/* harmony import */ var _rrweb_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rrweb/types */ "../../node_modules/@rrweb/types/dist/types.js");
+/* harmony import */ var rrweb__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rrweb */ "../../node_modules/rrweb/dist/rrweb.js");
+/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
+/* harmony import */ var _rrweb_rrweb_plugin_console_record__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rrweb/rrweb-plugin-console-record */ "../../node_modules/@rrweb/rrweb-plugin-console-record/dist/rrweb-plugin-console-record.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config */ "./src/config/index.ts");
+
 
 
 
@@ -26667,129 +26755,206 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class RecorderBrowserSDK {
-    get startedAt() {
-        return this._startedAt;
-    }
-    set startedAt(v) {
-        this._startedAt = v;
-    }
-    get stoppedAt() {
-        return this._stoppedAt;
-    }
-    set stoppedAt(v) {
-        this._stoppedAt = v;
-    }
     constructor() {
-        this.restartInterval = null;
-        this._startedAt = '';
-        this._stoppedAt = '';
+        this.intervals = {
+            restart: null,
+            bufferSnapshot: null
+        };
+        this.startedAt = '';
+        this.stoppedAt = '';
     }
     /**
-     * Initializes the recorder SDK with configuration settings.
-     * @param config - Configuration settings for the session debugger.
-     * @param socketService - Optional socket service instance for sending events.
+     * Full snapshot.
+     */
+    takeFullSnapshot() {
+        if (!this.stopFn) {
+            return;
+        }
+        rrweb__WEBPACK_IMPORTED_MODULE_6__.record.takeFullSnapshot();
+    }
+    /**
+     * Initializes the recorder SDK.
+     * @param config - Configuration settings.
+     * @param socketService - Optional socket service.
      */
     init(config, socketService) {
         this.config = config;
         this.socketService = socketService;
     }
     /**
-     * Starts recording events for a given session ID.
-     * @param sessionId - The ID of the session to record events for.
+     * Starts recording.
+     * @param sessionId - Session ID or null for buffer-only mode.
+     * @param sessionType - Session type.
      */
     start(sessionId, sessionType) {
-        var _a;
         if (!this.config) {
             throw new Error('Configuration not initialized. Call init() before start().');
         }
-        const restartInterval = sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS ? _config__WEBPACK_IMPORTED_MODULE_4__.CONTINUOUS_DEBUGGING_TIMEOUT : 0;
         this.startedAt = new Date().toISOString();
-        // Build masking configuration
-        const maskingConfig = this.config.masking || {};
+        this.stopFn = (0,rrweb__WEBPACK_IMPORTED_MODULE_6__.record)({
+            ...this._buildRecordOptions(),
+            emit: async (event) => {
+                const ts = event.timestamp;
+                if (!sessionId) {
+                    await this._handleBufferOnlyEvent(event, ts);
+                    return;
+                }
+                this._handleLiveSessionEvent(event, ts, sessionId, sessionType);
+            }
+        });
+        this.takeFullSnapshot();
+        this._setupPeriodicSnapshots(sessionId, sessionType);
+    }
+    /**
+     * Restarts recording. Never throws - library mode constraint.
+     */
+    async restart(sessionId, sessionType) {
+        var _a;
+        try {
+            (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.start(sessionId, sessionType);
+        }
+        catch (_e) {
+            // Silent failure
+        }
+    }
+    /**
+     * Stops recording and cleans up resources.
+     */
+    stop() {
+        var _a, _b, _c;
+        (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.stopFn = undefined;
+        if (!((_b = this.config) === null || _b === void 0 ? void 0 : _b.useWebsocket)) {
+            (_c = this.socketService) === null || _c === void 0 ? void 0 : _c.close();
+        }
+        this._clearAllIntervals();
+    }
+    _clearAllIntervals() {
+        if (this.intervals.restart) {
+            clearInterval(this.intervals.restart);
+            this.intervals.restart = null;
+        }
+        if (this.intervals.bufferSnapshot) {
+            clearInterval(this.intervals.bufferSnapshot);
+            this.intervals.bufferSnapshot = null;
+        }
+    }
+    /**
+     * Sets the crash buffer.
+     * @param crashBuffer - Crash buffer service.
+     */
+    setCrashBuffer(crashBuffer) {
+        this.crashBuffer = crashBuffer;
+    }
+    /**
+     * Mutates event in-place for performance.
+     */
+    _applyConsoleMasking(event) {
+        var _a, _b;
+        const maskFn = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.masking) === null || _b === void 0 ? void 0 : _b.maskConsoleEvent;
+        if (typeof maskFn === 'function' && (0,_utils__WEBPACK_IMPORTED_MODULE_4__.isConsoleEvent)(event)) {
+            const pluginEvt = event;
+            const maskedPayload = maskFn(pluginEvt.data.payload);
+            pluginEvt.data = { ...pluginEvt.data, payload: maskedPayload };
+        }
+    }
+    /**
+     * Handles buffer-only event.
+     * @param event - Event.
+     * @param ts - Timestamp.
+     */
+    async _handleBufferOnlyEvent(event, ts) {
+        if (!this.crashBuffer)
+            return;
+        try {
+            this._applyConsoleMasking(event);
+            const packedEvent = (0,_rrweb_packer__WEBPACK_IMPORTED_MODULE_0__.pack)(event);
+            this.stoppedAt = new Date(ts).toISOString();
+            await this.crashBuffer.appendEvent({
+                ts,
+                isFullSnapshot: event.type === _rrweb_types__WEBPACK_IMPORTED_MODULE_1__.EventType.FullSnapshot,
+                event: {
+                    event: packedEvent,
+                    eventType: event.type,
+                    timestamp: ts
+                }
+            });
+        }
+        catch (error) {
+            // Silent failure - library constraint
+        }
+    }
+    /**
+     * Handles live session event.
+     * @param event - Event.
+     * @param ts - Timestamp.
+     * @param sessionId - Session ID.
+     * @param sessionType - Session type.
+     */
+    _handleLiveSessionEvent(event, ts, sessionId, sessionType) {
+        if (!this.socketService)
+            return;
+        this._applyConsoleMasking(event);
+        const packedEvent = (0,_rrweb_packer__WEBPACK_IMPORTED_MODULE_0__.pack)(event);
+        this.stoppedAt = new Date(ts).toISOString();
+        this.socketService.send({
+            event: packedEvent,
+            eventType: event.type,
+            timestamp: ts,
+            debugSessionId: sessionId,
+            debugSessionType: sessionType
+        });
+    }
+    /**
+     * Builds record options.
+     */
+    _buildRecordOptions() {
+        var _a, _b, _c;
+        const maskingConfig = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.masking) || {};
         const options = {
-            maskAllInputs: (_a = maskingConfig.maskAllInputs) !== null && _a !== void 0 ? _a : true,
+            maskAllInputs: (_b = maskingConfig.maskAllInputs) !== null && _b !== void 0 ? _b : true,
             sampling: { canvas: 5 },
-            recordCanvas: this.config.recordCanvas,
+            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_2__.getRecordConsolePlugin)({ level: ['log', 'error'] }),
-            ],
+            plugins: [(0,_rrweb_rrweb_plugin_console_record__WEBPACK_IMPORTED_MODULE_3__.getRecordConsolePlugin)({ level: ['log', 'error'] })]
         };
-        // Add mask input options if provided
         if (maskingConfig.maskInputOptions) {
             options.maskInputOptions = maskingConfig.maskInputOptions;
         }
-        // Add mask text class if provided
         if (maskingConfig.maskTextClass) {
             options.maskTextClass = maskingConfig.maskTextClass;
         }
-        // Add mask text selector if provided
         if (maskingConfig.maskTextSelector) {
             options.maskTextSelector = maskingConfig.maskTextSelector;
         }
-        // Add custom masking functions if provided
         if (typeof maskingConfig.maskInput === 'function') {
             options.maskInputFn = maskingConfig.maskInput;
         }
         if (typeof maskingConfig.maskText === 'function') {
             options.maskTextFn = maskingConfig.maskText;
         }
-        this.stopFn = (0,rrweb__WEBPACK_IMPORTED_MODULE_5__.record)({
-            ...options,
-            emit: async (event) => {
-                if (this.socketService) {
-                    if (typeof maskingConfig.maskConsoleEvent === 'function' && (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isConsoleEvent)(event)) {
-                        const { data } = event;
-                        const maskedPayload = maskingConfig.maskConsoleEvent(data.payload);
-                        event.data = { ...data, payload: maskedPayload };
-                    }
-                    const packedEvent = (0,_rrweb_packer__WEBPACK_IMPORTED_MODULE_0__.pack)(event);
-                    this.stoppedAt = new Date(event.timestamp).toISOString();
-                    this.socketService.send({
-                        event: packedEvent,
-                        eventType: event.type,
-                        timestamp: event.timestamp,
-                        debugSessionId: sessionId,
-                        debugSessionType: sessionType,
-                    });
-                }
-            },
-        });
-        // It will sent full snapshot again but it will fix missing first snapshot issue
-        rrweb__WEBPACK_IMPORTED_MODULE_5__.record.takeFullSnapshot();
-        if (restartInterval > 0) {
-            this.restartInterval = setInterval(() => {
-                rrweb__WEBPACK_IMPORTED_MODULE_5__.record.takeFullSnapshot();
-            }, restartInterval);
-        }
-    }
-    /**
-     * Restarts the recording of events.
-     */
-    async restart(sessionId, sessionType) {
-        var _a;
-        (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.start(sessionId, sessionType);
+        return options;
     }
     /**
-     * Clears the restart timeout.
+     * Sets up periodic snapshots.
+     * @param sessionId - Session ID.
+     * @param sessionType - Session type.
      */
-    clearRestartInterval() {
-        if (this.restartInterval) {
-            clearInterval(this.restartInterval);
-            this.restartInterval = null;
+    _setupPeriodicSnapshots(sessionId, sessionType) {
+        var _a, _b;
+        this._clearAllIntervals();
+        if (sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__.SessionType.CONTINUOUS) {
+            this.intervals.restart = setInterval(() => {
+                this.takeFullSnapshot();
+            }, _config__WEBPACK_IMPORTED_MODULE_5__.CONTINUOUS_DEBUGGING_TIMEOUT);
         }
-    }
-    /**
-     * Stops the recording of events.
-     */
-    stop() {
-        var _a, _b, _c;
-        (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
-        if (!((_b = this.config) === null || _b === void 0 ? void 0 : _b.useWebsocket)) {
-            (_c = this.socketService) === null || _c === void 0 ? void 0 : _c.close();
+        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;
+            this.intervals.bufferSnapshot = setInterval(() => {
+                this.takeFullSnapshot();
+            }, interval);
         }
-        this.clearRestartInterval();
     }
 }
 
@@ -26814,7 +26979,7 @@ class ApiService {
         this.config = {
             apiKey: '',
             apiBaseUrl: '',
-            exporterEndpoint: '',
+            exporterEndpoint: ''
         };
     }
     /**
@@ -26824,7 +26989,7 @@ class ApiService {
     init(config) {
         this.config = {
             ...this.config,
-            ...config,
+            ...config
         };
     }
     /**
@@ -26842,6 +27007,14 @@ class ApiService {
     async startSession(request, signal) {
         return this.makeRequest('/debug-sessions/start', 'POST', request, signal);
     }
+    /**
+     * Create a new error span session
+     * @param request - Session create error span request data
+     * @param signal - Optional AbortSignal for request cancellation
+     */
+    async createErrorSession(request, signal) {
+        return this.makeRequest('/debug-sessions/error-span/start', 'POST', request, signal);
+    }
     /**
      * Stop an active debug session
      * @param sessionId - ID of the session to stop
@@ -26887,6 +27060,15 @@ class ApiService {
     async checkRemoteSession(requestBody, signal) {
         return this.makeRequest('/remote-debug-session/check', 'POST', requestBody, signal);
     }
+    updateSessionAttributes(sessionId, requestBody, signal) {
+        return this.makeRequest(`/debug-sessions/${sessionId}`, 'PATCH', requestBody, signal);
+    }
+    /**
+     * Export events to the session debugger API
+     */
+    async exportEvents(sessionId, requestBody, signal) {
+        return this.makeRequest(`/debug-sessions/${sessionId}/rrweb-events`, 'POST', requestBody, signal);
+    }
     /**
      * Make a request to the session debugger API
      * @param path - API endpoint path (relative to the base URL)
@@ -26901,14 +27083,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);
@@ -26925,19 +27107,593 @@ class ApiService {
             return this.handleRequestError(error, { url, params });
         }
     }
-    async handleRequestError(error, payload) {
-        if (this.config.usePostMessageFallback) {
-            try {
-                const response = await _messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessagePromise('request', payload);
-                return response;
-            }
-            catch (error) {
-                throw new Error('Error making request: ' + error.message);
-            }
-        }
-        else {
-            throw new Error('Error making request: ' + error.message);
-        }
+    async handleRequestError(error, payload) {
+        if (this.config.usePostMessageFallback) {
+            try {
+                const response = await _messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessagePromise('request', payload);
+                return response;
+            }
+            catch (error) {
+                throw new Error('Error making request: ' + error.message);
+            }
+        }
+        else {
+            throw new Error('Error making request: ' + error.message);
+        }
+    }
+}
+
+
+/***/ }),
+
+/***/ "./src/services/crashBuffer.service.ts":
+/*!*********************************************!*\
+  !*** ./src/services/crashBuffer.service.ts ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CrashBufferService: () => (/* binding */ CrashBufferService)
+/* harmony export */ });
+/* harmony import */ var _opentelemetry_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @opentelemetry/api */ "../../node_modules/@opentelemetry/api/build/esm/trace/status.js");
+
+class CrashBufferService {
+    constructor(db, tabId, windowMs) {
+        this.db = db;
+        this.tabId = tabId;
+        this.windowMs = windowMs;
+        this.lastPruneAt = 0;
+        this.pruneInFlight = null;
+        this.isActive = true;
+        this.frozenAtTs = null;
+        this.lastSeenEventTs = 0;
+        this.requiresFullSnapshot = true;
+        this.lastTouchAt = 0;
+        this.listeners = new Map();
+    }
+    async _safe(fn, fallback) {
+        try {
+            return await fn();
+        }
+        catch (_e) {
+            return fallback;
+        }
+    }
+    async setAttrs(attrs) {
+        await this._safe(async () => {
+            await this.db.setAttrs({
+                tabId: this.tabId,
+                ...attrs
+            });
+        }, undefined);
+    }
+    async appendEvent(payload, _windowMs) {
+        this.lastSeenEventTs = Math.max(this.lastSeenEventTs, payload.ts || 0);
+        if (!this.isActive)
+            return;
+        const isFullSnapshot = Boolean(payload.isFullSnapshot);
+        if (this.requiresFullSnapshot && !isFullSnapshot) {
+            // Buffer must always start with a full snapshot; drop incrementals until we see one.
+            return;
+        }
+        await this._safe(async () => {
+            await this.db.appendEvent({
+                tabId: this.tabId,
+                ts: payload.ts,
+                isFullSnapshot: payload.isFullSnapshot,
+                event: payload.event
+            });
+        }, undefined);
+        if (isFullSnapshot && this.requiresFullSnapshot) {
+            // Ensure this snapshot becomes the first replayable event.
+            // We keep the snapshot itself and prune everything older.
+            await this._safe(() => this.db.pruneOlderThan(this.tabId, Math.max(0, payload.ts - 1)), undefined);
+            this.requiresFullSnapshot = false;
+        }
+        else if (isFullSnapshot) {
+            this.requiresFullSnapshot = false;
+        }
+        this.pruneSoon();
+    }
+    async appendSpans(payload, _windowMs) {
+        for (const p of payload) {
+            this.lastSeenEventTs = Math.max(this.lastSeenEventTs, p.ts || 0);
+        }
+        if (!this.isActive)
+            return;
+        let errorEvent = null;
+        await this._safe(async () => {
+            const records = payload.map((p) => {
+                var _a, _b;
+                if (!errorEvent && ((_b = (_a = p === null || p === void 0 ? void 0 : p.span) === null || _a === void 0 ? void 0 : _a.status) === null || _b === void 0 ? void 0 : _b.code) === _opentelemetry_api__WEBPACK_IMPORTED_MODULE_0__.SpanStatusCode.ERROR) {
+                    errorEvent = { ts: p.ts, span: p.span };
+                }
+                return {
+                    tabId: this.tabId,
+                    ts: p.ts,
+                    span: p.span
+                };
+            });
+            await this.db.appendSpans(records);
+        }, undefined);
+        this.pruneSoon();
+        if (errorEvent) {
+            this._emit('error-span-appended', errorEvent);
+        }
+    }
+    on(event, listener) {
+        const set = this.listeners.get(event) || new Set();
+        set.add(listener);
+        this.listeners.set(event, set);
+        return () => this.off(event, listener);
+    }
+    off(event, listener) {
+        const set = this.listeners.get(event);
+        if (!set)
+            return;
+        set.delete(listener);
+        if (set.size === 0)
+            this.listeners.delete(event);
+    }
+    _emit(event, payload) {
+        const set = this.listeners.get(event);
+        if (!set || set.size === 0)
+            return;
+        for (const fn of Array.from(set)) {
+            try {
+                ;
+                fn(payload);
+            }
+            catch (_e) {
+                // never throw into app code
+            }
+        }
+    }
+    async snapshot(_windowMs, now = Date.now()) {
+        const toTs = now;
+        const fromTs = Math.max(0, toTs - 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 rrwebSorted = rrweb
+            .sort((a, b) => a.ts - b.ts)
+            .map((r) => ({ ts: r.ts, isFullSnapshot: r.isFullSnapshot, event: r.event }));
+        // Hard guarantee: snapshot payload starts with a FullSnapshot (or is empty).
+        const firstFullSnapshotIdx = rrwebSorted.findIndex((e) => Boolean(e.isFullSnapshot));
+        const rrwebEvents = firstFullSnapshotIdx >= 0 ? rrwebSorted.slice(firstFullSnapshotIdx) : [];
+        // Align spans with the rrweb replay start: spans must start from the FullSnapshot timestamp.
+        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)
+            .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
+        };
+    }
+    async clear() {
+        await this._safe(() => this.db.clearTab(this.tabId), undefined);
+        this.requiresFullSnapshot = true;
+    }
+    needsFullSnapshot() {
+        return this.requiresFullSnapshot;
+    }
+    /**
+     * Mark the tab as active/inactive.
+     *
+     * - When inactive, we freeze the buffer and keep the last active `windowMs` indefinitely.
+     * - When re-activated, we resume buffering but require a new FullSnapshot to start a replayable segment.
+     */
+    setActive(active) {
+        if (this.isActive === active)
+            return;
+        this.isActive = active;
+        if (!active) {
+            const freezeAt = this.lastSeenEventTs || Date.now();
+            this.frozenAtTs = freezeAt;
+            // Keep the last active window, but preserve rrweb replayability via snapshot anchor.
+            const cutoff = Math.max(0, freezeAt - this.windowMs);
+            void this._safe(() => this.db.pruneOlderThanWithRrwebSnapshotAnchor(this.tabId, cutoff), undefined);
+            return;
+        }
+        const wasFrozen = this.frozenAtTs !== null;
+        this.frozenAtTs = null;
+        // New active segment must start with a full snapshot (don’t stitch segments together).
+        if (wasFrozen)
+            this.requiresFullSnapshot = true;
+        this.pruneSoon();
+    }
+    pruneSoon() {
+        if (!this.isActive)
+            return;
+        const now = Date.now();
+        // Throttle pruning to avoid hammering IDB on high event rates
+        if (now - this.lastPruneAt < 2000)
+            return;
+        if (this.pruneInFlight)
+            return;
+        this.lastPruneAt = now;
+        const cutoff = Math.max(0, now - this.windowMs);
+        // Heartbeat so the stale-tab sweeper never deletes active tabs.
+        if (now - this.lastTouchAt > 30000) {
+            this.lastTouchAt = now;
+            void this._safe(() => this.db.touchTab(this.tabId, now), undefined);
+        }
+        this.pruneInFlight = this._safe(() => this.db.pruneOlderThanWithRrwebSnapshotAnchor(this.tabId, cutoff), undefined).finally(() => {
+            this.pruneInFlight = null;
+        });
+    }
+}
+
+
+/***/ }),
+
+/***/ "./src/services/indexedDb.service.ts":
+/*!*******************************************!*\
+  !*** ./src/services/indexedDb.service.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   IndexedDBService: () => (/* binding */ IndexedDBService)
+/* harmony export */ });
+const dbName = 'mpEventsDB';
+const dbVersion = 2;
+const legacyStoreName = 'mpEventsStore';
+const rrwebEventsStore = 'rrwebEvents';
+const otelSpansStore = 'otelSpans';
+const attrsStore = 'crashBufferAttrs';
+class IndexedDBService {
+    constructor() {
+        this.dbPromise = this.openDB();
+    }
+    openDB() {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.open(dbName, dbVersion);
+            request.onupgradeneeded = () => {
+                const db = request.result;
+                // Keep the legacy store if it exists to avoid breaking older versions.
+                if (!db.objectStoreNames.contains(legacyStoreName)) {
+                    db.createObjectStore(legacyStoreName, { keyPath: 'id', autoIncrement: true });
+                }
+                if (!db.objectStoreNames.contains(rrwebEventsStore)) {
+                    const store = db.createObjectStore(rrwebEventsStore, { keyPath: 'id', autoIncrement: true });
+                    store.createIndex('tabId_ts', ['tabId', 'ts'], { unique: false });
+                }
+                if (!db.objectStoreNames.contains(otelSpansStore)) {
+                    const store = db.createObjectStore(otelSpansStore, { keyPath: 'id', autoIncrement: true });
+                    store.createIndex('tabId_ts', ['tabId', 'ts'], { unique: false });
+                }
+                if (!db.objectStoreNames.contains(attrsStore)) {
+                    db.createObjectStore(attrsStore, { keyPath: 'tabId' });
+                }
+            };
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    /**
+     * @deprecated Prefer `appendEvent(tabId, ...)` and `getRrwebEventsWindow(...)`.
+     * This writes into the legacy store with no pruning semantics.
+     */
+    async saveEvent(event) {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(legacyStoreName, 'readwrite');
+            const store = tx.objectStore(legacyStoreName);
+            store.add({ event });
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    /**
+     * @deprecated Prefer `getRrwebEventsWindow(...)`.
+     */
+    async getAllEvents() {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(legacyStoreName, 'readonly');
+            const store = tx.objectStore(legacyStoreName);
+            const request = store.getAll();
+            request.onsuccess = () => {
+                const events = request.result.map((record) => record.event);
+                resolve(events);
+            };
+            request.onerror = () => reject(request.error);
+        });
+    }
+    /**
+     * @deprecated Prefer `clearTab(tabId)`.
+     */
+    async clearEvents() {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(legacyStoreName, 'readwrite');
+            const store = tx.objectStore(legacyStoreName);
+            store.clear();
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async setAttrs(attrs) {
+        var _a;
+        const db = await this.dbPromise;
+        const payload = {
+            ...attrs,
+            updatedAt: (_a = attrs.updatedAt) !== null && _a !== void 0 ? _a : Date.now()
+        };
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(attrsStore, 'readwrite');
+            tx.objectStore(attrsStore).put(payload);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async getAttrs(tabId) {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(attrsStore, 'readonly');
+            const request = tx.objectStore(attrsStore).get(tabId);
+            request.onsuccess = () => resolve(request.result || null);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async getAllAttrs() {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(attrsStore, 'readonly');
+            const request = tx.objectStore(attrsStore).getAll();
+            request.onsuccess = () => resolve(request.result || []);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    /**
+     * Updates `updatedAt` for the tab without clobbering existing attributes.
+     */
+    async touchTab(tabId, updatedAt = Date.now()) {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(attrsStore, 'readwrite');
+            const store = tx.objectStore(attrsStore);
+            const getReq = store.get(tabId);
+            getReq.onsuccess = () => {
+                const existing = (getReq.result || null);
+                const next = existing ? { ...existing, updatedAt } : { tabId, updatedAt };
+                store.put(next);
+            };
+            getReq.onerror = () => reject(getReq.error);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    /**
+     * Best-effort garbage collection for orphaned tabs.
+     * Deletes all data for tabs whose `attrs.updatedAt` is older than `maxAgeMs`.
+     */
+    async sweepStaleTabs(maxAgeMs, now = Date.now()) {
+        const attrs = await this.getAllAttrs().catch(() => []);
+        if (!attrs.length)
+            return 0;
+        const stale = attrs
+            .filter((a) => typeof (a === null || a === void 0 ? void 0 : a.updatedAt) === 'number' && now - a.updatedAt > maxAgeMs)
+            .map((a) => a.tabId);
+        let cleared = 0;
+        for (const tabId of stale) {
+            try {
+                await this.clearTab(tabId);
+                cleared += 1;
+            }
+            catch (_e) {
+                // best effort
+            }
+        }
+        return cleared;
+    }
+    async appendEvent(record) {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(rrwebEventsStore, 'readwrite');
+            tx.objectStore(rrwebEventsStore).add(record);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async appendSpans(records) {
+        if (!records.length)
+            return;
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(otelSpansStore, 'readwrite');
+            const store = tx.objectStore(otelSpansStore);
+            for (const record of records) {
+                store.add(record);
+            }
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async getRrwebEventsWindow(tabId, fromTs, toTs) {
+        const db = await this.dbPromise;
+        const range = IDBKeyRange.bound([tabId, fromTs], [tabId, toTs]);
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(rrwebEventsStore, 'readonly');
+            const idx = tx.objectStore(rrwebEventsStore).index('tabId_ts');
+            const req = idx.getAll(range);
+            req.onsuccess = () => resolve(req.result || []);
+            req.onerror = () => reject(req.error);
+        });
+    }
+    /**
+     * Returns the last (highest-ts) FullSnapshot record at/before `cutoffTs`.
+     * Used to keep a replayable anchor when pruning.
+     */
+    async getLastRrwebFullSnapshotBefore(tabId, cutoffTs) {
+        const db = await this.dbPromise;
+        const range = IDBKeyRange.bound([tabId, 0], [tabId, cutoffTs]);
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(rrwebEventsStore, 'readonly');
+            const idx = tx.objectStore(rrwebEventsStore).index('tabId_ts');
+            const req = idx.openCursor(range, 'prev');
+            req.onsuccess = () => {
+                const cursor = req.result;
+                if (!cursor) {
+                    resolve(null);
+                    return;
+                }
+                const value = cursor.value;
+                if (value === null || value === void 0 ? void 0 : value.isFullSnapshot) {
+                    resolve(value);
+                    return;
+                }
+                cursor.continue();
+            };
+            req.onerror = () => reject(req.error);
+        });
+    }
+    async getOtelSpansWindow(tabId, fromTs, toTs) {
+        const db = await this.dbPromise;
+        const range = IDBKeyRange.bound([tabId, fromTs], [tabId, toTs]);
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(otelSpansStore, 'readonly');
+            const idx = tx.objectStore(otelSpansStore).index('tabId_ts');
+            const req = idx.getAll(range);
+            req.onsuccess = () => resolve(req.result || []);
+            req.onerror = () => reject(req.error);
+        });
+    }
+    async pruneOlderThan(tabId, cutoffTs) {
+        const db = await this.dbPromise;
+        const rrwebRange = IDBKeyRange.bound([tabId, 0], [tabId, cutoffTs]);
+        const spansRange = IDBKeyRange.bound([tabId, 0], [tabId, cutoffTs]);
+        const pruneStore = (store, range) => new Promise((resolve, reject) => {
+            const idx = store.index('tabId_ts');
+            const req = idx.openCursor(range);
+            req.onsuccess = () => {
+                const cursor = req.result;
+                if (!cursor) {
+                    resolve();
+                    return;
+                }
+                cursor.delete();
+                cursor.continue();
+            };
+            req.onerror = () => reject(req.error);
+        });
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction([rrwebEventsStore, otelSpansStore], 'readwrite');
+            const rrwebStore = tx.objectStore(rrwebEventsStore);
+            const spanStore = tx.objectStore(otelSpansStore);
+            Promise.all([pruneStore(rrwebStore, rrwebRange), pruneStore(spanStore, spansRange)])
+                .then(() => {
+                // noop; completion is signaled by tx.oncomplete
+            })
+                .catch((e) => {
+                reject(e);
+            });
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    /**
+     * Prune older data while keeping rrweb replayability:
+     * - rrweb: keep the last FullSnapshot at/before cutoff as an "anchor"
+     * - spans: prune strictly by cutoff
+     */
+    async pruneOlderThanWithRrwebSnapshotAnchor(tabId, cutoffTs) {
+        const db = await this.dbPromise;
+        const anchor = await this.getLastRrwebFullSnapshotBefore(tabId, cutoffTs);
+        // rrweb: delete everything strictly older than the anchor snapshot (keep the anchor itself)
+        // spans: delete everything older than cutoffTs
+        const rrwebCutoffTs = typeof (anchor === null || anchor === void 0 ? void 0 : anchor.ts) === 'number' ? Math.max(0, anchor.ts - 1) : cutoffTs;
+        const rrwebRange = IDBKeyRange.bound([tabId, 0], [tabId, rrwebCutoffTs]);
+        const spansRange = IDBKeyRange.bound([tabId, 0], [tabId, cutoffTs]);
+        const pruneStore = (store, range) => new Promise((resolve, reject) => {
+            const idx = store.index('tabId_ts');
+            const req = idx.openCursor(range);
+            req.onsuccess = () => {
+                const cursor = req.result;
+                if (!cursor) {
+                    resolve();
+                    return;
+                }
+                cursor.delete();
+                cursor.continue();
+            };
+            req.onerror = () => reject(req.error);
+        });
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction([rrwebEventsStore, otelSpansStore], 'readwrite');
+            const rrwebStore = tx.objectStore(rrwebEventsStore);
+            const spanStore = tx.objectStore(otelSpansStore);
+            Promise.all([pruneStore(rrwebStore, rrwebRange), pruneStore(spanStore, spansRange)])
+                .then(() => {
+                // noop
+            })
+                .catch((e) => reject(e));
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async clearTab(tabId) {
+        const db = await this.dbPromise;
+        const allRange = IDBKeyRange.bound([tabId, 0], [tabId, Number.MAX_SAFE_INTEGER]);
+        const clearByTab = (store) => new Promise((resolve, reject) => {
+            const idx = store.index('tabId_ts');
+            const req = idx.openCursor(allRange);
+            req.onsuccess = () => {
+                const cursor = req.result;
+                if (!cursor) {
+                    resolve();
+                    return;
+                }
+                cursor.delete();
+                cursor.continue();
+            };
+            req.onerror = () => reject(req.error);
+        });
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction([rrwebEventsStore, otelSpansStore, attrsStore], 'readwrite');
+            const rrwebStore = tx.objectStore(rrwebEventsStore);
+            const spanStore = tx.objectStore(otelSpansStore);
+            const attr = tx.objectStore(attrsStore);
+            Promise.all([
+                clearByTab(rrwebStore),
+                clearByTab(spanStore),
+                new Promise((res, rej) => {
+                    const r = attr.delete(tabId);
+                    r.onsuccess = () => res();
+                    r.onerror = () => rej(r.error);
+                })
+            ])
+                .then(() => {
+                // noop
+            })
+                .catch((e) => reject(e));
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
     }
 }
 
@@ -27064,15 +27820,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SocketService: () => (/* binding */ SocketService)
 /* harmony export */ });
 /* harmony import */ var socket_io_client__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! socket.io-client */ "../../node_modules/socket.io-client/build/esm/index.js");
-/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
+/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
 /* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../services/messaging.service */ "./src/services/messaging.service.ts");
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config */ "./src/config/index.ts");
+/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
+
 
 
 
 
 const MAX_RECONNECTION_ATTEMPTS = 2;
-class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_3__.Observable {
+class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observable {
     constructor() {
         super();
         this.socket = null;
@@ -27139,6 +27897,9 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_3__.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 }
+                    : {},
             },
             reconnectionAttempts: 2,
             transports: ['websocket'],
@@ -27170,6 +27931,9 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_3__.Observa
         this.socket.on(_config__WEBPACK_IMPORTED_MODULE_2__.REMOTE_SESSION_RECORDING_STOP, (data) => {
             this.emit(_config__WEBPACK_IMPORTED_MODULE_2__.REMOTE_SESSION_RECORDING_STOP, [data]);
         });
+        this.socket.on(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_SAVE_BUFFER_EVENT, (data) => {
+            this.emit(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_SAVE_BUFFER_EVENT, [data]);
+        });
     }
     checkReconnectionAttempts() {
         if (this.attempts >= MAX_RECONNECTION_ATTEMPTS) {
@@ -27271,21 +28035,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   SessionRecorder: () => (/* binding */ SessionRecorder)
 /* harmony export */ });
-/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
+/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.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 _otel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./otel */ "./src/otel/index.ts");
 /* harmony import */ var _rrweb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./rrweb */ "./src/rrweb/index.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./types */ "./src/types/index.ts");
-/* harmony import */ var _services_socket_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./services/socket.service */ "./src/services/socket.service.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./config */ "./src/config/index.ts");
-/* harmony import */ var _patch__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./patch */ "./src/patch/index.ts");
-/* harmony import */ var _eventBus__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./eventBus */ "./src/eventBus.ts");
-/* harmony import */ var _sessionWidget__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./sessionWidget */ "./src/sessionWidget/index.ts");
-/* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./services/messaging.service */ "./src/services/messaging.service.ts");
-/* harmony import */ var _services_api_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./services/api.service */ "./src/services/api.service.ts");
-/* harmony import */ var _sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./sessionWidget/buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
-/* harmony import */ var _navigation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./navigation */ "./src/navigation/index.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./config */ "./src/config/index.ts");
+/* harmony import */ var _patch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./patch */ "./src/patch/index.ts");
+/* harmony import */ var _eventBus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./eventBus */ "./src/eventBus.ts");
+/* harmony import */ var _sessionWidget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sessionWidget */ "./src/sessionWidget/index.ts");
+/* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./services/messaging.service */ "./src/services/messaging.service.ts");
+/* harmony import */ var _services_api_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./services/api.service */ "./src/services/api.service.ts");
+/* harmony import */ var _services_socket_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./services/socket.service */ "./src/services/socket.service.ts");
+/* harmony import */ var _services_indexedDb_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./services/indexedDb.service */ "./src/services/indexedDb.service.ts");
+/* harmony import */ var _services_crashBuffer_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./services/crashBuffer.service */ "./src/services/crashBuffer.service.ts");
+/* harmony import */ var _sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./sessionWidget/buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
+/* harmony import */ var _navigation__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./navigation */ "./src/navigation/index.ts");
+
+
 
 
 
@@ -27301,7 +28069,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Observable {
+class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Observable {
     get navigation() {
         return this._navigationRecorder.api;
     }
@@ -27313,7 +28081,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     }
     set sessionId(sessionId) {
         this._sessionId = sessionId;
-        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME, sessionId);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_ID_PROP_NAME, sessionId);
     }
     get sessionType() {
         return this._sessionType;
@@ -27322,8 +28090,8 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._sessionType = sessionType;
         const continuousRecording = sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS;
         this._sessionWidget.updateContinuousRecordingState(continuousRecording);
-        _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('continuous-debugging', continuousRecording);
-        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME, sessionType);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('continuous-debugging', continuousRecording);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_TYPE_PROP_NAME, sessionType);
     }
     get continuousRecording() {
         return this.sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS;
@@ -27334,8 +28102,8 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     set sessionState(state) {
         this._sessionState = state;
         this._sessionWidget.updateState(this._sessionState, this.continuousRecording);
-        _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this._sessionState);
-        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME, state);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('state-change', this._sessionState);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STATE_PROP_NAME, state);
         // Emit observable event to support React wrapper
         this.emit('state-change', [this._sessionState || _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped, this.sessionType]);
     }
@@ -27344,7 +28112,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     }
     set session(session) {
         this._session = session;
-        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, this._session);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_PROP_NAME, this._session);
     }
     get sessionAttributes() {
         return this._sessionAttributes || {};
@@ -27382,15 +28150,20 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     constructor() {
         var _a;
         super();
-        this._apiService = new _services_api_service__WEBPACK_IMPORTED_MODULE_11__.ApiService();
-        this._socketService = new _services_socket_service__WEBPACK_IMPORTED_MODULE_5__.SocketService();
+        this._apiService = new _services_api_service__WEBPACK_IMPORTED_MODULE_10__.ApiService();
+        this._socketService = new _services_socket_service__WEBPACK_IMPORTED_MODULE_11__.SocketService();
         this._tracer = new _otel__WEBPACK_IMPORTED_MODULE_1__.TracerBrowserSDK();
         this._recorder = new _rrweb__WEBPACK_IMPORTED_MODULE_2__.RecorderBrowserSDK();
-        this._sessionWidget = new _sessionWidget__WEBPACK_IMPORTED_MODULE_9__.SessionWidget();
-        this._navigationRecorder = new _navigation__WEBPACK_IMPORTED_MODULE_13__.NavigationRecorder();
+        this._sessionWidget = new _sessionWidget__WEBPACK_IMPORTED_MODULE_8__.SessionWidget();
+        this._navigationRecorder = new _navigation__WEBPACK_IMPORTED_MODULE_15__.NavigationRecorder();
         this._startRequestController = null;
+        this._tabId = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getOrCreateTabId)();
+        this._bufferDb = new _services_indexedDb_service__WEBPACK_IMPORTED_MODULE_12__.IndexedDBService();
+        this._crashBuffer = null;
+        this._isFlushingBuffer = false;
+        this._bufferLifecycleHandlersRegistered = false;
         this._isInitialized = false;
-        // Session ID and state are stored in localStorage
+        // Session ID and state are stored in sessionStorage (with fallback) to avoid multi-tab conflicts
         this._sessionId = null;
         this._sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
         this._sessionState = null;
@@ -27403,10 +28176,10 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._error = '';
         // Safety: avoid accessing storage in SSR/non-browser environments
         const isBrowser = typeof window !== 'undefined';
-        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true) : null;
-        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME) : null;
-        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME) : null;
-        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME) : null;
+        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_PROP_NAME, true) : null;
+        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_ID_PROP_NAME) : null;
+        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STATE_PROP_NAME) : null;
+        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_TYPE_PROP_NAME) : null;
         if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__.isSessionActive)(sessionLocal, sessionTypeLocal)) {
             this.session = sessionLocal;
             this.sessionId = sessionIdLocal;
@@ -27420,8 +28193,8 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
         }
         this._configs = {
-            ..._config__WEBPACK_IMPORTED_MODULE_6__.BASE_CONFIG,
-            apiKey: ((_a = this.session) === null || _a === void 0 ? void 0 : _a.tempApiKey) || '',
+            ..._config__WEBPACK_IMPORTED_MODULE_5__.BASE_CONFIG,
+            apiKey: ((_a = this.session) === null || _a === void 0 ? void 0 : _a.tempApiKey) || ''
         };
     }
     /**
@@ -27432,40 +28205,118 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         if (typeof window === 'undefined') {
             return;
         }
-        this._configs = (0,_config__WEBPACK_IMPORTED_MODULE_6__.getSessionRecorderConfig)({ ...this._configs, ...configs });
+        this._configs = (0,_config__WEBPACK_IMPORTED_MODULE_5__.getSessionRecorderConfig)({ ...this._configs, ...configs });
         this._isInitialized = true;
         this._checkOperation('init');
-        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize || _config__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
-        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setShouldRecordHttpData)(this._configs.captureBody, this._configs.captureHeaders);
+        // 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);
+        (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();
         this._tracer.init(this._configs);
         this._apiService.init(this._configs);
         this._sessionWidget.init(this._configs);
         this._socketService.init({
             apiKey: this._configs.apiKey,
+            clientId: this._tracer.clientId,
             socketUrl: this._configs.apiBaseUrl || '',
             keepAlive: Boolean(this._configs.useWebsocket),
-            usePostMessageFallback: Boolean(this._configs.usePostMessageFallback),
+            usePostMessageFallback: Boolean(this._configs.usePostMessageFallback)
         });
         this._navigationRecorder.init({
             version: this._configs.version,
             application: this._configs.application,
             environment: this._configs.environment,
-            enabled: this._configs.recordNavigation,
+            enabled: this._configs.recordNavigation
         });
         if (this._configs.apiKey) {
             this._recorder.init(this._configs, this._socketService);
         }
-        if (this.sessionId
-            && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started
-                || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused)) {
+        if (this.sessionId && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused)) {
             this._start();
         }
+        else {
+            // Buffer-only recording when there is no active debug session.
+            this._startBufferOnlyRecording();
+        }
         this._registerWidgetEvents();
         this._registerSocketServiceListeners();
-        _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this.sessionState);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('state-change', this.sessionState);
         // Emit init observable event
         this.emit('init', [this]);
     }
+    _setupCrashBuffer() {
+        var _a;
+        if ((_a = this._configs.buffering) === null || _a === void 0 ? void 0 : _a.enabled) {
+            const windowMinutes = this._configs.buffering.windowMinutes || 1;
+            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;
+                this._createExceptionSession(payload.span);
+            });
+            this._registerCrashBufferLifecycleHandlers();
+        }
+    }
+    _registerCrashBufferLifecycleHandlers() {
+        if (this._bufferLifecycleHandlersRegistered)
+            return;
+        if (typeof window === 'undefined')
+            return;
+        if (typeof document === 'undefined')
+            return;
+        if (!this._crashBuffer)
+            return;
+        this._bufferLifecycleHandlersRegistered = true;
+        const update = () => this._updateCrashBufferActiveState();
+        window.addEventListener('focus', update, { passive: true });
+        window.addEventListener('blur', update, { passive: true });
+        document.addEventListener('visibilitychange', update, { passive: true });
+        // Set initial state.
+        update();
+    }
+    _updateCrashBufferActiveState() {
+        if (!this._crashBuffer)
+            return;
+        if (typeof document === 'undefined')
+            return;
+        let hasFocus = true;
+        try {
+            hasFocus = typeof document.hasFocus === 'function' ? document.hasFocus() : true;
+        }
+        catch (_e) {
+            hasFocus = true;
+        }
+        const isVisible = document.visibilityState === 'visible' && !document.hidden;
+        const active = isVisible && hasFocus;
+        this._crashBuffer.setActive(active);
+        if (active && this._crashBuffer.needsFullSnapshot()) {
+            // If the buffer was cleared while inactive, the next stored rrweb event must be a FullSnapshot.
+            this._recorder.takeFullSnapshot();
+        }
+    }
+    _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)
+            return;
+        void this._recorder.restart(null, _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL);
+    }
     /**
      * Save the continuous recording session
      */
@@ -27475,31 +28326,32 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             if (!this.continuousRecording || !this._configs.showContinuousRecording) {
                 return;
             }
-            this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__.ContinuousRecordingSaveButtonState.SAVING);
+            this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_14__.ContinuousRecordingSaveButtonState.SAVING);
             const res = await this._apiService.saveContinuousDebugSession(this.sessionId, {
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
                 stoppedAt: this._recorder.stoppedAt,
                 name: this._getSessionName()
             });
-            this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__.ContinuousRecordingSaveButtonState.SAVED);
+            this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_14__.ContinuousRecordingSaveButtonState.SAVED);
             const sessionUrl = res === null || res === void 0 ? void 0 : res.url;
             this._sessionWidget.showToast({
                 type: 'success',
                 message: 'Your session was saved',
                 button: {
-                    text: 'Open session', url: sessionUrl,
-                },
+                    text: 'Open session',
+                    url: sessionUrl
+                }
             }, 5000);
             return res;
         }
         catch (error) {
             this.error = error.message;
-            this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__.ContinuousRecordingSaveButtonState.ERROR);
+            this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_14__.ContinuousRecordingSaveButtonState.ERROR);
         }
         finally {
             setTimeout(() => {
-                this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__.ContinuousRecordingSaveButtonState.IDLE);
+                this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_14__.ContinuousRecordingSaveButtonState.IDLE);
             }, 3000);
         }
     }
@@ -27538,10 +28390,10 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             else {
                 const request = {
                     sessionAttributes: { comment },
-                    stoppedAt: this._recorder.stoppedAt,
+                    stoppedAt: this._recorder.stoppedAt
                 };
                 const response = await this._apiService.stopSession(this.sessionId, request);
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_RESPONSE, response);
+                _eventBus__WEBPACK_IMPORTED_MODULE_7__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_RESPONSE, response);
             }
             this._clearSession();
         }
@@ -27596,7 +28448,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     /**
      * Set the session attributes
      * @param attributes - the attributes to set
-    */
+     */
     setSessionAttributes(attributes) {
         this._sessionAttributes = attributes;
     }
@@ -27634,6 +28486,51 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this.error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to capture exception';
         }
     }
+    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)
+            return null;
+        this._isFlushingBuffer = true;
+        try {
+            // await this._crashBuffer.setAttrs({
+            //   sessionAttributes: this.sessionAttributes,
+            //   resourceAttributes: getNavigatorInfo(),
+            //   userAttributes: this._userAttributes
+            // })
+            const snapshot = await this._crashBuffer.snapshot();
+            if (snapshot.rrwebEvents.length === 0 && snapshot.otelSpans.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(),
+                        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
+        }
+        finally {
+            await this._crashBuffer.clear();
+            this._isFlushingBuffer = false;
+        }
+    }
     /**
      * @description Check if session should be started/stopped automatically
      * @param {ISession} [sessionPayload]
@@ -27647,11 +28544,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         const payload = {
             sessionAttributes: {
                 ...this.sessionAttributes,
-                ...((sessionPayload === null || sessionPayload === void 0 ? void 0 : sessionPayload.sessionAttributes) || {}),
+                ...((sessionPayload === null || sessionPayload === void 0 ? void 0 : sessionPayload.sessionAttributes) || {})
             },
             resourceAttributes: {
                 ...(0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
-                ...((sessionPayload === null || sessionPayload === void 0 ? void 0 : sessionPayload.resourceAttributes) || {}),
+                ...((sessionPayload === null || sessionPayload === void 0 ? void 0 : sessionPayload.resourceAttributes) || {})
             },
             userAttributes: this._userAttributes
         };
@@ -27765,12 +28662,12 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Register socket service event listeners
      */
     _registerSocketServiceListeners() {
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STOPPED_EVENT, () => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STOPPED_EVENT, () => {
             this._stop();
             this._clearSession();
             this._sessionWidget.handleUIReseting();
         });
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (payload) => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_AUTO_CREATED, (payload) => {
             var _a;
             if (!(payload === null || payload === void 0 ? void 0 : payload.data))
                 return;
@@ -27779,22 +28676,37 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 message: 'Your session was auto-saved due to an error',
                 button: {
                     text: 'Open session',
-                    url: (_a = payload === null || payload === void 0 ? void 0 : payload.data) === null || _a === void 0 ? void 0 : _a.url,
-                },
+                    url: (_a = payload === null || payload === void 0 ? void 0 : payload.data) === null || _a === void 0 ? void 0 : _a.url
+                }
             }, 5000);
         });
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.REMOTE_SESSION_RECORDING_START, (payload) => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.REMOTE_SESSION_RECORDING_START, (payload) => {
             console.log('REMOTE_SESSION_RECORDING_START', payload);
             if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                 this.start();
             }
         });
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.REMOTE_SESSION_RECORDING_STOP, (payload) => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.REMOTE_SESSION_RECORDING_STOP, (payload) => {
             console.log('REMOTE_SESSION_RECORDING_STOP', payload);
             if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                 this.stop();
             }
         });
+        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);
+        });
+    }
+    async _createExceptionSession(span) {
+        try {
+            const session = await this._apiService.createErrorSession({ span });
+            if (session) {
+                void this._flushBuffer(session._id);
+            }
+        }
+        catch (_ignored) { }
     }
     /**
      * Create a new session and start it
@@ -27807,17 +28719,14 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
                 name: this._getSessionName(),
-                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
+                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {})
             };
-            const request = !this.continuousRecording ?
-                payload : { debugSessionData: payload };
+            const request = !this.continuousRecording ? payload : { debugSessionData: payload };
             const session = this.continuousRecording
                 ? await this._apiService.startContinuousDebugSession(request, signal)
                 : await this._apiService.startSession(request, signal);
             if (session) {
-                session.sessionType = this.continuousRecording
-                    ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS
-                    : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
+                session.sessionType = this.continuousRecording ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
                 this._setupSessionAndStart(session, false);
             }
         }
@@ -27837,10 +28746,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started;
         this.sessionType = this.sessionType;
         this._tracer.start(this.sessionId, this.sessionType);
-        this._recorder.start(this.sessionId, this.sessionType);
-        this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType, });
+        // Ensure we switch from buffer-only recording to session recording cleanly.
+        void this._recorder.restart(this.sessionId, this.sessionType);
+        this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType });
         if (this.session) {
-            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STARTED_EVENT, this.session);
+            _eventBus__WEBPACK_IMPORTED_MODULE_7__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STARTED_EVENT, this.session);
             this._socketService.subscribeToSession(this.session);
             this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
         }
@@ -27854,6 +28764,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._tracer.stop();
         this._recorder.stop();
         this._navigationRecorder.stop();
+        this._startBufferOnlyRecording();
     }
     /**
      * Pause the session tracing and recording
@@ -27869,7 +28780,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      */
     _resume() {
         this._tracer.start(this.sessionId, this.sessionType);
-        this._recorder.start(this.sessionId, this.sessionType);
+        void this._recorder.restart(this.sessionId, this.sessionType);
         this._navigationRecorder.resume();
         this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started;
     }
@@ -27885,7 +28796,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._start();
     }
     /**
-     * Set the session ID in localStorage
+     * Set the session ID in sessionStorage (with fallback)
      * @param sessionId - the session ID to set or clear
      */
     _setSession(session) {
@@ -29580,6 +30491,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   formatTimeForSessionTimer: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_2__.formatTimeForSessionTimer),
 /* harmony export */   getFormattedDate: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_2__.getFormattedDate),
 /* harmony export */   getNavigatorInfo: () => (/* reexport safe */ _navigator__WEBPACK_IMPORTED_MODULE_0__.getNavigatorInfo),
+/* harmony export */   getOrCreateTabId: () => (/* reexport safe */ _tabId__WEBPACK_IMPORTED_MODULE_8__.getOrCreateTabId),
 /* harmony export */   getStoredItem: () => (/* reexport safe */ _storage__WEBPACK_IMPORTED_MODULE_1__.getStoredItem),
 /* harmony export */   getTimeDifferenceInSeconds: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_2__.getTimeDifferenceInSeconds),
 /* harmony export */   hasOwnProperty: () => (/* reexport safe */ _type_utils__WEBPACK_IMPORTED_MODULE_6__.hasOwnProperty),
@@ -29621,6 +30533,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _array__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./array */ "./src/utils/array.ts");
 /* harmony import */ var _type_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./type-utils */ "./src/utils/type-utils.ts");
 /* harmony import */ var _globals__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./globals */ "./src/utils/globals.ts");
+/* harmony import */ var _tabId__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tabId */ "./src/utils/tabId.ts");
 // Export all utility functions
 
 
@@ -29632,6 +30545,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/utils/navigator.ts":
@@ -29873,32 +30787,90 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   setStoredItem: () => (/* binding */ setStoredItem)
 /* harmony export */ });
 /**
- * LocalStorage utility functions
+ * Storage utility functions.
+ *
+ * Session state must be isolated per-tab to avoid conflicts across multiple tabs.
+ * We therefore prefer `sessionStorage` and fall back to `localStorage` if needed.
  */
-const hasLocalStorage = typeof window !== 'undefined' && !!window.localStorage;
-const getStoredItem = (key, parse) => {
-    if (!hasLocalStorage) {
-        return parse ? null : null;
+const hasWindow = typeof window !== 'undefined';
+const getStorage = () => {
+    if (!hasWindow)
+        return null;
+    try {
+        if (window.sessionStorage)
+            return window.sessionStorage;
+    }
+    catch (_e) {
+        // sessionStorage can throw (e.g. blocked in some environments)
+    }
+    try {
+        if (window.localStorage)
+            return window.localStorage;
     }
-    const item = window.localStorage.getItem(key);
+    catch (_e) {
+        // localStorage can throw (e.g. blocked in some environments)
+    }
+    return null;
+};
+const getStoredItem = (key, parse) => {
+    const storage = getStorage();
+    if (!storage)
+        return null;
+    const item = storage.getItem(key);
     return parse ? (item ? JSON.parse(item) : null) : item;
 };
 const setStoredItem = (key, value) => {
-    if (!hasLocalStorage) {
+    const storage = getStorage();
+    if (!storage)
         return;
-    }
     if (value === null || value === undefined) {
-        window.localStorage.removeItem(key);
+        storage.removeItem(key);
     }
     else {
-        window.localStorage.setItem(key, typeof value === 'string' ? value : JSON.stringify(value));
+        storage.setItem(key, typeof value === 'string' ? value : JSON.stringify(value));
     }
 };
 const removeStoredItem = (key) => {
-    if (!hasLocalStorage) {
+    const storage = getStorage();
+    if (!storage)
         return;
+    storage.removeItem(key);
+};
+
+
+/***/ }),
+
+/***/ "./src/utils/tabId.ts":
+/*!****************************!*\
+  !*** ./src/utils/tabId.ts ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getOrCreateTabId: () => (/* binding */ getOrCreateTabId)
+/* harmony export */ });
+const TAB_ID_KEY = 'multiplayer-tab-id';
+const randomId = () => {
+    // Avoid crypto dependency for older browsers; good enough for per-tab isolation
+    return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+};
+const getOrCreateTabId = () => {
+    if (typeof window === 'undefined')
+        return 'ssr';
+    try {
+        const existing = window.sessionStorage.getItem(TAB_ID_KEY);
+        if (existing)
+            return existing;
+        const id = randomId();
+        window.sessionStorage.setItem(TAB_ID_KEY, id);
+        return id;
+    }
+    catch (_e) {
+        // If sessionStorage is blocked, fall back to a runtime-only id.
+        return randomId();
     }
-    window.localStorage.removeItem(key);
 };
 
 
@@ -30058,42 +31030,48 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SessionRecorderIdGenerator: () => (/* binding */ SessionRecorderIdGenerator)
 /* harmony export */ });
 /* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./type */ "../session-recorder-common/dist/esm/type/index.js");
-/* harmony import */ var _constants_constants_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants/constants.base */ "../session-recorder-common/dist/esm/constants/constants.base.js");
-/* harmony import */ var _sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sdk */ "../session-recorder-common/dist/esm/sdk/index.js");
+/* harmony import */ var _sdk__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sdk */ "../session-recorder-common/dist/esm/sdk/index.js");
+/* harmony import */ var _constants_constants_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants/constants.base */ "../session-recorder-common/dist/esm/constants/constants.base.js");
 
 
 
 var SessionRecorderIdGenerator = /** @class */ (function () {
     function SessionRecorderIdGenerator() {
-        this.generateLongId = (0,_sdk__WEBPACK_IMPORTED_MODULE_2__.getIdGenerator)(16);
-        this.generateShortId = (0,_sdk__WEBPACK_IMPORTED_MODULE_2__.getIdGenerator)(8);
+        this.generateLongId = (0,_sdk__WEBPACK_IMPORTED_MODULE_1__.getIdGenerator)(16);
+        this.generateShortId = (0,_sdk__WEBPACK_IMPORTED_MODULE_1__.getIdGenerator)(8);
         this.sessionShortId = '';
+        this.clientId = '';
         this.sessionType = _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
     }
     SessionRecorderIdGenerator.prototype.generateTraceId = function () {
         var traceId = this.generateLongId();
-        if (this.sessionShortId) {
-            var sessionTypePrefix = '';
-            switch (this.sessionType) {
-                case _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS:
-                    sessionTypePrefix = _constants_constants_base__WEBPACK_IMPORTED_MODULE_1__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX;
-                    break;
-                default:
-                    sessionTypePrefix = _constants_constants_base__WEBPACK_IMPORTED_MODULE_1__.MULTIPLAYER_TRACE_DEBUG_PREFIX;
-            }
-            var prefix = "".concat(sessionTypePrefix).concat(this.sessionShortId);
-            var sessionTraceId = "".concat(prefix).concat(traceId.substring(prefix.length, traceId.length));
-            return sessionTraceId;
+        if (!this.sessionShortId && !this.sessionType) {
+            return traceId;
         }
-        return traceId;
+        var sessionTypePrefix = _constants_constants_base__WEBPACK_IMPORTED_MODULE_2__.MULTIPLAYER_TRACE_PREFIX_MAP[this.sessionType];
+        var prefix = "".concat(sessionTypePrefix).concat([_type__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS_SESSION_CACHE, _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.SESSION_CACHE].includes(this.sessionType) ? this.clientId : '').concat(this.sessionShortId);
+        var sessionTraceId = "".concat(prefix).concat(traceId.substring(prefix.length, traceId.length));
+        return sessionTraceId;
     };
     SessionRecorderIdGenerator.prototype.generateSpanId = function () {
         return this.generateShortId();
     };
-    SessionRecorderIdGenerator.prototype.setSessionId = function (sessionShortId, sessionType) {
+    SessionRecorderIdGenerator.prototype.setSessionId = function (sessionShortId, sessionType, clientId) {
         if (sessionType === void 0) { sessionType = _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL; }
+        if (clientId === void 0) { clientId = ''; }
+        if (!clientId &&
+            [
+                _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.SESSION_CACHE,
+                _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS_SESSION_CACHE,
+            ].includes(sessionType)) {
+            throw new Error("Client ID is required for ".concat([
+                _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.SESSION_CACHE,
+                _type__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS_SESSION_CACHE,
+            ].join(', '), " session types"));
+        }
         this.sessionShortId = sessionShortId;
         this.sessionType = sessionType;
+        this.clientId = clientId;
     };
     return SessionRecorderIdGenerator;
 }());
@@ -30128,7 +31106,10 @@ var SessionRecorderTraceIdRatioBasedSampler = /** @class */ (function () {
     }
     SessionRecorderTraceIdRatioBasedSampler.prototype.shouldSample = function (context, traceId) {
         if (traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_PREFIX)
-            || traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX)) {
+            || traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX)
+        // || traceId.startsWith(MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX)
+        // || traceId.startsWith(MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX)
+        ) {
             return {
                 decision: _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_1__.SamplingDecision.RECORD_AND_SAMPLED,
             };
@@ -30198,6 +31179,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE: () => (/* binding */ ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING: () => (/* binding */ ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE: () => (/* binding */ ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE),
+/* harmony export */   ATTR_MULTIPLAYER_SESSION_CLIENT_ID: () => (/* binding */ ATTR_MULTIPLAYER_SESSION_CLIENT_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_ID: () => (/* binding */ ATTR_MULTIPLAYER_SESSION_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION: () => (/* binding */ ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION),
 /* harmony export */   ATTR_MULTIPLAYER_USER_HASH: () => (/* binding */ ATTR_MULTIPLAYER_USER_HASH),
@@ -30211,18 +31193,34 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL: () => (/* binding */ MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL: () => (/* binding */ MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL: () => (/* binding */ MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL),
+/* harmony export */   MULTIPLAYER_TRACE_CLIENT_ID_LENGTH: () => (/* binding */ MULTIPLAYER_TRACE_CLIENT_ID_LENGTH),
 /* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_DEBUG_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH: () => (/* binding */ MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH),
-/* harmony export */   MULTIPLAYER_TRACE_DOC_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_DOC_PREFIX)
+/* harmony export */   MULTIPLAYER_TRACE_DOC_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_DOC_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_PREFIX_MAP: () => (/* binding */ MULTIPLAYER_TRACE_PREFIX_MAP),
+/* harmony export */   MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX)
 /* harmony export */ });
+/* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../type */ "../session-recorder-common/dist/esm/type/index.js");
+var _a;
+
 /**
  * @deprecated
  */
 var MULTIPLAYER_TRACE_DOC_PREFIX = 'd0cd0c';
 var MULTIPLAYER_TRACE_DEBUG_PREFIX = 'debdeb';
 var MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX = 'cdbcdb';
-var MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH = 16;
+var MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX = 'cdbcac';
+var MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX = 'debcdb';
+var MULTIPLAYER_TRACE_PREFIX_MAP = (_a = {},
+    _a[_type__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS] = MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX,
+    _a[_type__WEBPACK_IMPORTED_MODULE_0__.SessionType.SESSION_CACHE] = MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX,
+    _a[_type__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS_SESSION_CACHE] = MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX,
+    _a[_type__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL] = MULTIPLAYER_TRACE_DEBUG_PREFIX,
+    _a);
+var MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH = 8;
+var MULTIPLAYER_TRACE_CLIENT_ID_LENGTH = 8;
 /**
  * @deprecated Use MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL instead
  */
@@ -30246,6 +31244,7 @@ var ATTR_MULTIPLAYER_PLATFORM_NAME = 'multiplayer.platform.name';
 var ATTR_MULTIPLAYER_CLIENT_ID = 'multiplayer.client.id';
 var ATTR_MULTIPLAYER_INTEGRATION_ID = 'multiplayer.integration.id';
 var ATTR_MULTIPLAYER_SESSION_ID = 'multiplayer.session.id';
+var ATTR_MULTIPLAYER_SESSION_CLIENT_ID = 'multiplayer.session.client.id';
 var ATTR_MULTIPLAYER_HTTP_PROXY = 'multiplayer.http.proxy';
 var ATTR_MULTIPLAYER_HTTP_PROXY_TYPE = 'multiplayer.http.proxy.type';
 var ATTR_MULTIPLAYER_HTTP_REQUEST_BODY = 'multiplayer.http.request.body';
@@ -30305,6 +31304,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE),
+/* harmony export */   ATTR_MULTIPLAYER_SESSION_CLIENT_ID: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_CLIENT_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_ID: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION),
 /* harmony export */   ATTR_MULTIPLAYER_USER_HASH: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_USER_HASH),
@@ -30318,10 +31318,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL),
+/* harmony export */   MULTIPLAYER_TRACE_CLIENT_ID_LENGTH: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CLIENT_ID_LENGTH),
 /* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH),
-/* harmony export */   MULTIPLAYER_TRACE_DOC_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DOC_PREFIX)
+/* harmony export */   MULTIPLAYER_TRACE_DOC_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DOC_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_PREFIX_MAP: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_PREFIX_MAP),
+/* harmony export */   MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX)
 /* harmony export */ });
 /* harmony import */ var _constants_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants.base */ "../session-recorder-common/dist/esm/constants/constants.base.js");
 
@@ -30365,7 +31369,7 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
         if (config === void 0) { config = {}; }
         this.usePostMessage = false;
         var _a = config.url, url = _a === void 0 ? _constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL : _a, apiKey = config.apiKey, _b = config.headers, headers = _b === void 0 ? {} : _b, _c = config.timeoutMillis, timeoutMillis = _c === void 0 ? 30000 : _c, _d = config.keepAlive, keepAlive = _d === void 0 ? true : _d, _e = config.concurrencyLimit, concurrencyLimit = _e === void 0 ? 20 : _e, _f = config.postMessageType, postMessageType = _f === void 0 ? 'MULTIPLAYER_SESSION_DEBUGGER_LIB' : _f, _g = config.postMessageTargetOrigin, postMessageTargetOrigin = _g === void 0 ? '*' : _g;
-        this.config = __assign(__assign({}, config), { url: url, apiKey: apiKey, headers: headers, timeoutMillis: timeoutMillis, keepAlive: keepAlive, concurrencyLimit: concurrencyLimit });
+        this.config = __assign(__assign({}, config), { url: url, apiKey: apiKey, headers: headers, keepAlive: keepAlive, timeoutMillis: timeoutMillis, concurrencyLimit: concurrencyLimit });
         this.postMessageType = postMessageType;
         this.postMessageTargetOrigin = postMessageTargetOrigin;
         this.exporter = this._createExporter();
@@ -30375,8 +31379,8 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
         // Filter spans to only include those with Multiplayer trace prefixes
         var filteredSpans = spans.filter(function (span) {
             var traceId = span.spanContext().traceId;
-            return traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_PREFIX) ||
-                traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX);
+            return (traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_PREFIX) ||
+                traceId.startsWith(_constants_constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX));
         });
         // Only proceed if there are filtered spans
         if (filteredSpans.length === 0) {
@@ -30403,6 +31407,14 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
     SessionRecorderBrowserTraceExporter.prototype.shutdown = function () {
         return this.exporter.shutdown();
     };
+    SessionRecorderBrowserTraceExporter.prototype.exportBuffer = function (spans) {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.exporter.export(spans, function (result) {
+                resolve(result);
+            });
+        });
+    };
     SessionRecorderBrowserTraceExporter.prototype.exportViaPostMessage = function (spans, resultCallback) {
         var _this = this;
         if (typeof window === 'undefined') {
@@ -30413,7 +31425,7 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
             window.postMessage({
                 action: 'traces',
                 type: this.postMessageType,
-                payload: spans.map(function (span) { return _this._serializeSpan(span); }),
+                payload: spans.map(function (span) { return _this.serializeSpan(span); })
             }, this.postMessageTargetOrigin);
             resultCallback({ code: 0 });
         }
@@ -30421,38 +31433,17 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
             resultCallback({ code: 1 });
         }
     };
-    SessionRecorderBrowserTraceExporter.prototype._serializeSpan = function (span) {
-        var _a;
+    SessionRecorderBrowserTraceExporter.prototype.serializeSpan = function (span) {
         var spanContext = span.spanContext();
-        return {
-            _spanContext: spanContext,
-            name: span.name,
-            kind: span.kind,
-            links: span.links,
-            ended: span.ended,
-            events: span.events,
-            status: span.status,
-            endTime: span.endTime,
-            startTime: span.startTime,
-            duration: span.duration,
-            attributes: span.attributes,
-            parentSpanId: (_a = span.parentSpanContext) === null || _a === void 0 ? void 0 : _a.spanId,
-            droppedAttributesCount: span.droppedAttributesCount,
-            droppedEventsCount: span.droppedEventsCount,
-            droppedLinksCount: span.droppedLinksCount,
-            resource: {
-                attributes: span.resource.attributes,
-                asyncAttributesPending: span.resource.asyncAttributesPending,
-            },
-        };
+        return __assign(__assign({}, span), { _spanContext: spanContext });
     };
     SessionRecorderBrowserTraceExporter.prototype._createExporter = function () {
         return new _opentelemetry_exporter_trace_otlp_http__WEBPACK_IMPORTED_MODULE_1__.OTLPTraceExporter({
             url: this.config.url,
-            headers: __assign(__assign({ 'Content-Type': 'application/json' }, (this.config.apiKey ? { 'Authorization': this.config.apiKey } : {})), (this.config.headers || {})),
+            headers: __assign(__assign({ 'Content-Type': 'application/json' }, (this.config.apiKey ? { Authorization: this.config.apiKey } : {})), (this.config.headers || {})),
             timeoutMillis: this.config.timeoutMillis,
             keepAlive: this.config.keepAlive,
-            concurrencyLimit: this.config.concurrencyLimit,
+            concurrencyLimit: this.config.concurrencyLimit
         });
     };
     SessionRecorderBrowserTraceExporter.prototype.setApiKey = function (apiKey) {
@@ -30517,6 +31508,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE),
+/* harmony export */   ATTR_MULTIPLAYER_SESSION_CLIENT_ID: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_CLIENT_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_ID: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION),
 /* harmony export */   ATTR_MULTIPLAYER_USER_HASH: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_USER_HASH),
@@ -30531,10 +31523,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL),
+/* harmony export */   MULTIPLAYER_TRACE_CLIENT_ID_LENGTH: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CLIENT_ID_LENGTH),
 /* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH),
 /* harmony export */   MULTIPLAYER_TRACE_DOC_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_DOC_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_PREFIX_MAP: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_PREFIX_MAP),
+/* harmony export */   MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX),
 /* harmony export */   SessionRecorderBrowserTraceExporter: () => (/* reexport safe */ _exporters_index_browser__WEBPACK_IMPORTED_MODULE_5__.SessionRecorderBrowserTraceExporter),
 /* harmony export */   SessionRecorderIdGenerator: () => (/* reexport safe */ _SessionRecorderIdGenerator__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderIdGenerator),
 /* harmony export */   SessionRecorderSdk: () => (/* reexport module object */ _sdk__WEBPACK_IMPORTED_MODULE_3__),
@@ -31146,6 +32142,19 @@ var setGrpcResponseMessage = function (body, options) {
 
 /***/ }),
 
+/***/ "../session-recorder-common/dist/esm/type/crash-buffer.js":
+/*!****************************************************************!*\
+  !*** ../session-recorder-common/dist/esm/type/crash-buffer.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+//# sourceMappingURL=crash-buffer.js.map
+
+/***/ }),
+
 /***/ "../session-recorder-common/dist/esm/type/index.js":
 /*!*********************************************************!*\
   !*** ../session-recorder-common/dist/esm/type/index.js ***!
@@ -31162,6 +32171,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _session_type_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./session-type.enum */ "../session-recorder-common/dist/esm/type/session-type.enum.js");
 /* harmony import */ var _user_type_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./user-type.enum */ "../session-recorder-common/dist/esm/type/user-type.enum.js");
 /* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./session */ "../session-recorder-common/dist/esm/type/session.js");
+/* harmony import */ var _crash_buffer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./crash-buffer */ "../session-recorder-common/dist/esm/type/crash-buffer.js");
+
 
 
 
@@ -31188,6 +32199,8 @@ var SessionType;
      */
     SessionType["PLAIN"] = "MANUAL";
     SessionType["MANUAL"] = "MANUAL";
+    SessionType["CONTINUOUS_SESSION_CACHE"] = "CONTINUOUS_SESSION_CACHE";
+    SessionType["SESSION_CACHE"] = "SESSION_CACHE";
 })(SessionType || (SessionType = {}));
 //# sourceMappingURL=session-type.enum.js.map
 
@@ -33057,6 +34070,123 @@ const getRecordConsolePlugin = (options) => ({
 //# sourceMappingURL=rrweb-plugin-console-record.js.map
 
 
+/***/ }),
+
+/***/ "../../node_modules/@rrweb/types/dist/types.js":
+/*!*****************************************************!*\
+  !*** ../../node_modules/@rrweb/types/dist/types.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CanvasContext: () => (/* binding */ CanvasContext),
+/* harmony export */   EventType: () => (/* binding */ EventType),
+/* harmony export */   IncrementalSource: () => (/* binding */ IncrementalSource),
+/* harmony export */   MediaInteractions: () => (/* binding */ MediaInteractions),
+/* harmony export */   MouseInteractions: () => (/* binding */ MouseInteractions),
+/* harmony export */   NodeType: () => (/* binding */ NodeType),
+/* harmony export */   PointerTypes: () => (/* binding */ PointerTypes),
+/* harmony export */   ReplayerEvents: () => (/* binding */ ReplayerEvents)
+/* harmony export */ });
+var EventType = /* @__PURE__ */ ((EventType2) => {
+  EventType2[EventType2["DomContentLoaded"] = 0] = "DomContentLoaded";
+  EventType2[EventType2["Load"] = 1] = "Load";
+  EventType2[EventType2["FullSnapshot"] = 2] = "FullSnapshot";
+  EventType2[EventType2["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
+  EventType2[EventType2["Meta"] = 4] = "Meta";
+  EventType2[EventType2["Custom"] = 5] = "Custom";
+  EventType2[EventType2["Plugin"] = 6] = "Plugin";
+  return EventType2;
+})(EventType || {});
+var IncrementalSource = /* @__PURE__ */ ((IncrementalSource2) => {
+  IncrementalSource2[IncrementalSource2["Mutation"] = 0] = "Mutation";
+  IncrementalSource2[IncrementalSource2["MouseMove"] = 1] = "MouseMove";
+  IncrementalSource2[IncrementalSource2["MouseInteraction"] = 2] = "MouseInteraction";
+  IncrementalSource2[IncrementalSource2["Scroll"] = 3] = "Scroll";
+  IncrementalSource2[IncrementalSource2["ViewportResize"] = 4] = "ViewportResize";
+  IncrementalSource2[IncrementalSource2["Input"] = 5] = "Input";
+  IncrementalSource2[IncrementalSource2["TouchMove"] = 6] = "TouchMove";
+  IncrementalSource2[IncrementalSource2["MediaInteraction"] = 7] = "MediaInteraction";
+  IncrementalSource2[IncrementalSource2["StyleSheetRule"] = 8] = "StyleSheetRule";
+  IncrementalSource2[IncrementalSource2["CanvasMutation"] = 9] = "CanvasMutation";
+  IncrementalSource2[IncrementalSource2["Font"] = 10] = "Font";
+  IncrementalSource2[IncrementalSource2["Log"] = 11] = "Log";
+  IncrementalSource2[IncrementalSource2["Drag"] = 12] = "Drag";
+  IncrementalSource2[IncrementalSource2["StyleDeclaration"] = 13] = "StyleDeclaration";
+  IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
+  IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
+  IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
+  return IncrementalSource2;
+})(IncrementalSource || {});
+var MouseInteractions = /* @__PURE__ */ ((MouseInteractions2) => {
+  MouseInteractions2[MouseInteractions2["MouseUp"] = 0] = "MouseUp";
+  MouseInteractions2[MouseInteractions2["MouseDown"] = 1] = "MouseDown";
+  MouseInteractions2[MouseInteractions2["Click"] = 2] = "Click";
+  MouseInteractions2[MouseInteractions2["ContextMenu"] = 3] = "ContextMenu";
+  MouseInteractions2[MouseInteractions2["DblClick"] = 4] = "DblClick";
+  MouseInteractions2[MouseInteractions2["Focus"] = 5] = "Focus";
+  MouseInteractions2[MouseInteractions2["Blur"] = 6] = "Blur";
+  MouseInteractions2[MouseInteractions2["TouchStart"] = 7] = "TouchStart";
+  MouseInteractions2[MouseInteractions2["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+  MouseInteractions2[MouseInteractions2["TouchEnd"] = 9] = "TouchEnd";
+  MouseInteractions2[MouseInteractions2["TouchCancel"] = 10] = "TouchCancel";
+  return MouseInteractions2;
+})(MouseInteractions || {});
+var PointerTypes = /* @__PURE__ */ ((PointerTypes2) => {
+  PointerTypes2[PointerTypes2["Mouse"] = 0] = "Mouse";
+  PointerTypes2[PointerTypes2["Pen"] = 1] = "Pen";
+  PointerTypes2[PointerTypes2["Touch"] = 2] = "Touch";
+  return PointerTypes2;
+})(PointerTypes || {});
+var CanvasContext = /* @__PURE__ */ ((CanvasContext2) => {
+  CanvasContext2[CanvasContext2["2D"] = 0] = "2D";
+  CanvasContext2[CanvasContext2["WebGL"] = 1] = "WebGL";
+  CanvasContext2[CanvasContext2["WebGL2"] = 2] = "WebGL2";
+  return CanvasContext2;
+})(CanvasContext || {});
+var MediaInteractions = /* @__PURE__ */ ((MediaInteractions2) => {
+  MediaInteractions2[MediaInteractions2["Play"] = 0] = "Play";
+  MediaInteractions2[MediaInteractions2["Pause"] = 1] = "Pause";
+  MediaInteractions2[MediaInteractions2["Seeked"] = 2] = "Seeked";
+  MediaInteractions2[MediaInteractions2["VolumeChange"] = 3] = "VolumeChange";
+  MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
+  return MediaInteractions2;
+})(MediaInteractions || {});
+var ReplayerEvents = /* @__PURE__ */ ((ReplayerEvents2) => {
+  ReplayerEvents2["Start"] = "start";
+  ReplayerEvents2["Pause"] = "pause";
+  ReplayerEvents2["Resume"] = "resume";
+  ReplayerEvents2["Resize"] = "resize";
+  ReplayerEvents2["Finish"] = "finish";
+  ReplayerEvents2["FullsnapshotRebuilded"] = "fullsnapshot-rebuilded";
+  ReplayerEvents2["LoadStylesheetStart"] = "load-stylesheet-start";
+  ReplayerEvents2["LoadStylesheetEnd"] = "load-stylesheet-end";
+  ReplayerEvents2["SkipStart"] = "skip-start";
+  ReplayerEvents2["SkipEnd"] = "skip-end";
+  ReplayerEvents2["MouseInteraction"] = "mouse-interaction";
+  ReplayerEvents2["EventCast"] = "event-cast";
+  ReplayerEvents2["CustomEvent"] = "custom-event";
+  ReplayerEvents2["Flush"] = "flush";
+  ReplayerEvents2["StateChange"] = "state-change";
+  ReplayerEvents2["PlayBack"] = "play-back";
+  ReplayerEvents2["Destroy"] = "destroy";
+  return ReplayerEvents2;
+})(ReplayerEvents || {});
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
+})(NodeType || {});
+
+//# sourceMappingURL=types.js.map
+
+
 /***/ }),
 
 /***/ "../../node_modules/@socket.io/component-emitter/lib/esm/index.js":
@@ -49578,6 +50708,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_RPC_REQUEST_MESSAGE_ENCODING),
 /* harmony export */   ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_RPC_RESPONSE_MESSAGE),
+/* harmony export */   ATTR_MULTIPLAYER_SESSION_CLIENT_ID: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_SESSION_CLIENT_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_ID: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_SESSION_ID),
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION),
 /* harmony export */   ATTR_MULTIPLAYER_USER_HASH: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_USER_HASH),
@@ -49592,10 +50723,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_GRPC_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL),
 /* harmony export */   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_URL),
+/* harmony export */   MULTIPLAYER_TRACE_CLIENT_ID_LENGTH: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_CLIENT_ID_LENGTH),
 /* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_CONTINUOUS_DEBUG_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_CACHE_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_DEBUG_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_DEBUG_SESSION_SHORT_ID_LENGTH),
 /* harmony export */   MULTIPLAYER_TRACE_DOC_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_DOC_PREFIX),
+/* harmony export */   MULTIPLAYER_TRACE_PREFIX_MAP: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_PREFIX_MAP),
+/* harmony export */   MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX),
 /* harmony export */   NavigationRecorder: () => (/* reexport safe */ _navigation__WEBPACK_IMPORTED_MODULE_6__.NavigationRecorder),
 /* harmony export */   SessionRecorderBrowserTraceExporter: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.SessionRecorderBrowserTraceExporter),
 /* harmony export */   SessionRecorderIdGenerator: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.SessionRecorderIdGenerator),