@sailfish-ai/recorder 1.11.1 → 1.11.3

package/README.md

@@ -140,6 +140,7 @@ await initRecorder({
 | `deferRecording` | `boolean` | `true` | Defers the initial DOM snapshot until after first paint / idle. |
 | `chunkSnapshot` | `boolean` | `false` | Yield to the browser every 500 nodes during the initial snapshot (smoother on very large pages). |
 | `useWsWorker` | `boolean` | `true` | Run the WebSocket sender in a Web Worker. Disable if your CSP blocks `worker-src blob:`. |
+| `capturePerformanceMetrics` | `boolean` | `true` | Capture FCP / LCP / TBT / DCL / LOAD per `page_visit_uuid` via the performance plugin. Set `false` to skip — the plugin is dynamically imported, so opting out also skips loading `web-vitals` and the observers. |
 | `reportIssueShortcuts` | `ShortcutsConfig` | — | Custom keyboard shortcuts for the report-issue modal. |
 | `showEngTicketFieldsInReportIssueModalDefault` | `boolean` | `false` | Pre-expand Jira / Linear fields in the in-app issue modal. |
 
@@ -185,6 +186,98 @@ if (isFunctionSpanTrackingEnabled()) disableFunctionSpanTracking();
 enableFunctionSpanTracking();
 ```
 
+## Performance metrics
+
+The recorder automatically captures real-user performance metrics per page visit and emits them through the same WebSocket pipeline as everything else. No additional configuration is required; capture is skipped in Lighthouse / headless / WebDriver environments to avoid polluting synthetic audits.
+
+| Metric | Meaning | Source |
+|---|---|---|
+| **FCP** — First Contentful Paint | Time to first text/image paint. | `web-vitals` `onFCP` |
+| **LCP** — Largest Contentful Paint | Time to the largest above-the-fold element. Closest proxy for "content is visible". | `web-vitals` `onLCP` |
+| **TBT** — Total Blocking Time | Sum of blocking time from long tasks, emitted at `load`. | `PerformanceObserver({type:'longtask', buffered:true})` summing `max(0, duration − 50)` |
+| **DCL** — DOMContentLoaded | `navigation.domContentLoadedEventEnd` (ms since `timeOrigin`). | Navigation Timing Level 2 |
+| **LOAD** — load event | `navigation.loadEventEnd` (ms since `timeOrigin`). | Navigation Timing Level 2 |
+
+FCP and LCP re-emit on SPA soft-navigations (via `web-vitals`' native history-API / BFCache support) — each emission is keyed to the current `page_visit_uuid`. TBT, DCL, and LOAD fire once per hard load.
+
+Events arrive on the recorder WebSocket with `type: 28` (the numeric id reserved for performance metrics — see `backend/sailfish/rrweb/enums.py` on the Sailfish backend) and the shape:
+
+```json
+{
+  "type": 28,
+  "timestamp": 1700000000000,
+  "sessionId": "<session_id>",
+  "page_visit_uuid": "<uuid>",
+  "href": "https://example.com/path",
+  "data": {
+    "plugin": "@sailfish-rrweb/rrweb/performance@1",
+    "payload": {
+      "metric": "FCP" | "LCP" | "TBT" | "DCL" | "LOAD",
+      "value": 1234.5,
+      "rating": "good" | "needs-improvement" | "poor",
+      "navigationType": "navigate" | "reload" | "back-forward" | "back-forward-cache" | "prerender" | "restore",
+      "pageVisitUuid": "<uuid>",
+      "href": "https://example.com/path",
+      "timestamp": 1700000000000
+    }
+  }
+}
+```
+
+### Disabling capture
+
+Pass `capturePerformanceMetrics: false` to `initRecorder` to skip the plugin entirely. Because the plugin code is dynamically imported, this also avoids loading `web-vitals` and the long-task observer:
+
+```ts
+initRecorder({
+  apiKey: "YOUR_API_KEY",
+  capturePerformanceMetrics: false,
+});
+```
+
+### Benchmarking the plugin's overhead
+
+`scripts/bench-perf.js` loads the same page twice — once with capture on, once with capture off — under headless Chrome, and reports CPU, JS heap, FCP/LCP, long-task time, and total load time side-by-side.
+
+#### One-time app change (required before running the bench)
+
+The bench needs a way to flip capture on/off without rebuilding your app between variants. Wire `?sf_perf=off` in your `initRecorder` call so the URL controls the option — paste this where you call `initRecorder`:
+
+```ts
+const capturePerformanceMetrics =
+  new URLSearchParams(window.location.search).get("sf_perf") !== "off";
+
+initRecorder({
+  apiKey: "YOUR_API_KEY",
+  // …your other options…
+  capturePerformanceMetrics,
+});
+```
+
+Anything other than `?sf_perf=off` (including the param being absent) leaves capture enabled, so day-to-day usage is unaffected. The toggle exists only so the bench can switch variants by URL.
+
+#### Run the bench
+
+```bash
+# 1. Start your app's dev server (separate terminal). Default port 3000.
+npm run start
+
+# 2. Run the bench (defaults to http://localhost:3000, 5 runs/variant):
+cd veritas/jsts-frontend
+npm install                         # first time only — installs puppeteer
+npm run bench-perf
+
+# Override URL or sample count:
+npm run bench-perf -- --url http://localhost:3000/some/page --runs 10
+
+# Watch the runs in a real browser window (slower, useful for sanity-checking):
+npm run bench-perf -- --headed
+```
+
+Output is a table of medians, p95, and Δ% between the two variants for: wall load time, DCL, load event, FCP, LCP, long-task total, long-task blocking (the TBT proxy), CDP `TaskDuration` / `ScriptDuration` / `LayoutDuration`, and `usedJSHeapSize` (MB).
+
+Sample interpretation: a Δ ≤ noise (typically ±5% on the smaller numbers, ±2 MB on heap) means the plugin is essentially free; anything larger is a regression worth profiling.
+
 ## Framework examples
 
 ### React / Vite
@@ -311,4 +404,5 @@ ReferenceError: localStorage is not defined
 
 ## License
 
+
 Proprietary. See [sailfishqa.com/terms](https://sailfishqa.com) for terms of service.

package/dist/chunks/{chunkSerializer-BiemuRlf.js → chunkSerializer-CV4nkb5-.js}

@@ -1,4 +1,4 @@
-import { y as e } from "./index-CuXHImrI.js";
+import { y as e } from "./index-BynFTRFv.js";
 async function chunkedSnapshot(t, n, o = {}) {
   const s = o.chunkSize ?? 500, r = o.maxChunkMs ?? 16, { blockClass: c, blockSelector: a, maskTextClass: i, maskTextSelector: d } = o;
   let u = 100001, l = 0, N = performance.now();

package/dist/chunks/{chunkSerializer-CJQCxiLD.js → chunkSerializer-jzbHv2wf.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./index-Cfj4Epfd.js");
+const e = require("./index-BP-kNUGS.js");
 exports.chunkedSnapshot = async function chunkedSnapshot(t, n, o = {}) {
   const s = o.chunkSize ?? 500, r = o.maxChunkMs ?? 16, { blockClass: c, blockSelector: a, maskTextClass: i, maskTextSelector: d } = o;
   let u = 100001, l = 0, N = performance.now();

package/dist/chunks/{index-Cfj4Epfd.js → index-BP-kNUGS.js}

@@ -178,7 +178,7 @@ function withAppUrlMetadata(e2) {
   return { ...e2 ?? {}, appUrl: (e2 == null ? void 0 : e2.appUrl) ?? ((_a = window == null ? void 0 : window.location) == null ? void 0 : _a.href) };
 }
 exports.nowTimestamp = Date.now, /[1-9][0-9]{12}/.test(Date.now().toString()) || (exports.nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime());
-const S = readDebugFlag(), w = "per_session";
+const w = readDebugFlag(), S = "per_session";
 let v = null, k = null, x = false, I = null, T = null, E = "", C = "", $ = false;
 const F = [];
 function onNavigationChange(e2) {
@@ -222,8 +222,8 @@ function _flushIDBQueue() {
     });
   })(L.splice(0));
 }
-let A = false, R = null, D = null, _ = false;
-const P = "sailfish_funcspan_global_state";
+let A = false, R = null, D = null, P = false;
+const _ = "sailfish_funcspan_global_state";
 function wsSendPayload(e2) {
   if (!isWebSocketOpen(k)) return false;
   if (v) try {
@@ -254,21 +254,21 @@ function saveGlobalFuncSpanState(e2, t2) {
   try {
     if ("undefined" == typeof localStorage) return;
     const n2 = { enabled: e2, expirationTimestampMs: t2, savedAt: Date.now() };
-    localStorage.setItem(P, JSON.stringify(n2)), S && console.log("[Sailfish] Saved funcSpan state to localStorage:", n2);
+    localStorage.setItem(_, JSON.stringify(n2)), w && console.log("[Sailfish] Saved funcSpan state to localStorage:", n2);
   } catch (e3) {
-    S && console.warn("[Sailfish] Failed to save funcSpan state to localStorage:", e3);
+    w && console.warn("[Sailfish] Failed to save funcSpan state to localStorage:", e3);
   }
 }
 function clearGlobalFuncSpanState() {
   try {
     if ("undefined" == typeof localStorage) return;
-    localStorage.removeItem(P), S && console.log("[Sailfish] Cleared funcSpan state from localStorage");
+    localStorage.removeItem(_), w && console.log("[Sailfish] Cleared funcSpan state from localStorage");
   } catch (e2) {
-    S && console.warn("[Sailfish] Failed to clear funcSpan state from localStorage:", e2);
+    w && console.warn("[Sailfish] Failed to clear funcSpan state from localStorage:", e2);
   }
 }
 function clearStaleFuncSpanState() {
-  A = false, D = null, _ = false, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Cleared stale function span tracking state (backend validation failed)");
+  A = false, D = null, P = false, clearGlobalFuncSpanState(), w && console.log("[Sailfish] Cleared stale function span tracking state (backend validation failed)");
 }
 let B = false;
 function restoreFuncSpanState() {
@@ -277,17 +277,17 @@ function restoreFuncSpanState() {
   const e2 = (function loadGlobalFuncSpanState() {
     try {
       if ("undefined" == typeof localStorage) return null;
-      const e3 = localStorage.getItem(P);
+      const e3 = localStorage.getItem(_);
       if (!e3) return null;
       const t2 = JSON.parse(e3);
-      return S && console.log("[Sailfish] Loaded funcSpan state from localStorage:", t2), t2;
+      return w && console.log("[Sailfish] Loaded funcSpan state from localStorage:", t2), t2;
     } catch (e3) {
-      return S && console.warn("[Sailfish] Failed to load funcSpan state from localStorage:", e3), null;
+      return w && console.warn("[Sailfish] Failed to load funcSpan state from localStorage:", e3), null;
     }
   })();
-  if (e2 && e2.enabled) if (A = true, D = e2.expirationTimestampMs, _ = false, S && console.log("[Sailfish] Restored global function span tracking from localStorage:", { enabled: true, expirationTime: D }), null !== D) {
-    Date.now() >= D ? (A = false, D = null, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Persisted tracking already expired, cleared state")) : S && console.log("[Sailfish] Function span tracking is active and valid (temporary until WebSocket confirms)");
-  } else S && console.log("[Sailfish] Function span tracking is active (no expiration, temporary until WebSocket confirms)");
+  if (e2 && e2.enabled) if (A = true, D = e2.expirationTimestampMs, P = false, w && console.log("[Sailfish] Restored global function span tracking from localStorage:", { enabled: true, expirationTime: D }), null !== D) {
+    Date.now() >= D ? (A = false, D = null, clearGlobalFuncSpanState(), w && console.log("[Sailfish] Persisted tracking already expired, cleared state")) : w && console.log("[Sailfish] Function span tracking is active and valid (temporary until WebSocket confirms)");
+  } else w && console.log("[Sailfish] Function span tracking is active (no expiration, temporary until WebSocket confirms)");
 }
 function isWebSocketOpen(e2) {
   return (e2 == null ? void 0 : e2.readyState) === WebSocket.OPEN;
@@ -345,7 +345,7 @@ function sendEvent(e2) {
   e2.app_url || (e2.app_url = getCachedHref()), !x && isWebSocketOpen(k) && wsSendPayload({ type: "event", event: e2, mapUuid: window.sfMapUuid }) || queueEventForIDB(e2);
 }
 function handleWsOpen() {
-  S && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (A ? "ENABLED" : "DISABLED"))), (async () => {
+  w && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (A ? "ENABLED" : "DISABLED"))), (async () => {
     try {
       x = true, await flushNotifyQueue(), await flushBufferedEvents();
     } finally {
@@ -357,29 +357,29 @@ function handleWsOpen() {
   })();
 }
 function handleWsClose() {
-  null != T && (clearInterval(T), T = null), S && console.log("[Sailfish] WebSocket closed");
+  null != T && (clearInterval(T), T = null), w && console.log("[Sailfish] WebSocket closed");
 }
 function handleWsMessage(e2) {
   try {
     const t2 = JSON.parse(e2);
-    if ("funcSpanTrackingControl" === t2.type) if (S && console.log("[Sailfish] Received funcSpanTrackingControl message:", { enabled: t2.enabled, timeoutSeconds: t2.timeoutSeconds, expirationTimestampMs: t2.expirationTimestampMs }), null !== R && (window.clearTimeout(R), R = null), A = t2.enabled, _ = false, S && console.log("[Sailfish] Function span tracking " + (t2.enabled ? "ENABLED (GLOBAL)" : "DISABLED (GLOBAL)")), t2.enabled) {
+    if ("funcSpanTrackingControl" === t2.type) if (w && console.log("[Sailfish] Received funcSpanTrackingControl message:", { enabled: t2.enabled, timeoutSeconds: t2.timeoutSeconds, expirationTimestampMs: t2.expirationTimestampMs }), null !== R && (window.clearTimeout(R), R = null), A = t2.enabled, P = false, w && console.log("[Sailfish] Function span tracking " + (t2.enabled ? "ENABLED (GLOBAL)" : "DISABLED (GLOBAL)")), t2.enabled) {
       if (t2.expirationTimestampMs) {
         D = t2.expirationTimestampMs;
         const e3 = Date.now(), n2 = D - e3;
-        S && console.log(`[Sailfish] Server expiration timestamp: ${D}, ms until expiration: ${n2}`), n2 > 0 ? (saveGlobalFuncSpanState(true, D), R = window.setTimeout(() => {
-          _ || (A = false, D = null, clearGlobalFuncSpanState(), S && console.log("[Sailfish] GLOBAL function span tracking auto-disabled at server expiration time"), wsSendPayload({ type: "funcSpanTrackingExpired", sessionId: getOrSetSessionId(), expiredAt: Date.now() }), S && console.log("[Sailfish] Notified backend that function span tracking expired"));
-        }, n2)) : (A = false, D = null, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Tracking already expired, not enabling"));
+        w && console.log(`[Sailfish] Server expiration timestamp: ${D}, ms until expiration: ${n2}`), n2 > 0 ? (saveGlobalFuncSpanState(true, D), R = window.setTimeout(() => {
+          P || (A = false, D = null, clearGlobalFuncSpanState(), w && console.log("[Sailfish] GLOBAL function span tracking auto-disabled at server expiration time"), wsSendPayload({ type: "funcSpanTrackingExpired", sessionId: getOrSetSessionId(), expiredAt: Date.now() }), w && console.log("[Sailfish] Notified backend that function span tracking expired"));
+        }, n2)) : (A = false, D = null, clearGlobalFuncSpanState(), w && console.log("[Sailfish] Tracking already expired, not enabling"));
       } else {
         const e3 = t2.timeoutSeconds || 3600;
         e3 > 0 && (D = Date.now() + 1e3 * e3, saveGlobalFuncSpanState(true, D), R = window.setTimeout(() => {
-          _ || (A = false, D = null, clearGlobalFuncSpanState(), S && console.log(`[Sailfish] GLOBAL function span tracking auto-disabled after ${e3}s (legacy)`), wsSendPayload({ type: "funcSpanTrackingExpired", sessionId: getOrSetSessionId(), expiredAt: Date.now() }), S && console.log("[Sailfish] Notified backend that function span tracking expired (legacy timeout)"));
+          P || (A = false, D = null, clearGlobalFuncSpanState(), w && console.log(`[Sailfish] GLOBAL function span tracking auto-disabled after ${e3}s (legacy)`), wsSendPayload({ type: "funcSpanTrackingExpired", sessionId: getOrSetSessionId(), expiredAt: Date.now() }), w && console.log("[Sailfish] Notified backend that function span tracking expired (legacy timeout)"));
         }, 1e3 * e3));
       }
       try {
         const e3 = getOrSetSessionId();
-        wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: e3, enabled: true, configurationType: "global" }), S && console.log(`[Sailfish] GLOBAL tracking session report sent for session: ${e3}`);
+        wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: e3, enabled: true, configurationType: "global" }), w && console.log(`[Sailfish] GLOBAL tracking session report sent for session: ${e3}`);
       } catch (e3) {
-        S && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
+        w && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
       }
     } else D = null, clearGlobalFuncSpanState();
   } catch (e3) {
@@ -391,7 +391,7 @@ function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
     const t3 = new URL(e2);
     return `${t3.hostname}${t3.port ? `:${t3.port}` : ""}`;
   })(t2);
-  let a2 = `${"https:" === new URL(t2).protocol ? "wss" : "ws"}://${r2}/ws/notify/?apiKey=${n2}&sessionId=${i2}&sender=JS%2FTS&version=1.11.1`;
+  let a2 = `${"https:" === new URL(t2).protocol ? "wss" : "ws"}://${r2}/ws/notify/?apiKey=${n2}&sessionId=${i2}&sender=JS%2FTS&version=1.11.3`;
   if (o2 && (a2 += `&envValue=${encodeURIComponent(o2)}`), v = s2 ? (function tryCreateWsWorker() {
     if ("undefined" == typeof Worker) return null;
     try {
@@ -408,10 +408,10 @@ function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
       const n3 = e3.data;
       "open" === n3.type ? (t3.readyState = WebSocket.OPEN, handleWsOpen()) : "close" === n3.type ? (t3.readyState = WebSocket.CLOSED, handleWsClose()) : "message" === n3.type && handleWsMessage(n3.data);
     }, v.onerror = () => {
-      S && console.warn("[Sailfish] WebSocket worker error");
-    }, v.postMessage({ type: "init", wsUrl: a2 }), S && console.log("[Sailfish] WebSocket running in Web Worker (off main thread)"), t3;
+      w && console.warn("[Sailfish] WebSocket worker error");
+    }, v.postMessage({ type: "init", wsUrl: a2 }), w && console.log("[Sailfish] WebSocket running in Web Worker (off main thread)"), t3;
   }
-  S && console.log("[Sailfish] WebSocket running on main thread (Worker unavailable)");
+  w && console.log("[Sailfish] WebSocket running on main thread (Worker unavailable)");
   const l2 = new e(a2, [], { connectionTimeout: 3e4 }), c2 = { get readyState() {
     return l2.readyState;
   }, close: () => {
@@ -423,26 +423,26 @@ function sendMessage(e2) {
   "sessionId" in e2 || (e2.sessionId = getOrSetSessionId()), e2.app_url || (e2.app_url = getCachedHref()), x || !isWebSocketOpen(k) ? saveNotifyMessageToIDB(JSON.stringify(e2)) : wsSendPayload(e2) || saveNotifyMessageToIDB(JSON.stringify(e2));
 }
 function enableFunctionSpanTracking() {
-  if (S && console.log("[Sailfish] enableFunctionSpanTracking() called - Report Issue recording started (LOCAL MODE)"), A = true, _ = true, D = null, null !== R && (window.clearTimeout(R), R = null), isWebSocketOpen(k)) {
-    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: true, configurationType: w });
-  } else S && console.warn("[Sailfish] WebSocket not open, cannot report LOCAL tracking session");
+  if (w && console.log("[Sailfish] enableFunctionSpanTracking() called - Report Issue recording started (LOCAL MODE)"), A = true, P = true, D = null, null !== R && (window.clearTimeout(R), R = null), isWebSocketOpen(k)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: true, configurationType: S });
+  } else w && console.warn("[Sailfish] WebSocket not open, cannot report LOCAL tracking session");
 }
 function disableFunctionSpanTracking() {
-  if (S && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(k)) {
-    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: w });
+  if (w && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(k)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: S });
   } else console.warn("[FUNCSPAN STOP] ✗ WebSocket not open, cannot notify tracking end");
-  _ && (A = false, _ = false, D = null, S && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== R && (window.clearTimeout(R), R = null);
+  P && (A = false, P = false, D = null, w && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== R && (window.clearTimeout(R), R = null);
 }
 function isFunctionSpanTrackingEnabled() {
   return A;
 }
 function initializeFunctionSpanTrackingFromApi(e2) {
-  e2 && !A ? (A = true, _ = false, D = null, S && console.log("[Sailfish] Function span tracking initialized as ENABLED from API check")) : !e2 && A && (A = false, _ = false, D = null, S && console.log("[Sailfish] Function span tracking initialized as DISABLED from API check"));
+  e2 && !A ? (A = true, P = false, D = null, w && console.log("[Sailfish] Function span tracking initialized as ENABLED from API check")) : !e2 && A && (A = false, P = false, D = null, w && console.log("[Sailfish] Function span tracking initialized as DISABLED from API check"));
 }
 function getFuncSpanHeader() {
   if (!A) return null;
   if (null !== D) {
-    if (Date.now() >= D) return A = false, D = null, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Function span tracking expired on header check - disabling now"), null;
+    if (Date.now() >= D) return A = false, D = null, clearGlobalFuncSpanState(), w && console.log("[Sailfish] Function span tracking expired on header check - disabling now"), null;
   }
   return { name: "X-Sf3-FunctionSpanCaptureOverride", value: "1-1-10-10-1-1.0-1-0-0" };
 }
@@ -671,6 +671,20 @@ function initializeDomContentEvents(e2) {
     sendEvent({ type: 24, data: { source: r }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() });
   });
 }
+async function initializePerformancePlugin(e2) {
+  var _a;
+  try {
+    const { getRecordPerformancePlugin: t2 } = await Promise.resolve().then(() => require("./rrweb-plugin-performance-record-Dekf6xUi.js"));
+    await yieldToMain();
+    const n2 = t2({ getPageVisitUuid: () => sessionStorage.getItem("pageVisitUUID") });
+    (_a = n2.observer) == null ? void 0 : _a.call(n2, (t3) => {
+      const i2 = t3;
+      sendEvent({ type: 28, timestamp: i2.timestamp, sessionId: e2, data: { plugin: n2.name, payload: i2 }, ...getUrlAndStoredUuids() });
+    }, window, n2.options);
+  } catch (e3) {
+    console.warn("[Sailfish] Performance plugin failed to initialize:", e3);
+  }
+}
 async function initializeConsolePlugin(e2, n2) {
   const { getRecordConsolePlugin: i2 } = await import("@sailfish-rrweb/rrweb-plugin-console-record");
   await yieldToMain();
@@ -714,7 +728,7 @@ async function initializeRecording(e2, n2, i2, o2, s2, r2 = true, a2 = false, l2
       }
       const { record: n4 } = await import("@sailfish-rrweb/rrweb-record-only");
       if (Q = n4, await yieldToMain(), l2) {
-        const { chunkedSnapshot: i3 } = await Promise.resolve().then(() => require("./chunkSerializer-CJQCxiLD.js")), o3 = n4.mirror;
+        const { chunkedSnapshot: i3 } = await Promise.resolve().then(() => require("./chunkSerializer-jzbHv2wf.js")), o3 = n4.mirror;
         let s3 = true;
         const r3 = [];
         n4({ emit(e3) {
@@ -1044,7 +1058,7 @@ function renderCustomMultiSelect(e2, t2, n2, i2, o2 = false) {
 }
 const he = { enabled: false, openModalExistingMode: { key: "e", requireCmdCtrl: false }, openModalCaptureNewMode: { key: "n", requireCmdCtrl: false }, closeModal: { key: "escape", requireCmdCtrl: false }, submitReport: { key: "enter", requireCmdCtrl: true }, startRecording: { key: "r", requireCmdCtrl: false }, stopRecording: { key: "escape", requireCmdCtrl: true } }, ye = { shortcuts: { ...he }, resolveSessionId: null, apiKey: null, backendApi: null, triageBaseUrl: "https://app.sailfishqa.com", deactivateIsolation: () => {
 }, integrationData: null, showEngTicketFieldsDefault: false };
-let be = null, Se = false;
+let be = null, we = false;
 function setupCustomMultiSelectListeners(e2, t2) {
   const n2 = document.getElementById(`${e2}-container`), i2 = document.getElementById(`${e2}-dropdown`);
   if (!n2 || !i2) return;
@@ -1293,7 +1307,7 @@ function getSessionIdSafely() {
   return ye.resolveSessionId();
 }
 function openReportIssueModal(e2) {
-  me ? stopRecording() : (Se = (e2 == null ? void 0 : e2.showEngTicketFields) ?? ye.showEngTicketFieldsDefault, injectModalHTML(), be && document.body.appendChild(be));
+  me ? stopRecording() : (we = (e2 == null ? void 0 : e2.showEngTicketFields) ?? ye.showEngTicketFieldsDefault, injectModalHTML(), be && document.body.appendChild(be));
 }
 function closeModal() {
   ye.deactivateIsolation(), document.activeElement instanceof HTMLElement && document.activeElement.blur(), (be == null ? void 0 : be.parentNode) && be.parentNode.removeChild(be), be = null, me || (function resetState() {
@@ -1485,7 +1499,7 @@ function injectModalHTML(e2 = "lookback") {
             Create an Issue
           </label>
 
-          <label id="sf-create-eng-ticket-label" style="display:${ye.integrationData && Se ? "flex" : "none"}; align-items:center; gap:8px; font-size:14px; font-weight:500; cursor:pointer;">
+          <label id="sf-create-eng-ticket-label" style="display:${ye.integrationData && we ? "flex" : "none"}; align-items:center; gap:8px; font-size:14px; font-weight:500; cursor:pointer;">
             <input type="checkbox" id="sf-create-eng-ticket-checkbox" ${ue.createEngTicket ? "checked" : ""}
               style="width:16px; height:16px; accent-color:#295DBF; cursor:pointer;">
             Create an Eng Ticket
@@ -1713,7 +1727,7 @@ function injectModalHTML(e2 = "lookback") {
       const e4 = generateEngTicketFieldsHTML();
       e4 && (t3.innerHTML = e4, initializeEngTicketForm(), bindEngTicketListeners(), updateFormWithIntegrationData(ue), renderDynamicFields(ue.engTicketProject, ue.engTicketIssueType));
     }
-    if (Se) {
+    if (we) {
       const e4 = document.getElementById("sf-create-eng-ticket-label");
       e4 && (e4.style.display = "flex");
     }
@@ -1910,7 +1924,7 @@ function showStatusModal(e2, t2, n2) {
 function fadeCardAndRemove(e2, t2, n2 = 300) {
   t2.style.opacity = "0", t2.addEventListener("transitionend", () => e2.remove(), { once: true }), setTimeout(() => e2.remove(), n2 + 100);
 }
-const we = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueContext: ye, openReportIssueModal, setupIssueReporting: function setupIssueReporting(e2) {
+const Se = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueContext: ye, openReportIssueModal, setupIssueReporting: function setupIssueReporting(e2) {
   ye.apiKey = e2.apiKey, ye.backendApi = e2.backendApi, ye.resolveSessionId = e2.getSessionId, ye.integrationData = e2.integrationData || null, ye.showEngTicketFieldsDefault = e2.showEngTicketFieldsInReportIssueModalDefault ?? false, e2.customBaseUrl && (ye.triageBaseUrl = e2.customBaseUrl), ye.shortcuts = (function mergeShortcutsConfig(e3) {
     const t3 = { ...he };
     if (!e3) return t3;
@@ -2094,8 +2108,8 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
       delete h2[n];
       const b2 = getFuncSpanHeader();
       b2 && delete h2[b2.name];
-      const S2 = `${c3}/${p2.page_visit_uuid}/${u3}`;
-      h2[n] = S2, b2 && (h2[b2.name] = b2.value);
+      const w2 = `${c3}/${p2.page_visit_uuid}/${u3}`;
+      h2[n] = w2, b2 && (h2[b2.name] = b2.value);
       maskAuthorizationHeader(h2);
       try {
         let b3 = await (async function injectHeader(e5, t3, i5, o5, s4, r4, a3) {
@@ -2110,7 +2124,7 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
             const c4 = { ...o5 }, d4 = new Headers(o5.headers || {});
             return d4.set(n, `${s4}/${r4}/${a3}`), l3 && (d4.set(l3.name, l3.value), ve && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof i5 ? i5 : i5.href, header: l3.name })), c4.headers = d4, await e5.call(t3, i5, c4);
           }
-        })(e4, i4, s3, r3, c3, p2.page_visit_uuid, u3), S3 = false;
+        })(e4, i4, s3, r3, c3, p2.page_visit_uuid, u3), w3 = false;
         Te.includes(b3.status) && (ve && console.log("Perform retry as status was fail:", b3), delete h2[n], b3 = await (async function retryWithoutPropagateHeaders(e5, t3, i5, o5) {
           try {
             let o6 = i5[0], s4 = i5[1] || {};
@@ -2129,8 +2143,8 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
           } catch (e6) {
             throw ve && console.log(`Retry without ${n} for ${o5} also failed:`, e6), e6;
           }
-        })(e4, i4, o4, d3), S3 = true);
-        const w2 = Date.now(), v2 = b3.status, k2 = b3.ok, x2 = k2 ? "" : `Request Error: ${b3.statusText}`;
+        })(e4, i4, o4, d3), w3 = true);
+        const S2 = Date.now(), v2 = b3.status, k2 = b3.ok, x2 = k2 ? "" : `Request Error: ${b3.statusText}`;
         let I2 = null;
         try {
           I2 = {}, b3.headers.forEach((e5, t3) => {
@@ -2139,7 +2153,7 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
         } catch (e5) {
           ve && console.warn("[Sailfish] Failed to capture response headers:", e5), I2 = null;
         }
-        const T2 = { type: 27, timestamp: w2, sessionId: c3, data: { request_id: u3, session_id: c3, timestamp_start: g2, timestamp_end: w2, response_code: v2, success: k2, error: x2, method: f2, url: d3, retry_without_trace_id: S3, request_headers: h2, request_body: m2, response_headers: I2, response_body: null }, ...p2 }, sendEventWithBody = (e5) => {
+        const T2 = { type: 27, timestamp: S2, sessionId: c3, data: { request_id: u3, session_id: c3, timestamp_start: g2, timestamp_end: S2, response_code: v2, success: k2, error: x2, method: f2, url: d3, retry_without_trace_id: w3, request_headers: h2, request_body: m2, response_headers: I2, response_body: null }, ...p2 }, sendEventWithBody = (e5) => {
           T2.data.response_body = e5, y2 ? y2.text().then((e6) => {
             T2.data.request_body = e6, sendEvent(T2);
           }, () => {
@@ -2227,9 +2241,9 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
     })(e3, i3, o3, d2, u2, s2, c2);
   } });
 }
-async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo: i2 = ["*"], domainsToNotPropagateHeaderTo: o2 = [], serviceVersion: s2, serviceIdentifier: r2, gitSha: a2, serviceAdditionalMetadata: l2, enableIpTracking: c2, captureStreamingResponseBody: d2 = true, captureResponseBodyMaxMb: u2 = 10, captureStreamPrefixKb: p2 = 64, captureStreamTimeoutMs: f2 = 1e4, enableFiberTracking: m2 = false, deferRecording: h2, deferRecordingStart: y2, chunkSnapshot: b2, useWsWorker: S2 = true, maskTextClass: w2, library: v2 }) {
+async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo: i2 = ["*"], domainsToNotPropagateHeaderTo: o2 = [], serviceVersion: s2, serviceIdentifier: r2, gitSha: a2, serviceAdditionalMetadata: l2, enableIpTracking: c2, captureStreamingResponseBody: d2 = true, captureResponseBodyMaxMb: u2 = 10, captureStreamPrefixKb: p2 = 64, captureStreamTimeoutMs: f2 = 1e4, enableFiberTracking: m2 = false, deferRecording: h2, deferRecordingStart: y2, chunkSnapshot: b2, useWsWorker: w2 = true, capturePerformanceMetrics: S2 = true, maskTextClass: v2, library: k2, headlessRecording: x2 = false }) {
   var _a, _b;
-  if ((function isHeadlessOrLighthouse() {
+  if (!x2 && (function isHeadlessOrLighthouse() {
     try {
       if ("undefined" == typeof navigator) return false;
       const e3 = navigator;
@@ -2240,10 +2254,10 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
       return false;
     }
   })()) return;
-  const k2 = h2 ?? y2 ?? true, x2 = getOrSetSessionId(), I2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
-  if (I2.sessionId = x2, I2.apiKey = e2, I2.backendApi = t2, I2.serviceAdditionalMetadata = l2, I2.initialized && I2.sessionId === x2 && I2.ws && 1 === I2.ws.readyState) return void trackDomainChangesOnce();
-  const T2 = { captureStreamingResponseBody: d2, captureResponseBodyMaxMb: u2, captureStreamPrefixKb: p2, captureStreamTimeoutMs: f2 };
-  sessionStorage.getItem("pageVisitUUID") || (sessionStorage.setItem("pageVisitUUID", uuidv4()), invalidateUrlCache()), I2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = [], t3 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }, i3 = []) {
+  const I2 = h2 ?? y2 ?? true, T2 = getOrSetSessionId(), E2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
+  if (E2.sessionId = T2, E2.apiKey = e2, E2.backendApi = t2, E2.serviceAdditionalMetadata = l2, E2.initialized && E2.sessionId === T2 && E2.ws && 1 === E2.ws.readyState) return void trackDomainChangesOnce();
+  const C2 = { captureStreamingResponseBody: d2, captureResponseBodyMaxMb: u2, captureStreamPrefixKb: p2, captureStreamTimeoutMs: f2 };
+  sessionStorage.getItem("pageVisitUUID") || (sessionStorage.setItem("pageVisitUUID", uuidv4()), invalidateUrlCache()), E2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = [], t3 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }, i3 = []) {
     const o3 = XMLHttpRequest.prototype.open, s3 = XMLHttpRequest.prototype.send, r3 = XMLHttpRequest.prototype.setRequestHeader, a3 = getOrSetSessionId(), l3 = createSkipHeadersPropagationChecker(e3, i3);
     XMLHttpRequest.prototype.setRequestHeader = function(e4, t4) {
       return this._capturedRequestHeaders || (this._capturedRequestHeaders = {}), this._capturedRequestHeaders[e4] = t4, r3.call(this, e4, t4);
@@ -2308,22 +2322,22 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
         emitFinished(false, e5, t4);
       }, { once: true }), s3.apply(this, e4);
     };
-  })(o2, T2, i2), I2.xhrPatched = true), I2.fetchPatched || (setupFetchInterceptor(o2, T2, i2), I2.fetchPatched = true), await yieldToMain(), I2.domEventsInit || (initializeDomContentEvents(x2), I2.domEventsInit = true), await yieldToMain(), I2.consoleInit || (initializeConsolePlugin(Le, x2), I2.consoleInit = true), await yieldToMain(), I2.errorInit || (!(function initializeErrorInterceptor() {
+  })(o2, C2, i2), E2.xhrPatched = true), E2.fetchPatched || (setupFetchInterceptor(o2, C2, i2), E2.fetchPatched = true), await yieldToMain(), E2.domEventsInit || (initializeDomContentEvents(T2), E2.domEventsInit = true), await yieldToMain(), E2.consoleInit || (initializeConsolePlugin(Le, T2), E2.consoleInit = true), await yieldToMain(), E2.errorInit || (!(function initializeErrorInterceptor() {
     window.addEventListener("error", (e3) => {
       captureError(e3.error || e3.message);
     }), window.addEventListener("unhandledrejection", (e3) => {
       captureError(e3.reason, true);
     });
-  })(), I2.errorInit = true), await yieldToMain(), _ensureModuleSideEffects(), (function storeCredentialsAndConnection({ apiKey: e3, backendApi: t3 }) {
+  })(), E2.errorInit = true), await yieldToMain(), !E2.perfInit && S2 && (initializePerformancePlugin(T2), E2.perfInit = true), await yieldToMain(), _ensureModuleSideEffects(), (function storeCredentialsAndConnection({ apiKey: e3, backendApi: t3 }) {
     g && (sessionStorage.setItem("sailfishApiKey", e3), sessionStorage.setItem("sailfishBackendApi", t3));
-  })({ apiKey: e2, backendApi: t2 }), !isFunctionSpanTrackingEnabled() || I2.ws && 1 === I2.ws.readyState || fetchFunctionSpanTrackingEnabled(e2, t2).then((e3) => {
+  })({ apiKey: e2, backendApi: t2 }), !isFunctionSpanTrackingEnabled() || E2.ws && 1 === E2.ws.readyState || fetchFunctionSpanTrackingEnabled(e2, t2).then((e3) => {
     var _a2;
     ((_a2 = e3.data) == null ? void 0 : _a2.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? ve && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), ve && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
   }).catch((e3) => {
     ve && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
-  }), I2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...Ie], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), I2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
+  }), E2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...Ie], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), E2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
     sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
-  })(), c2 && fetchAndSendIp(x2);
+  })(), c2 && fetchAndSendIp(T2);
   try {
     const n2 = a2 ?? (function readGitSha() {
       var _a2;
@@ -2342,7 +2356,7 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
         if ("string" == typeof e3 && e3) return e3;
       } catch {
       }
-    })(), i3 = r2 ?? "", o3 = s2 ?? "", c3 = v2 ?? "JS/TS", d3 = (function getMapUuidFromWindow() {
+    })(), i3 = r2 ?? "", o3 = s2 ?? "", c3 = k2 ?? "JS/TS", d3 = (function getMapUuidFromWindow() {
       try {
         const e3 = window;
         if (e3 && "string" == typeof e3.sfMapUuid && e3.sfMapUuid) return e3.sfMapUuid;
@@ -2362,15 +2376,15 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
       return { framework: i4[0] ?? null, additionalFrameworks: i4.slice(1), serviceRole: "frontend" };
     })(), f3 = { ...u3, serviceRole: p3.serviceRole, ...null !== p3.framework && { framework: p3.framework }, ...p3.additionalFrameworks.length > 0 && { additionalFrameworks: p3.additionalFrameworks } };
     await yieldToMain();
-    const [g2, h3] = await Promise.all([fetchCaptureSettings(e2, t2), startRecordingSession(e2, x2, t2, i3, o3, d3, n2, c3, f3)]), y3 = { ...Fe, ...(_a = g2.data) == null ? void 0 : _a.captureSettingsFromApiKey, enableFiberTracking: m2, ...void 0 !== w2 ? { maskTextClass: w2 } : {} };
-    if (I2.ws && 1 === I2.ws.readyState) return;
+    const [g2, h3] = await Promise.all([fetchCaptureSettings(e2, t2), startRecordingSession(e2, T2, t2, i3, o3, d3, n2, c3, f3)]), y3 = { ...Fe, ...(_a = g2.data) == null ? void 0 : _a.captureSettingsFromApiKey, enableFiberTracking: m2, ...void 0 !== v2 ? { maskTextClass: v2 } : {} };
+    if (E2.ws && 1 === E2.ws.readyState) return;
     if ((_b = h3.data) == null ? void 0 : _b.startRecordingSession) {
       const n3 = (l2 == null ? void 0 : l2.env) || (l2 == null ? void 0 : l2.environment);
       await yieldToMain();
-      const i4 = await initializeRecording(y3, t2, e2, x2, n3, k2, S2, b2 ?? false);
-      I2.ws = i4, I2.initialized = true, trackDomainChangesOnce(), I2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", t3 = "") {
+      const i4 = await initializeRecording(y3, t2, e2, T2, n3, I2, w2, b2 ?? false);
+      E2.ws = i4, E2.initialized = true, trackDomainChangesOnce(), E2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", t3 = "") {
         window.sfMapUuid && sendMessage({ type: "mapUuid", data: { mapUuid: window.sfMapUuid, serviceIdentifier: e3, serviceVersion: t3 } });
-      })(r2, s2), I2.sentMapUuidOnce = true);
+      })(r2, s2), E2.sentMapUuidOnce = true);
     } else console.error("Failed to start recording session:", h3.errors || h3);
   } catch (e3) {
     console.error("Error starting recording:", e3);
@@ -2388,7 +2402,7 @@ exports.DEFAULT_CAPTURE_SETTINGS = Fe, exports.DEFAULT_CONSOLE_RECORDING_SETTING
   return clearPageVisitDataFromSessionStorage(), t2.initialized && t2.sessionId === n2 && t2.ws && 1 === t2.ws.readyState ? void 0 : (t2.initPromise || (t2.initPromise = (async () => {
     try {
       if (t2.hasLoggedInitOnce || (console.log("Initializing Sailfish Recorder (first run) …"), t2.hasLoggedInitOnce = true), await startRecording(e2), !t2.issueReportingInit) {
-        const n3 = e2.backendApi ?? "https://api-service.sailfishqa.com", [{ setupIssueReporting: i2 }, { fetchIntegrationData: o2, getIntegrationData: s2 }] = await Promise.all([Promise.resolve().then(() => we), Promise.resolve().then(() => le)]);
+        const n3 = e2.backendApi ?? "https://api-service.sailfishqa.com", [{ setupIssueReporting: i2 }, { fetchIntegrationData: o2, getIntegrationData: s2 }] = await Promise.all([Promise.resolve().then(() => Se), Promise.resolve().then(() => le)]);
         let r2 = null;
         try {
           await o2(e2.apiKey, n3), r2 = s2();
@@ -2403,7 +2417,7 @@ exports.DEFAULT_CAPTURE_SETTINGS = Fe, exports.DEFAULT_CONSOLE_RECORDING_SETTING
   })().finally(() => {
     delete t2.initPromise;
   })), t2.initPromise);
-}, exports.initializeConsolePlugin = initializeConsolePlugin, exports.initializeDomContentEvents = initializeDomContentEvents, exports.initializeFunctionSpanTrackingFromApi = initializeFunctionSpanTrackingFromApi, exports.initializeRecording = initializeRecording, exports.initializeWebSocket = initializeWebSocket, exports.invalidateUrlCache = invalidateUrlCache, exports.isFunctionSpanTrackingEnabled = isFunctionSpanTrackingEnabled, exports.matchUrlWithWildcard = function matchUrlWithWildcard(e2, t2) {
+}, exports.initializeConsolePlugin = initializeConsolePlugin, exports.initializeDomContentEvents = initializeDomContentEvents, exports.initializeFunctionSpanTrackingFromApi = initializeFunctionSpanTrackingFromApi, exports.initializePerformancePlugin = initializePerformancePlugin, exports.initializeRecording = initializeRecording, exports.initializeWebSocket = initializeWebSocket, exports.invalidateUrlCache = invalidateUrlCache, exports.isFunctionSpanTrackingEnabled = isFunctionSpanTrackingEnabled, exports.matchUrlWithWildcard = function matchUrlWithWildcard(e2, t2) {
   let n2, i2;
   if ("string" == typeof e2 ? n2 = e2 : "undefined" != typeof URL && e2 instanceof URL ? n2 = e2.href : "undefined" != typeof Request && e2 instanceof Request ? n2 = e2.url : null != e2 && "function" == typeof e2.toString && (n2 = e2.toString()), !n2) return false;
   try {