@multiplayer-app/session-recorder-browser 1.3.16 → 1.3.17-session-buffering.0

package/dist/index.umd.js

@@ -24295,6 +24295,7 @@ module.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_STARTED_EVENT: () => (/* binding */ SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* binding */ SESSION_STATE_PROP_NAME),
 /* harmony export */   SESSION_STOPPED_EVENT: () => (/* binding */ SESSION_STOPPED_EVENT),
@@ -24316,6 +24317,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';
@@ -24323,7 +24326,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.17-session-buffering.0" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -24419,6 +24422,11 @@ const BASE_CONFIG = {
     masking: DEFAULT_MASKING_CONFIG,
     widgetTextOverrides: DEFAULT_WIDGET_TEXT_CONFIG,
     useWebsocket: true,
+    buffering: {
+        enabled: true,
+        windowMinutes: 1,
+        snapshotIntervalMs: 30000,
+    },
 };
 
 
@@ -24444,6 +24452,7 @@ const BASE_CONFIG = {
 /* 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_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),
 /* harmony export */   SESSION_STOPPED_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STOPPED_EVENT),
@@ -24560,7 +24569,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;
     }
@@ -24587,6 +24596,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,
+        },
     };
 };
 
@@ -25236,14 +25250,19 @@ const getElementTextContent = (element) => {
 class TracerBrowserSDK {
     constructor() {
         this.sessionId = '';
+        this.clientId = '';
         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({
@@ -25261,6 +25280,7 @@ class TracerBrowserSDK {
             sampler: new _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderTraceIdRatioBasedSampler(this.config.sampleTraceRatio),
             spanProcessors: [
                 this._getSpanSessionIdProcessor(),
+                this._getCrashBufferSpanProcessor(),
                 new _opentelemetry_sdk_trace_base__WEBPACK_IMPORTED_MODULE_7__.BatchSpanProcessor(this.exporter),
             ],
         });
@@ -25377,6 +25397,60 @@ class TracerBrowserSDK {
         });
         this._registerGlobalErrorListeners();
     }
+    setCrashBuffer(crashBuffer) {
+        this.crashBuffer = crashBuffer;
+    }
+    _getCrashBufferSpanProcessor() {
+        return {
+            onStart: () => { },
+            onEnd: (span) => {
+                // Only buffer spans when we don't have an active debug session.
+                if (this.sessionId)
+                    return;
+                if (!this.crashBuffer)
+                    return;
+                try {
+                    const now = Date.now();
+                    this.crashBuffer.appendOtelSpan({
+                        ts: now,
+                        span: this._serializeSpan(span),
+                    });
+                }
+                catch (_e) {
+                    // ignore
+                }
+            },
+            shutdown: () => Promise.resolve(),
+            forceFlush: () => Promise.resolve(),
+        };
+    }
+    _serializeSpan(span) {
+        var _a, _b;
+        const spanContext = ((_a = span === null || span === void 0 ? void 0 : span.spanContext) === null || _a === void 0 ? void 0 : _a.call(span))
+            ? span.spanContext()
+            : span === null || span === void 0 ? void 0 : span._spanContext;
+        return {
+            _spanContext: spanContext,
+            name: span === null || span === void 0 ? void 0 : span.name,
+            kind: span === null || span === void 0 ? void 0 : span.kind,
+            links: span === null || span === void 0 ? void 0 : span.links,
+            ended: span === null || span === void 0 ? void 0 : span.ended,
+            events: span === null || span === void 0 ? void 0 : span.events,
+            status: span === null || span === void 0 ? void 0 : span.status,
+            endTime: span === null || span === void 0 ? void 0 : span.endTime,
+            startTime: span === null || span === void 0 ? void 0 : span.startTime,
+            duration: span === null || span === void 0 ? void 0 : span.duration,
+            attributes: span === null || span === void 0 ? void 0 : span.attributes,
+            parentSpanId: (_b = span === null || span === void 0 ? void 0 : span.parentSpanContext) === null || _b === void 0 ? void 0 : _b.spanId,
+            droppedAttributesCount: span === null || span === void 0 ? void 0 : span.droppedAttributesCount,
+            droppedEventsCount: span === null || span === void 0 ? void 0 : span.droppedEventsCount,
+            droppedLinksCount: span === null || span === void 0 ? void 0 : span.droppedLinksCount,
+            resource: (span === null || span === void 0 ? void 0 : span.resource) ? {
+                attributes: span.resource.attributes,
+                asyncAttributesPending: span.resource.asyncAttributesPending,
+            } : undefined,
+        };
+    }
     start(sessionId, sessionType) {
         if (!this.tracerProvider) {
             throw new Error('Configuration not initialized. Call init() before start().');
@@ -25522,7 +25596,7 @@ const setShouldRecordHttpData = (shouldRecordBody, shouldRecordHeaders) => {
 
 
 
-function _tryReadFetchBody({ body, url }) {
+function _tryReadFetchBody({ body, url, }) {
     if ((0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(body)) {
         return null;
     }
@@ -25695,7 +25769,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;
@@ -25893,11 +25967,13 @@ if (typeof XMLHttpRequest !== 'undefined') {
 /* 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");
+
 
 
 
@@ -25905,129 +25981,202 @@ if (typeof XMLHttpRequest !== 'undefined') {
 
 
 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 = '';
+    }
+    /**
+     * Full snapshot.
+     */
+    takeFullSnapshot() {
+        rrweb__WEBPACK_IMPORTED_MODULE_6__.record.takeFullSnapshot();
     }
     /**
-     * Initializes the recorder SDK with configuration settings.
-     * @param config - Configuration settings for the session debugger.
-     * @param socketService - Optional socket service instance for sending events.
+     * 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);
+        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.appendRrwebEvent({
+                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);
-        }
+        return options;
     }
     /**
-     * Restarts the recording of events.
+     * Sets up periodic snapshots.
+     * @param sessionId - Session ID.
+     * @param sessionType - Session type.
      */
-    async restart(sessionId, sessionType) {
-        var _a;
-        (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.start(sessionId, sessionType);
-    }
-    /**
-     * Clears the restart timeout.
-     */
-    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();
     }
 }
 
@@ -26179,6 +26328,528 @@ class ApiService {
 }
 
 
+/***/ }),
+
+/***/ "./src/services/crashBuffer.service.ts":
+/*!*********************************************!*\
+  !*** ./src/services/crashBuffer.service.ts ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CrashBufferService: () => (/* binding */ CrashBufferService)
+/* harmony export */ });
+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;
+    }
+    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 appendRrwebEvent(payload) {
+        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.appendRrwebEvent({
+                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 appendOtelSpan(payload) {
+        this.lastSeenEventTs = Math.max(this.lastSeenEventTs, payload.ts || 0);
+        if (!this.isActive)
+            return;
+        await this._safe(async () => {
+            await this.db.appendOtelSpan({
+                tabId: this.tabId,
+                ts: payload.ts,
+                span: payload.span,
+            });
+        }, undefined);
+        this.pruneSoon();
+    }
+    async snapshot(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";
+/* 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 `appendRrwebEvent(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 appendRrwebEvent(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 appendOtelSpan(record) {
+        const db = await this.dbPromise;
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(otelSpansStore, 'readwrite');
+            tx.objectStore(otelSpansStore).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);
+        });
+    }
+}
+
+
 /***/ }),
 
 /***/ "./src/services/messaging.service.ts":
@@ -26299,15 +26970,17 @@ const messagingService = new MessagingService();
 /* 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;
@@ -26374,6 +27047,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'],
@@ -26405,6 +27081,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) {
@@ -26505,21 +27184,23 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_3__.Observa
 /* 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");
 
 
 
@@ -26535,7 +27216,9 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_3__.Observa
 
 
 
-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;
     }
@@ -26547,7 +27230,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;
@@ -26556,8 +27239,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;
@@ -26568,8 +27251,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]);
     }
@@ -26578,19 +27261,23 @@ 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 || {};
     }
     set sessionAttributes(attributes) {
+        var _a;
         this._sessionAttributes = attributes;
+        (_a = this._crashBuffer) === null || _a === void 0 ? void 0 : _a.setAttrs({ sessionAttributes: this.sessionAttributes });
     }
     get userAttributes() {
         return this._userAttributes;
     }
     set userAttributes(userAttributes) {
+        var _a;
         this._userAttributes = userAttributes;
+        (_a = this._crashBuffer) === null || _a === void 0 ? void 0 : _a.setAttrs({ userAttributes: this._userAttributes });
     }
     get error() {
         return this._error;
@@ -26616,15 +27303,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;
@@ -26637,10 +27329,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;
@@ -26654,7 +27346,7 @@ 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,
+            ..._config__WEBPACK_IMPORTED_MODULE_5__.BASE_CONFIG,
             apiKey: ((_a = this.session) === null || _a === void 0 ? void 0 : _a.tempApiKey) || '',
         };
     }
@@ -26663,18 +27355,23 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * @param configs - custom configurations for session debugger
      */
     init(configs) {
+        var _a;
         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._tracer.init(this._configs);
         this._apiService.init(this._configs);
         this._sessionWidget.init(this._configs);
         this._socketService.init({
+            clientId: this._tracer.clientId,
             apiKey: this._configs.apiKey,
             socketUrl: this._configs.apiBaseUrl || '',
             keepAlive: Boolean(this._configs.useWebsocket),
@@ -26689,17 +27386,83 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         if (this._configs.apiKey) {
             this._recorder.init(this._configs, this._socketService);
         }
+        // Crash buffer (browser): keep a short rolling window when not actively recording.
+        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._registerCrashBufferLifecycleHandlers();
+        }
         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]);
     }
+    _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
      */
@@ -26709,14 +27472,14 @@ 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',
@@ -26729,11 +27492,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         }
         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);
         }
     }
@@ -26775,7 +27538,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                     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();
         }
@@ -26863,11 +27626,70 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             const normalizedError = this._normalizeError(error);
             const normalizedErrorInfo = this._normalizeErrorInfo(errorInfo);
             this._tracer.captureException(normalizedError, normalizedErrorInfo);
+            // If user isn't actively recording, auto-flush the crash buffer.
+            if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped && !this.sessionId) {
+                void this.flushBuffer({ reason: 'exception' });
+            }
         }
         catch (e) {
             this.error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to capture exception';
         }
     }
+    async flushBuffer(payload) {
+        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 || this.sessionId)
+            return null;
+        this._isFlushingBuffer = true;
+        try {
+            const reason = (payload === null || payload === void 0 ? void 0 : payload.reason) || 'manual';
+            await this._crashBuffer.setAttrs({
+                sessionAttributes: this.sessionAttributes,
+                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
+                userAttributes: this._userAttributes,
+            });
+            const snapshot = await this._crashBuffer.snapshot();
+            if (snapshot.rrwebEvents.length === 0 && snapshot.otelSpans.length === 0) {
+                return null;
+            }
+            const request = {
+                name: this._getSessionName(),
+                stoppedAt: new Date().toISOString(),
+                sessionAttributes: this.sessionAttributes,
+                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
+                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
+                debugSessionData: {
+                    meta: {
+                        reason,
+                        windowMs: snapshot.windowMs,
+                        fromTs: snapshot.fromTs,
+                        toTs: snapshot.toTs,
+                    },
+                    events: snapshot.rrwebEvents.map((e) => e.event),
+                    spans: snapshot.otelSpans.map((s) => s.span),
+                    attrs: snapshot.attrs,
+                },
+            };
+            try {
+                const res = await this._apiService.startSession(request);
+                await this._crashBuffer.clear();
+                return res;
+            }
+            catch (_e) {
+                // swallow: flush is best-effort; never throw into app code
+                return null;
+            }
+        }
+        finally {
+            this._isFlushingBuffer = false;
+        }
+    }
     /**
      * @description Check if session should be started/stopped automatically
      * @param {ISession} [sessionPayload]
@@ -26999,12 +27821,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;
@@ -27017,18 +27839,23 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 },
             }, 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) => {
+            // Backend asks the client to flush its crash buffer as a debug session.
+            const reason = (payload === null || payload === void 0 ? void 0 : payload.reason) || 'remote';
+            void this.flushBuffer({ reason });
+        });
     }
     /**
      * Create a new session and start it
@@ -27071,10 +27898,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);
+        // 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);
         }
@@ -27088,6 +27916,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
@@ -27103,7 +27932,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;
     }
@@ -27119,7 +27948,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) {
@@ -28780,6 +29609,7 @@ const userAgent = navigator === null || navigator === void 0 ? void 0 : navigato
 /* 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 */   injectStylesIntoShadowRoot: () => (/* reexport safe */ _dom__WEBPACK_IMPORTED_MODULE_4__.injectStylesIntoShadowRoot),
@@ -28797,6 +29627,7 @@ const userAgent = navigator === null || navigator === void 0 ? void 0 : navigato
 /* 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
 
 
@@ -28808,6 +29639,7 @@ const userAgent = navigator === null || navigator === void 0 ? void 0 : navigato
 
 
 
+
 /***/ }),
 
 /***/ "./src/utils/navigator.ts":
@@ -29044,32 +29876,89 @@ const isConsoleEvent = (event) => {
 /* harmony export */ });
 /* unused harmony export removeStoredItem */
 /**
- * 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;
+    }
+    catch (_e) {
+        // localStorage can throw (e.g. blocked in some environments)
     }
-    const item = window.localStorage.getItem(key);
+    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";
+/* 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);
 };
 
 
@@ -29218,42 +30107,48 @@ const isFile = (x) => {
 /* 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;
 }());
@@ -29356,6 +30251,7 @@ var SessionRecorderTraceIdRatioBasedSampler = /** @class */ (function () {
 /* 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),
@@ -29369,18 +30265,34 @@ var SessionRecorderTraceIdRatioBasedSampler = /** @class */ (function () {
 /* 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_DEBUG_PREFIX: () => (/* binding */ MULTIPLAYER_TRACE_CONTINUOUS_SESSION_DEBUG_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_DEBUG_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_DEBUG_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
  */
@@ -29404,6 +30316,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';
@@ -29462,6 +30375,7 @@ var MASK_PLACEHOLDER = '***MASKED***';
 /* 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),
@@ -29475,10 +30389,14 @@ var MASK_PLACEHOLDER = '***MASKED***';
 /* 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_DEBUG_PREFIX: () => (/* reexport safe */ _constants_base__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_DEBUG_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");
 
@@ -29671,6 +30589,7 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
 /* 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),
@@ -29685,10 +30604,14 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
 /* 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_DEBUG_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_DEBUG_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__),
@@ -30333,6 +31256,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
 
@@ -32192,6 +33117,116 @@ 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";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EventType: () => (/* binding */ EventType)
+/* harmony export */ });
+/* unused harmony exports CanvasContext, IncrementalSource, MediaInteractions, MouseInteractions, NodeType, PointerTypes, ReplayerEvents */
+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":
@@ -48645,6 +49680,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),
@@ -48659,10 +49695,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_DEBUG_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_CONTINUOUS_SESSION_DEBUG_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),