@sailfish-ai/recorder 1.10.7 → 1.10.9

package/dist/chunks/{index-soHaKXF4.js → index-B8gnDRst.js}

@@ -1,5 +1,27 @@
-import e from "reconnecting-websocket";
-import { EventType as t } from "@sailfish-rrweb/types";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+const e = require("reconnecting-websocket"), t = require("@sailfish-rrweb/types");
 function readDebugFlag() {
   var _a;
   try {
@@ -151,20 +173,27 @@ function buildBatches(e2, t2, n2) {
 function eventSize(e2) {
   return JSON.stringify(e2).length;
 }
-let S = Date.now;
 function withAppUrlMetadata(e2) {
   var _a;
   return { ...e2 ?? {}, appUrl: (e2 == null ? void 0 : e2.appUrl) ?? ((_a = window == null ? void 0 : window.location) == null ? void 0 : _a.href) };
 }
-/[1-9][0-9]{12}/.test(Date.now().toString()) || (S = () => (/* @__PURE__ */ new Date()).getTime());
-const v = readDebugFlag(), k = "per_session";
-let x = null, I = null, T = false, E = null, C = null, $ = "", F = "", M = false;
+exports.nowTimestamp = Date.now, /[1-9][0-9]{12}/.test(Date.now().toString()) || (exports.nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime());
+const S = readDebugFlag(), v = "per_session";
+let k = null, x = null, I = false, T = null, E = null, C = "", $ = "", F = false;
+const M = [];
+function onNavigationChange(e2) {
+  M.push(e2);
+}
 function _updateHrefCache() {
-  $ = window.location.href, F = window.location.origin + window.location.pathname;
+  C = window.location.href, $ = window.location.origin + window.location.pathname;
+  for (const e2 of M) try {
+    e2();
+  } catch (e3) {
+  }
 }
 function ensureHrefCache() {
-  if (M || "undefined" == typeof window) return;
-  M = true, _updateHrefCache(), window.addEventListener("popstate", _updateHrefCache), window.addEventListener("hashchange", _updateHrefCache);
+  if (F || "undefined" == typeof window) return;
+  F = true, _updateHrefCache(), window.addEventListener("popstate", _updateHrefCache), window.addEventListener("hashchange", _updateHrefCache);
   const e2 = history.pushState;
   history.pushState = function(...t3) {
     e2.apply(this, t3), _updateHrefCache();
@@ -175,10 +204,10 @@ function ensureHrefCache() {
   };
 }
 function getCachedHref() {
-  return $ || ("undefined" != typeof window ? window.location.href : "");
+  return C || ("undefined" != typeof window ? window.location.href : "");
 }
 function getCachedHrefNoQuery() {
-  return F || ("undefined" != typeof window ? window.location.origin + window.location.pathname : "");
+  return $ || ("undefined" != typeof window ? window.location.origin + window.location.pathname : "");
 }
 const L = [];
 let A = null;
@@ -196,27 +225,27 @@ function _flushIDBQueue() {
 let R = false, D = null, P = null, _ = false;
 const B = "sailfish_funcspan_global_state";
 function wsSendPayload(e2) {
-  if (!isWebSocketOpen(I)) return false;
-  if (x) try {
-    return x.postMessage({ type: "send", payload: e2 }), true;
+  if (!isWebSocketOpen(x)) return false;
+  if (k) try {
+    return k.postMessage({ type: "send", payload: e2 }), true;
   } catch {
     return false;
   }
   try {
-    return I.send(JSON.stringify(e2)), true;
+    return x.send(JSON.stringify(e2)), true;
   } catch {
     return false;
   }
 }
 function wsSendRaw(e2) {
-  if (!isWebSocketOpen(I)) return false;
-  if (x) try {
-    return x.postMessage({ type: "sendRaw", payload: e2 }), true;
+  if (!isWebSocketOpen(x)) return false;
+  if (k) try {
+    return k.postMessage({ type: "sendRaw", payload: e2 }), true;
   } catch {
     return false;
   }
   try {
-    return I.send(e2), true;
+    return x.send(e2), true;
   } catch {
     return false;
   }
@@ -225,21 +254,21 @@ function saveGlobalFuncSpanState(e2, t2) {
   try {
     if ("undefined" == typeof localStorage) return;
     const n2 = { enabled: e2, expirationTimestampMs: t2, savedAt: Date.now() };
-    localStorage.setItem(B, JSON.stringify(n2)), v && console.log("[Sailfish] Saved funcSpan state to localStorage:", n2);
+    localStorage.setItem(B, JSON.stringify(n2)), S && console.log("[Sailfish] Saved funcSpan state to localStorage:", n2);
   } catch (e3) {
-    v && console.warn("[Sailfish] Failed to save funcSpan state to localStorage:", e3);
+    S && console.warn("[Sailfish] Failed to save funcSpan state to localStorage:", e3);
   }
 }
 function clearGlobalFuncSpanState() {
   try {
     if ("undefined" == typeof localStorage) return;
-    localStorage.removeItem(B), v && console.log("[Sailfish] Cleared funcSpan state from localStorage");
+    localStorage.removeItem(B), S && console.log("[Sailfish] Cleared funcSpan state from localStorage");
   } catch (e2) {
-    v && console.warn("[Sailfish] Failed to clear funcSpan state from localStorage:", e2);
+    S && console.warn("[Sailfish] Failed to clear funcSpan state from localStorage:", e2);
   }
 }
 function clearStaleFuncSpanState() {
-  R = false, P = null, _ = false, clearGlobalFuncSpanState(), v && console.log("[Sailfish] Cleared stale function span tracking state (backend validation failed)");
+  R = false, P = null, _ = false, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Cleared stale function span tracking state (backend validation failed)");
 }
 let j = false;
 function restoreFuncSpanState() {
@@ -251,14 +280,14 @@ function restoreFuncSpanState() {
       const e3 = localStorage.getItem(B);
       if (!e3) return null;
       const t2 = JSON.parse(e3);
-      return v && console.log("[Sailfish] Loaded funcSpan state from localStorage:", t2), t2;
+      return S && console.log("[Sailfish] Loaded funcSpan state from localStorage:", t2), t2;
     } catch (e3) {
-      return v && console.warn("[Sailfish] Failed to load funcSpan state from localStorage:", e3), null;
+      return S && console.warn("[Sailfish] Failed to load funcSpan state from localStorage:", e3), null;
     }
   })();
-  if (e2 && e2.enabled) if (R = true, P = e2.expirationTimestampMs, _ = false, v && console.log("[Sailfish] Restored global function span tracking from localStorage:", { enabled: true, expirationTime: P }), null !== P) {
-    Date.now() >= P ? (R = false, P = null, clearGlobalFuncSpanState(), v && console.log("[Sailfish] Persisted tracking already expired, cleared state")) : v && console.log("[Sailfish] Function span tracking is active and valid (temporary until WebSocket confirms)");
-  } else v && console.log("[Sailfish] Function span tracking is active (no expiration, temporary until WebSocket confirms)");
+  if (e2 && e2.enabled) if (R = true, P = e2.expirationTimestampMs, _ = false, S && console.log("[Sailfish] Restored global function span tracking from localStorage:", { enabled: true, expirationTime: P }), null !== P) {
+    Date.now() >= P ? (R = false, P = 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)");
 }
 function isWebSocketOpen(e2) {
   return (e2 == null ? void 0 : e2.readyState) === WebSocket.OPEN;
@@ -270,7 +299,7 @@ async function flushNotifyQueue() {
       n2.onsuccess = () => t2(n2.result), n2.onerror = () => t2([]);
     })) ?? [];
   })();
-  if (isWebSocketOpen(I)) try {
+  if (isWebSocketOpen(x)) try {
     for (const t2 of e2) {
       if (!wsSendRaw(t2.value)) break;
       await deleteNotifyMessageById(t2.id);
@@ -279,9 +308,9 @@ async function flushNotifyQueue() {
   }
 }
 async function flushBufferedEvents() {
-  if (isWebSocketOpen(I)) if (E) await E;
+  if (isWebSocketOpen(x)) if (T) await T;
   else {
-    E = (async () => {
+    T = (async () => {
       var _a, _b;
       const e2 = await (async function getAllIndexedEvents() {
         return await withStore$1("readonly", (e3) => new Promise((t3) => {
@@ -296,7 +325,7 @@ async function flushBufferedEvents() {
       for (const e3 of Object.values(t2)) {
         const t3 = buildBatches(e3, (e4) => eventSize(e4.data), 52428800);
         for (const e4 of t3) {
-          if (!isWebSocketOpen(I)) break;
+          if (!isWebSocketOpen(x)) break;
           const t4 = e4.map((e5) => (e5.data.appUrl || (e5.data.appUrl = getCachedHref()), e5.data)), n2 = e4.map((e5) => e5.id).filter((e5) => null != e5);
           try {
             wsSendPayload({ type: "events", events: t4, mapUuid: window.sfMapUuid }) && await deleteEventsByIds(n2);
@@ -306,51 +335,51 @@ async function flushBufferedEvents() {
       }
     })();
     try {
-      await E;
+      await T;
     } finally {
-      E = null;
+      T = null;
     }
   }
 }
 function sendEvent(e2) {
-  e2.app_url || (e2.app_url = getCachedHref()), !T && isWebSocketOpen(I) && wsSendPayload({ type: "event", event: e2, mapUuid: window.sfMapUuid }) || queueEventForIDB(e2);
+  e2.app_url || (e2.app_url = getCachedHref()), !I && isWebSocketOpen(x) && wsSendPayload({ type: "event", event: e2, mapUuid: window.sfMapUuid }) || queueEventForIDB(e2);
 }
 function handleWsOpen() {
-  v && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (R ? "ENABLED" : "DISABLED"))), (async () => {
+  S && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (R ? "ENABLED" : "DISABLED"))), (async () => {
     try {
-      T = true, await flushNotifyQueue(), await flushBufferedEvents();
+      I = true, await flushNotifyQueue(), await flushBufferedEvents();
     } finally {
-      T = false;
+      I = false;
     }
-    null != C && clearInterval(C), C = window.setInterval(() => {
+    null != E && clearInterval(E), E = window.setInterval(() => {
       flushBufferedEvents();
     }, 2e3);
   })();
 }
 function handleWsClose() {
-  null != C && (clearInterval(C), C = null), v && console.log("[Sailfish] WebSocket closed");
+  null != E && (clearInterval(E), E = null), S && console.log("[Sailfish] WebSocket closed");
 }
 function handleWsMessage(e2) {
   try {
     const t2 = JSON.parse(e2);
-    if ("funcSpanTrackingControl" === t2.type) if (v && console.log("[Sailfish] Received funcSpanTrackingControl message:", { enabled: t2.enabled, timeoutSeconds: t2.timeoutSeconds, expirationTimestampMs: t2.expirationTimestampMs }), null !== D && (window.clearTimeout(D), D = null), R = t2.enabled, _ = false, v && console.log("[Sailfish] Function span tracking " + (t2.enabled ? "ENABLED (GLOBAL)" : "DISABLED (GLOBAL)")), t2.enabled) {
+    if ("funcSpanTrackingControl" === t2.type) if (S && console.log("[Sailfish] Received funcSpanTrackingControl message:", { enabled: t2.enabled, timeoutSeconds: t2.timeoutSeconds, expirationTimestampMs: t2.expirationTimestampMs }), null !== D && (window.clearTimeout(D), D = null), R = t2.enabled, _ = false, S && console.log("[Sailfish] Function span tracking " + (t2.enabled ? "ENABLED (GLOBAL)" : "DISABLED (GLOBAL)")), t2.enabled) {
       if (t2.expirationTimestampMs) {
         P = t2.expirationTimestampMs;
         const e3 = Date.now(), n2 = P - e3;
-        v && console.log(`[Sailfish] Server expiration timestamp: ${P}, ms until expiration: ${n2}`), n2 > 0 ? (saveGlobalFuncSpanState(true, P), D = window.setTimeout(() => {
-          _ || (R = false, P = null, clearGlobalFuncSpanState(), v && console.log("[Sailfish] GLOBAL function span tracking auto-disabled at server expiration time"), wsSendPayload({ type: "funcSpanTrackingExpired", sessionId: getOrSetSessionId(), expiredAt: Date.now() }), v && console.log("[Sailfish] Notified backend that function span tracking expired"));
-        }, n2)) : (R = false, P = null, clearGlobalFuncSpanState(), v && console.log("[Sailfish] Tracking already expired, not enabling"));
+        S && console.log(`[Sailfish] Server expiration timestamp: ${P}, ms until expiration: ${n2}`), n2 > 0 ? (saveGlobalFuncSpanState(true, P), D = window.setTimeout(() => {
+          _ || (R = false, P = 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)) : (R = false, P = null, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Tracking already expired, not enabling"));
       } else {
         const e3 = t2.timeoutSeconds || 3600;
         e3 > 0 && (P = Date.now() + 1e3 * e3, saveGlobalFuncSpanState(true, P), D = window.setTimeout(() => {
-          _ || (R = false, P = null, clearGlobalFuncSpanState(), v && console.log(`[Sailfish] GLOBAL function span tracking auto-disabled after ${e3}s (legacy)`), wsSendPayload({ type: "funcSpanTrackingExpired", sessionId: getOrSetSessionId(), expiredAt: Date.now() }), v && console.log("[Sailfish] Notified backend that function span tracking expired (legacy timeout)"));
+          _ || (R = false, P = 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)"));
         }, 1e3 * e3));
       }
       try {
         const e3 = getOrSetSessionId();
-        wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: e3, enabled: true, configurationType: "global" }), v && console.log(`[Sailfish] GLOBAL tracking session report sent for session: ${e3}`);
+        wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: e3, enabled: true, configurationType: "global" }), S && console.log(`[Sailfish] GLOBAL tracking session report sent for session: ${e3}`);
       } catch (e3) {
-        v && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
+        S && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
       }
     } else P = null, clearGlobalFuncSpanState();
   } catch (e3) {
@@ -362,8 +391,8 @@ function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
     const t3 = new URL(e2);
     return `${t3.hostname}${t3.port ? `:${t3.port}` : ""}`;
   })(t2);
-  let r2 = `${"https:" === new URL(t2).protocol ? "wss" : "ws"}://${a2}/ws/notify/?apiKey=${n2}&sessionId=${i2}&sender=JS%2FTS&version=1.10.7`;
-  if (o2 && (r2 += `&envValue=${encodeURIComponent(o2)}`), x = s2 ? (function tryCreateWsWorker() {
+  let r2 = `${"https:" === new URL(t2).protocol ? "wss" : "ws"}://${a2}/ws/notify/?apiKey=${n2}&sessionId=${i2}&sender=JS%2FTS&version=1.10.9`;
+  if (o2 && (r2 += `&envValue=${encodeURIComponent(o2)}`), k = s2 ? (function tryCreateWsWorker() {
     if ("undefined" == typeof Worker) return null;
     try {
       const e2 = new Blob(['\nvar ws = null;\nvar wsUrl = "";\nvar reconnectTimer = null;\nvar reconnectDelay = 1000;\nvar MAX_RECONNECT_DELAY = 30000;\nvar CONNECTION_TIMEOUT = 30000;\nvar queue = [];\nvar MAX_QUEUE = 500;\n\nfunction enqueue(str) {\n  if (queue.length >= MAX_QUEUE) queue.shift();\n  queue.push(str);\n}\n\nfunction drain() {\n  while (queue.length > 0) {\n    if (!ws || ws.readyState !== 1) break;\n    try { ws.send(queue.shift()); } catch (e) { break; }\n  }\n}\n\nfunction connect() {\n  if (ws && (ws.readyState === 0 || ws.readyState === 1)) return;\n  try { ws = new WebSocket(wsUrl); } catch (e) { scheduleReconnect(); return; }\n  var tid = setTimeout(function() { if (ws && ws.readyState === 0) ws.close(); }, CONNECTION_TIMEOUT);\n  ws.onopen = function() {\n    clearTimeout(tid);\n    reconnectDelay = 1000;\n    drain();\n    postMessage({ type: "open" });\n  };\n  ws.onclose = function() {\n    clearTimeout(tid);\n    ws = null;\n    postMessage({ type: "close" });\n    scheduleReconnect();\n  };\n  ws.onerror = function() {};\n  ws.onmessage = function(e) {\n    postMessage({ type: "message", data: e.data });\n  };\n}\n\nfunction scheduleReconnect() {\n  if (reconnectTimer) return;\n  reconnectTimer = setTimeout(function() {\n    reconnectTimer = null;\n    reconnectDelay = Math.min(reconnectDelay * 1.5, MAX_RECONNECT_DELAY);\n    connect();\n  }, reconnectDelay);\n}\n\nself.onmessage = function(e) {\n  var msg = e.data;\n  if (msg.type === "init") {\n    wsUrl = msg.wsUrl;\n    connect();\n  } else if (msg.type === "send") {\n    try {\n      var s = JSON.stringify(msg.payload);\n      if (ws && ws.readyState === 1) { ws.send(s); }\n      else { enqueue(s); }\n    } catch (e) {}\n  } else if (msg.type === "sendRaw") {\n    if (ws && ws.readyState === 1) {\n      try { ws.send(msg.payload); } catch (e) { enqueue(msg.payload); }\n    } else { enqueue(msg.payload); }\n  } else if (msg.type === "close") {\n    if (reconnectTimer) { clearTimeout(reconnectTimer); reconnectTimer = null; }\n    if (ws) { ws.close(); ws = null; }\n  }\n};\n'], { type: "application/javascript" }), t3 = URL.createObjectURL(e2), n3 = new Worker(t3);
@@ -371,84 +400,73 @@ function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
     } catch {
       return null;
     }
-  })() : null, x) {
-    const e2 = x, t3 = { readyState: WebSocket.CONNECTING, close: () => {
-      t3.readyState = WebSocket.CLOSED, e2.postMessage({ type: "close" }), e2.terminate(), x = null, null != C && (clearInterval(C), C = null);
+  })() : null, k) {
+    const e2 = k, t3 = { readyState: WebSocket.CONNECTING, close: () => {
+      t3.readyState = WebSocket.CLOSED, e2.postMessage({ type: "close" }), e2.terminate(), k = null, null != E && (clearInterval(E), E = null);
     } };
-    return I = t3, x.onmessage = (e3) => {
+    return x = t3, k.onmessage = (e3) => {
       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);
-    }, x.onerror = () => {
-      v && console.warn("[Sailfish] WebSocket worker error");
-    }, x.postMessage({ type: "init", wsUrl: r2 }), v && console.log("[Sailfish] WebSocket running in Web Worker (off main thread)"), t3;
+    }, k.onerror = () => {
+      S && console.warn("[Sailfish] WebSocket worker error");
+    }, k.postMessage({ type: "init", wsUrl: r2 }), S && console.log("[Sailfish] WebSocket running in Web Worker (off main thread)"), t3;
   }
-  v && console.log("[Sailfish] WebSocket running on main thread (Worker unavailable)");
+  S && console.log("[Sailfish] WebSocket running on main thread (Worker unavailable)");
   const l2 = new e(r2, [], { connectionTimeout: 3e4 }), c2 = { get readyState() {
     return l2.readyState;
   }, close: () => {
-    l2.close(), null != C && (clearInterval(C), C = null);
+    l2.close(), null != E && (clearInterval(E), E = null);
   } };
-  return I = c2, l2.addEventListener("open", () => handleWsOpen()), l2.addEventListener("close", () => handleWsClose()), l2.addEventListener("message", (e2) => handleWsMessage(e2.data)), c2;
+  return x = c2, l2.addEventListener("open", () => handleWsOpen()), l2.addEventListener("close", () => handleWsClose()), l2.addEventListener("message", (e2) => handleWsMessage(e2.data)), c2;
 }
 function sendMessage(e2) {
-  "sessionId" in e2 || (e2.sessionId = getOrSetSessionId()), e2.app_url || (e2.app_url = getCachedHref()), T || !isWebSocketOpen(I) ? saveNotifyMessageToIDB(JSON.stringify(e2)) : wsSendPayload(e2) || saveNotifyMessageToIDB(JSON.stringify(e2));
+  "sessionId" in e2 || (e2.sessionId = getOrSetSessionId()), e2.app_url || (e2.app_url = getCachedHref()), I || !isWebSocketOpen(x) ? saveNotifyMessageToIDB(JSON.stringify(e2)) : wsSendPayload(e2) || saveNotifyMessageToIDB(JSON.stringify(e2));
 }
 function enableFunctionSpanTracking() {
-  if (v && console.log("[Sailfish] enableFunctionSpanTracking() called - Report Issue recording started (LOCAL MODE)"), R = true, _ = true, P = null, null !== D && (window.clearTimeout(D), D = null), isWebSocketOpen(I)) {
-    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: true, configurationType: k });
-  } else v && console.warn("[Sailfish] WebSocket not open, cannot report LOCAL tracking session");
+  if (S && console.log("[Sailfish] enableFunctionSpanTracking() called - Report Issue recording started (LOCAL MODE)"), R = true, _ = true, P = null, null !== D && (window.clearTimeout(D), D = null), isWebSocketOpen(x)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: true, configurationType: v });
+  } else S && console.warn("[Sailfish] WebSocket not open, cannot report LOCAL tracking session");
 }
 function disableFunctionSpanTracking() {
-  if (v && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(I)) {
-    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: k });
+  if (S && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(x)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: v });
   } else console.warn("[FUNCSPAN STOP] ✗ WebSocket not open, cannot notify tracking end");
-  _ && (R = false, _ = false, P = null, v && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== D && (window.clearTimeout(D), D = null);
+  _ && (R = false, _ = false, P = null, S && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== D && (window.clearTimeout(D), D = null);
 }
 function isFunctionSpanTrackingEnabled() {
   return R;
 }
 function initializeFunctionSpanTrackingFromApi(e2) {
-  e2 && !R ? (R = true, _ = false, P = null, v && console.log("[Sailfish] Function span tracking initialized as ENABLED from API check")) : !e2 && R && (R = false, _ = false, P = null, v && console.log("[Sailfish] Function span tracking initialized as DISABLED from API check"));
+  e2 && !R ? (R = true, _ = false, P = null, S && console.log("[Sailfish] Function span tracking initialized as ENABLED from API check")) : !e2 && R && (R = false, _ = false, P = null, S && console.log("[Sailfish] Function span tracking initialized as DISABLED from API check"));
 }
 function getFuncSpanHeader() {
   if (!R) return null;
   if (null !== P) {
-    if (Date.now() >= P) return R = false, P = null, clearGlobalFuncSpanState(), v && console.log("[Sailfish] Function span tracking expired on header check - disabling now"), null;
+    if (Date.now() >= P) return R = false, P = null, clearGlobalFuncSpanState(), S && 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" };
 }
-const O = Object.freeze(Object.defineProperty({ __proto__: null, clearStaleFuncSpanState, disableFunctionSpanTracking, enableFunctionSpanTracking, ensureHrefCache, flushBufferedEvents, getCachedHref, getCachedHrefNoQuery, getFuncSpanHeader, initializeFunctionSpanTrackingFromApi, initializeWebSocket, isFunctionSpanTrackingEnabled, restoreFuncSpanState, sendEvent, sendMessage }, Symbol.toStringTag, { value: "Module" }));
-let z = null, H = null;
-function identify(e2, t2 = {}, n2 = false) {
-  const i2 = { type: "identify", userId: e2, traits: t2 };
-  z && z.userId === e2 && JSON.stringify(z.traits) === JSON.stringify(t2) || (z = { userId: e2, traits: t2, overwrite: n2 }, sendMessage(i2));
-}
-function addOrUpdateMetadata(e2) {
-  const t2 = { type: "addOrUpdateMetadata", metadata: e2 };
-  H && JSON.stringify(H) === JSON.stringify(e2) || (H = e2, sendMessage(t2));
-}
-function trackingEvent(e2) {
-  sendMessage({ type: "trackingEvent", trackingData: e2, timestamp: S() });
-}
-let U = null;
-const q = ["https://api.ipify.org?format=json", "https://api.ip.sb/jsonip", "https://api4.my-ip.io/ip.json"];
+const z = Object.freeze(Object.defineProperty({ __proto__: null, clearStaleFuncSpanState, disableFunctionSpanTracking, enableFunctionSpanTracking, ensureHrefCache, flushBufferedEvents, getCachedHref, getCachedHrefNoQuery, getFuncSpanHeader, initializeFunctionSpanTrackingFromApi, initializeWebSocket, isFunctionSpanTrackingEnabled, onNavigationChange, restoreFuncSpanState, sendEvent, sendMessage }, Symbol.toStringTag, { value: "Module" }));
+let O = null, U = null;
+let H = null;
+const N = ["https://api.ipify.org?format=json", "https://api.ip.sb/jsonip", "https://api4.my-ip.io/ip.json"];
 function fetchAndSendIp(e2) {
-  U !== e2 && (U = e2, (async () => {
-    for (const e3 of q) try {
+  H !== e2 && (H = e2, (async () => {
+    for (const e3 of N) try {
       const t2 = new AbortController(), n2 = setTimeout(() => t2.abort(), 5e3), i2 = await fetch(e3, { signal: t2.signal });
       if (clearTimeout(n2), !i2.ok) continue;
       const o2 = await i2.json(), s2 = o2.ip || o2.origin || null;
-      if (s2 && "string" == typeof s2 && s2.length <= 45) return void sendMessage({ type: "visitorIp", ip: s2, timestamp: S() });
+      if (s2 && "string" == typeof s2 && s2.length <= 45) return void sendMessage({ type: "visitorIp", ip: s2, timestamp: exports.nowTimestamp() });
     } catch {
     }
-    U = null;
+    H = null;
   })().catch(() => {
-    U = null;
+    H = null;
   }));
 }
-let N = null;
+let q = null;
 async function getSourceMapModule() {
-  return N || (N = await import("source-map-js")), N;
+  return q || (q = await import("source-map-js")), q;
 }
 const W = /* @__PURE__ */ new Map(), K = /(?:\(|\s|^)(https?:\/\/[^)\s]+|\/[^)\s]+|[^)\s]+)?\/?([^/]+\.js)(?:\?[^:)]*)?:(\d+):(\d+)/;
 async function getConsumerFor(e2, t2) {
@@ -658,7 +676,7 @@ async function initializeConsolePlugin(e2, n2) {
   const { name: o2, observer: s2 } = i2(e2);
   s2((e3) => {
     const i3 = e3, [s3, a2] = getCallerLocationFromTrace(i3 == null ? void 0 : i3.trace, 0), [r2, l2] = getCallerLocation(2), c2 = s3 ?? r2, d2 = a2 ?? l2, u2 = { ...i3, sourceFile: c2, sourceLine: d2 };
-    sendEvent({ type: t.Plugin, timestamp: Date.now(), data: { plugin: o2, payload: u2 }, sessionId: n2, ...getUrlAndStoredUuids() });
+    sendEvent({ type: t.EventType.Plugin, timestamp: Date.now(), data: { plugin: o2, payload: u2 }, sessionId: n2, ...getUrlAndStoredUuids() });
   }, window, e2);
 }
 async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2 = false) {
@@ -688,14 +706,14 @@ async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2
       Object.assign(e3, getUrlAndStoredUuids()), e3.sessionId = o2, n3.emit(e3);
     }, startHeavyWork = async () => {
       if (true === e2.enableFiberTracking) try {
-        const { installFiberHook: e3, processExistingTree: t2 } = await import("./fiberHook-DGANQ2ma.js");
+        const { installFiberHook: e3, processExistingTree: t2 } = await Promise.resolve().then(() => require("./fiberHook-CEzmPkx_.js"));
         e3(), t2(), console.log("[Sailfish] React Fiber tracking enabled");
       } catch (e3) {
         console.warn("[Sailfish] Failed to enable Fiber tracking:", e3);
       }
       const { record: n4 } = await import("@sailfish-rrweb/rrweb-record-only");
       if (J = n4, await yieldToMain(), l2) {
-        const { chunkedSnapshot: i3 } = await import("./chunkSerializer-BuEZW3N4.js"), o3 = n4.mirror;
+        const { chunkedSnapshot: i3 } = await Promise.resolve().then(() => require("./chunkSerializer-DdlgLmEH.js")), o3 = n4.mirror;
         let s3 = true;
         const a3 = [];
         n4({ emit(e3) {
@@ -703,7 +721,7 @@ async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2
         }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: X, ...e2, recordDOM: false });
         const r3 = Date.now(), l3 = await i3(document, o3, { chunkSize: 500, maxChunkMs: 16, blockClass: e2.blockClass, blockSelector: e2.blockSelector, maskTextClass: e2.maskTextClass ?? X, maskTextSelector: e2.maskTextSelector });
         if (l3) {
-          emitWithContext({ type: t.Meta, data: { href: window.location.href, width: document.documentElement.clientWidth || document.body.clientWidth, height: document.documentElement.clientHeight || document.body.clientHeight }, timestamp: r3 }), emitWithContext({ type: t.FullSnapshot, data: { node: l3, initialOffset: { left: void 0 !== window.pageXOffset ? window.pageXOffset : document.documentElement.scrollLeft, top: void 0 !== window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop } }, timestamp: r3 });
+          emitWithContext({ type: t.EventType.Meta, data: { href: window.location.href, width: document.documentElement.clientWidth || document.body.clientWidth, height: document.documentElement.clientHeight || document.body.clientHeight }, timestamp: r3 }), emitWithContext({ type: t.EventType.FullSnapshot, data: { node: l3, initialOffset: { left: void 0 !== window.pageXOffset ? window.pageXOffset : document.documentElement.scrollLeft, top: void 0 !== window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop } }, timestamp: r3 });
           for (const e3 of a3) emitWithContext(e3);
           s3 = false;
         } else console.warn("[Sailfish] chunkSnapshot serialization failed; session continues without initial DOM snapshot"), s3 = false;
@@ -741,11 +759,11 @@ async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2
         zE_safe("messenger:set", "conversationTags", [`sailfish-session-${o2}`]);
       });
       const handleWidgetOpen = () => {
-        J == null ? void 0 : J.addSailfishEvent(t.SailfishCustom, { action: "customer support chat opened", element_id: Z, provider: Y });
+        J == null ? void 0 : J.addSailfishEvent(t.EventType.SailfishCustom, { action: "customer support chat opened", element_id: Z, provider: Y });
       }, handleWidgetClose = () => {
-        J == null ? void 0 : J.addSailfishEvent(t.SailfishCustom, { action: "customer support chat closed", element_id: Z, provider: Y });
+        J == null ? void 0 : J.addSailfishEvent(t.EventType.SailfishCustom, { action: "customer support chat closed", element_id: Z, provider: Y });
       }, handleUnreadMessages = (e3) => {
-        J == null ? void 0 : J.addSailfishEvent(t.SailfishCustom, { action: "zendesk unreadmessages", element_id: Z, provider: Y });
+        J == null ? void 0 : J.addSailfishEvent(t.EventType.SailfishCustom, { action: "zendesk unreadmessages", element_id: Z, provider: Y });
       };
       suppressConsoleLogsDuringCall(() => {
         zE_safe("messenger:on", "open", handleWidgetOpen), zE_safe("messenger:on", "close", handleWidgetClose), zE_safe("messenger:on", "unreadMessages", handleUnreadMessages);
@@ -789,7 +807,7 @@ async function refreshIntegrationData(e2, t2) {
 }
 function populateSelectOptions(e2, t2, n2) {
   const i2 = document.createElement("option");
-  i2.value = "", i2.disabled = true, i2.selected = !n2, i2.textContent = "Select...", i2.style.color = "#9ca3af", e2.innerHTML = "", e2.appendChild(i2), t2.forEach((t3) => {
+  i2.value = "", i2.selected = !n2, i2.textContent = "Select...", i2.style.color = "#9ca3af", e2.innerHTML = "", e2.appendChild(i2), t2.forEach((t3) => {
     const n3 = document.createElement("option");
     n3.value = t3.id || t3.value || t3, n3.textContent = t3.name || t3.label || t3, e2.appendChild(n3);
   }), n2 ? (e2.value = n2, e2.style.color = "") : e2.style.color = "#9ca3af";
@@ -812,7 +830,7 @@ function populatePriorityOptions(e2, t2, n2) {
 function populateSprintOptions(e2, t2, n2) {
   e2.innerHTML = "";
   const i2 = document.createElement("option");
-  i2.value = "", i2.disabled = true, i2.selected = !n2, i2.textContent = "Select sprint...", i2.style.color = "#9ca3af", e2.appendChild(i2);
+  i2.value = "", i2.selected = !n2, i2.textContent = "Select sprint...", i2.style.color = "#9ca3af", e2.appendChild(i2);
   (t2 || []).filter((e3) => "active" === e3.state || "future" === e3.state).forEach((t3) => {
     const n3 = document.createElement("option");
     n3.value = String(t3.id), n3.textContent = t3.name || t3.id, e2.appendChild(n3);
@@ -846,7 +864,7 @@ function updateIssueTypeOptions(e2, t2) {
   const i2 = n2.issue_types || [];
   e2.innerHTML = "";
   const o2 = document.createElement("option");
-  if (o2.value = "", o2.disabled = true, o2.textContent = "Select...", o2.style.color = "#9ca3af", e2.appendChild(o2), i2.forEach((t3) => {
+  if (o2.value = "", o2.textContent = "Select...", o2.style.color = "#9ca3af", e2.appendChild(o2), i2.forEach((t3) => {
     const n3 = document.createElement("option");
     n3.value = t3.id || t3.value || t3, n3.textContent = t3.name || t3.label || t3, e2.appendChild(n3);
   }), i2.length > 0) {
@@ -915,16 +933,21 @@ function setIsRecording(e2) {
   me = e2;
 }
 function renderCustomMultiSelect(e2, t2, n2, i2, o2 = false) {
-  const s2 = o2 ? '<span style="color:#ef4444;">*</span>' : "", a2 = n2.filter((e3) => i2.includes(e3.id || e3.value || e3.name || e3)).map((e3) => e3.name || e3.value || e3).join(", ");
   return `
     <div style="position:relative;">
       <label for="${e2}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
-        ${t2} ${s2}
+        ${t2} ${o2 ? '<span style="color:#ef4444;">*</span>' : ""}
       </label>
       <div class="sf-custom-multiselect" id="${e2}-container" data-field-id="${e2}" style="position:relative;">
-        <div class="sf-multiselect-input" style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; background-color:white; cursor:pointer; min-height:38px; display:flex; align-items:center;" onclick="document.getElementById('${e2}-dropdown').style.display = document.getElementById('${e2}-dropdown').style.display === 'none' ? 'block' : 'none';">
-          <span style="color:${a2 ? "#000" : "#9ca3af"}; flex:1;">${a2 || "Select..."}</span>
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" style="margin-left:8px;">
+        <div class="sf-multiselect-input" style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; background-color:white; cursor:pointer; min-height:38px; display:flex; align-items:center; flex-wrap:wrap; gap:4px;" onclick="document.getElementById('${e2}-dropdown').style.display = document.getElementById('${e2}-dropdown').style.display === 'none' ? 'block' : 'none';">
+          <span class="sf-multiselect-chips" style="display:flex; flex-wrap:wrap; gap:4px; flex:1;">${n2.filter((e3) => i2.includes(e3.id || e3.value || e3.name || e3)).map((e3) => {
+    const t3 = e3.id || e3.value || e3.name || e3;
+    return `<span class="sf-multiselect-chip" data-value="${t3}" style="display:inline-flex; align-items:center; gap:4px; background:#e5e7eb; color:#374151; padding:2px 8px; border-radius:16px; font-size:13px; white-space:nowrap;">
+        ${e3.name || e3.value || e3}
+        <span class="sf-multiselect-chip-remove" data-value="${t3}" style="cursor:pointer; display:inline-flex; align-items:center; font-size:16px; line-height:1; color:#6b7280;" onclick="event.stopPropagation();">&times;</span>
+      </span>`;
+  }).join("") || '<span style="color:#9ca3af;">Select...</span>'}</span>
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" style="margin-left:8px; flex-shrink:0;">
             <path d="M4 6L8 10L12 6" stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
           </svg>
         </div>
@@ -943,25 +966,46 @@ 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 };
-let be = null;
+}, integrationData: null, showEngTicketFieldsDefault: 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;
-  i2.querySelectorAll(".sf-multiselect-option").forEach((e3) => {
-    e3.addEventListener("click", (o2) => {
-      o2.stopPropagation();
-      const s2 = e3, a2 = "true" === s2.dataset.selected;
-      s2.dataset.selected = String(!a2), s2.style.backgroundColor = a2 ? "" : "#e0f2fe";
-      const r2 = [], l2 = [];
-      i2.querySelectorAll(".sf-multiselect-option").forEach((e4) => {
-        const t3 = e4;
-        "true" === t3.dataset.selected && (r2.push(t3.dataset.value || ""), l2.push(t3.textContent || ""));
+  function updateChipsDisplay() {
+    const e3 = [], o2 = [];
+    i2.querySelectorAll(".sf-multiselect-option").forEach((t3) => {
+      var _a;
+      const n3 = t3;
+      if ("true" === n3.dataset.selected) {
+        const t4 = n3.dataset.value || "", i3 = ((_a = n3.textContent) == null ? void 0 : _a.trim()) || "";
+        e3.push(t4), o2.push(`<span class="sf-multiselect-chip" data-value="${t4}" style="display:inline-flex; align-items:center; gap:4px; background:#e5e7eb; color:#374151; padding:2px 8px; border-radius:16px; font-size:13px; white-space:nowrap;">
+            ${i3}
+            <span class="sf-multiselect-chip-remove" data-value="${t4}" style="cursor:pointer; display:inline-flex; align-items:center; font-size:16px; line-height:1; color:#6b7280;" onclick="event.stopPropagation();">&times;</span>
+          </span>`);
+      }
+    });
+    const s2 = n2.querySelector(".sf-multiselect-chips");
+    return s2 && (s2.innerHTML = o2.join("") || '<span style="color:#9ca3af;">Select...</span>', s2.querySelectorAll(".sf-multiselect-chip-remove").forEach((e4) => {
+      e4.addEventListener("click", (n3) => {
+        n3.stopPropagation();
+        const o3 = e4.dataset.value || "", s3 = i2.querySelector(`.sf-multiselect-option[data-value="${o3}"]`);
+        s3 && (s3.dataset.selected = "false", s3.style.backgroundColor = ""), updateChipsDisplay();
+        const a2 = [];
+        i2.querySelectorAll(".sf-multiselect-option").forEach((e5) => {
+          "true" === e5.dataset.selected && a2.push(e5.dataset.value || "");
+        }), t2(a2);
       });
-      const c2 = n2.querySelector(".sf-multiselect-input span"), d2 = l2.join(", ");
-      c2 && (c2.textContent = d2 || "Select...", c2.style.color = d2 ? "#000" : "#9ca3af"), t2(r2);
+    })), e3;
+  }
+  i2.querySelectorAll(".sf-multiselect-option").forEach((e3) => {
+    e3.addEventListener("click", (n3) => {
+      n3.stopPropagation();
+      const i3 = e3, o2 = "true" === i3.dataset.selected;
+      i3.dataset.selected = String(!o2), i3.style.backgroundColor = o2 ? "" : "#e0f2fe";
+      const s2 = updateChipsDisplay();
+      t2(s2);
     });
-  }), document.addEventListener("click", (e3) => {
+  }), updateChipsDisplay(), document.addEventListener("click", (e3) => {
     const t3 = e3.target;
     n2.contains(t3) || (i2.style.display = "none");
   });
@@ -1064,7 +1108,7 @@ function renderDynamicFields(e2, t2) {
               style="${p2} appearance:none; cursor:pointer; background-color: white; ${s4 ? "" : "color: #9ca3af;"}"
               ${l2 ? "required" : ""}
             >
-              <option value="" disabled ${s4 ? "" : "selected"} style="color: #9ca3af;">Select ${o3.toLowerCase()}...</option>
+              <option value="" ${s4 ? "" : "selected"} style="color: #9ca3af;">Select ${o3.toLowerCase()}...</option>
               ${e5}
             </select>
           </div>
@@ -1089,7 +1133,7 @@ function renderDynamicFields(e2, t2) {
               style="${p2} appearance:none; cursor:pointer; background-color: white; ${n4 ? "" : "color: #9ca3af;"}"
               ${l2 ? "required" : ""}
             >
-              <option value="" disabled ${n4 ? "" : "selected"} style="color: #9ca3af;">Select ${o3.toLowerCase()}...</option>
+              <option value="" ${n4 ? "" : "selected"} style="color: #9ca3af;">Select ${o3.toLowerCase()}...</option>
               ${e5}
             </select>
           </div>
@@ -1151,7 +1195,7 @@ function generateEngTicketFieldsHTML() {
   if (!e2) return "";
   const t2 = "jira" === ((_a = e2.provider) == null ? void 0 : _a.toLowerCase());
   let n2 = "<div style='display:flex; flex-direction:column; gap:12px;'>";
-  return e2.teams && Array.isArray(e2.teams) && e2.teams.length > 0 && (n2 += '\n      <div>\n        <label for="sf-eng-ticket-team" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n          Team\n        </label>\n        <select id="sf-eng-ticket-team"\n          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n          <option value="" disabled selected style="color: #9ca3af;">Select team...</option>\n        </select>\n      </div>\n    '), n2 += '\n    <div>\n      <label for="sf-eng-ticket-project" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n        Project\n      </label>\n      <select id="sf-eng-ticket-project"\n        style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n        <option value="" disabled selected style="color: #9ca3af;">Select project...</option>\n      </select>\n    </div>\n  ', t2 && (n2 += '\n      <div>\n        <label for="sf-eng-ticket-type" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n          Issue Type\n        </label>\n        <select id="sf-eng-ticket-type"\n          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n          <option value="" disabled selected style="color: #9ca3af;">Select project first...</option>\n        </select>\n      </div>\n    '), n2 += '\n    <div>\n      <label for="sf-eng-ticket-priority" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n        Priority\n      </label>\n      <select id="sf-eng-ticket-priority"\n        style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white;">\n      </select>\n    </div>\n  ', e2.labels && Array.isArray(e2.labels) && e2.labels.length > 0 && (n2 += renderCustomMultiSelect("sf-eng-ticket-labels", "Labels", e2.labels, ue.engTicketLabels, false)), t2 && e2.sprints && Array.isArray(e2.sprints) && e2.sprints.length > 0 && (n2 += '\n      <div>\n        <label for="sf-eng-ticket-sprint" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n          Sprint\n        </label>\n        <select id="sf-eng-ticket-sprint"\n          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n          <option value="" disabled selected style="color: #9ca3af;">Select sprint...</option>\n        </select>\n      </div>\n    '), n2 += '\n    <div id="sf-dynamic-fields-container" style="display: flex; flex-direction: column; gap: 12px;"></div>\n  ', n2 += "</div>", n2;
+  return e2.teams && Array.isArray(e2.teams) && e2.teams.length > 0 && (n2 += '\n      <div>\n        <label for="sf-eng-ticket-team" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n          Team\n        </label>\n        <select id="sf-eng-ticket-team"\n          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n          <option value="" selected style="color: #9ca3af;">Select team...</option>\n        </select>\n      </div>\n    '), n2 += '\n    <div>\n      <label for="sf-eng-ticket-project" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n        Project\n      </label>\n      <select id="sf-eng-ticket-project"\n        style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n        <option value="" selected style="color: #9ca3af;">Select project...</option>\n      </select>\n    </div>\n  ', t2 && (n2 += '\n      <div>\n        <label for="sf-eng-ticket-type" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n          Issue Type\n        </label>\n        <select id="sf-eng-ticket-type"\n          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n          <option value="" selected style="color: #9ca3af;">Select project first...</option>\n        </select>\n      </div>\n    '), n2 += '\n    <div>\n      <label for="sf-eng-ticket-priority" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n        Priority\n      </label>\n      <select id="sf-eng-ticket-priority"\n        style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white;">\n      </select>\n    </div>\n  ', e2.labels && Array.isArray(e2.labels) && e2.labels.length > 0 && (n2 += renderCustomMultiSelect("sf-eng-ticket-labels", "Labels", e2.labels, ue.engTicketLabels, false)), t2 && e2.sprints && Array.isArray(e2.sprints) && e2.sprints.length > 0 && (n2 += '\n      <div>\n        <label for="sf-eng-ticket-sprint" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">\n          Sprint\n        </label>\n        <select id="sf-eng-ticket-sprint"\n          style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none; appearance:none; cursor:pointer; background-color: white; color: #9ca3af;">\n          <option value="" selected style="color: #9ca3af;">Select sprint...</option>\n        </select>\n      </div>\n    '), n2 += '\n    <div id="sf-dynamic-fields-container" style="display: flex; flex-direction: column; gap: 12px;"></div>\n  ', n2 += "</div>", n2;
 }
 function getShortcutKeyCmdCtrlLabel() {
   return (function isMacPlatform() {
@@ -1171,8 +1215,8 @@ function getSessionIdSafely() {
   if (!ye.resolveSessionId) throw new Error("getSessionId not defined");
   return ye.resolveSessionId();
 }
-function openReportIssueModal() {
-  me ? stopRecording() : (injectModalHTML(), be && document.body.appendChild(be));
+function openReportIssueModal(e2) {
+  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() {
@@ -1364,7 +1408,7 @@ function injectModalHTML(e2 = "lookback") {
             Create an Issue
           </label>
 
-          <label id="sf-create-eng-ticket-label" style="display:${ye.integrationData ? "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
@@ -1386,7 +1430,7 @@ function injectModalHTML(e2 = "lookback") {
         </div>
 
         <!-- Engineering Ticket Fields (shown when create eng ticket is checked) -->
-        <div id="sf-eng-ticket-fields-container" style="display:${ue.createEngTicket ? "block" : "none"}; margin-top: ${ue.createIssue ? "12px" : "0"};">
+        <div id="sf-eng-ticket-fields-container" style="display:${ue.createEngTicket && ye.integrationData ? "block" : "none"}; margin-top: ${ue.createIssue ? "12px" : "0"};">
           ${generateEngTicketFieldsHTML()}
         </div>
       </div>
@@ -1491,7 +1535,7 @@ function injectModalHTML(e2 = "lookback") {
               pe = e6;
             })(Date.now()), setIsRecording(true);
             try {
-              const { enableFunctionSpanTracking: e6 } = await Promise.resolve().then(() => O);
+              const { enableFunctionSpanTracking: e6 } = await Promise.resolve().then(() => z);
               e6();
             } catch (e6) {
               console.error("[Report Issue] Failed to enable function span tracking:", e6);
@@ -1550,23 +1594,33 @@ function injectModalHTML(e2 = "lookback") {
             m2[e6] = parseInt(y2, 10);
           }
           closeModal(), (async function createTriageAndIssue(e6, t6, n4, i4, o4, s4, a4, r4, l4, c4, d4, u3) {
-            var _a2, _b;
+            var _a2, _b, _c;
             try {
               showStatusModal(true);
-              const p3 = await createTriageAndIssueFromRecorder(ye.apiKey, ye.backendApi, getSessionIdSafely(), e6, t6, n4, i4, o4, s4, a4, r4, l4, c4, d4, u3), f3 = (_b = (_a2 = p3 == null ? void 0 : p3.data) == null ? void 0 : _a2.createTriageAndIssueFromRecorder) == null ? void 0 : _b.id;
-              f3 ? showStatusModal(false, { type: "issue", id: f3 }) : (console.error("No Issue ID returned from backend."), showStatusModal(false, null));
+              const p3 = await createTriageAndIssueFromRecorder(ye.apiKey, ye.backendApi, getSessionIdSafely(), e6, t6, n4, i4, o4, s4, a4, r4, l4, c4, d4, u3);
+              if ((_a2 = p3 == null ? void 0 : p3.errors) == null ? void 0 : _a2.length) {
+                const e7 = p3.errors.map((e8) => e8.message).join("; ");
+                return console.error("GraphQL error creating triage and issue:", e7), void showStatusModal(false, null, e7);
+              }
+              const f3 = (_c = (_b = p3 == null ? void 0 : p3.data) == null ? void 0 : _b.createTriageAndIssueFromRecorder) == null ? void 0 : _c.id;
+              f3 ? showStatusModal(false, { type: "issue", id: f3 }) : (console.error("No Issue ID returned from backend."), showStatusModal(false, null, "No issue was created. Please try again."));
             } catch (e7) {
-              console.error("Error creating triage and issue:", e7), showStatusModal(false, null);
+              console.error("Error creating triage and issue:", e7), showStatusModal(false, null, "Something went wrong. Please try again.");
             }
           })(`${n3}`, `${i3}`, e5, l3, c3, ue.createEngTicket, d3, u2, p2, f2, g2, m2);
         } else closeModal(), (async function createTriage(e6, t5, n4) {
-          var _a2, _b;
+          var _a2, _b, _c;
           try {
             showStatusModal(true);
-            const i4 = await createTriageFromRecorder(ye.apiKey, ye.backendApi, getSessionIdSafely(), e6, t5, n4), o3 = (_b = (_a2 = i4 == null ? void 0 : i4.data) == null ? void 0 : _a2.createTriageFromRecorder) == null ? void 0 : _b.id;
-            o3 ? showStatusModal(false, { type: "triage", id: o3 }) : (console.error("No Triage ID returned from backend."), showStatusModal(false, null));
+            const i4 = await createTriageFromRecorder(ye.apiKey, ye.backendApi, getSessionIdSafely(), e6, t5, n4);
+            if ((_a2 = i4 == null ? void 0 : i4.errors) == null ? void 0 : _a2.length) {
+              const e7 = i4.errors.map((e8) => e8.message).join("; ");
+              return console.error("GraphQL error creating triage:", e7), void showStatusModal(false, null, e7);
+            }
+            const o3 = (_c = (_b = i4 == null ? void 0 : i4.data) == null ? void 0 : _b.createTriageFromRecorder) == null ? void 0 : _c.id;
+            o3 ? showStatusModal(false, { type: "triage", id: o3 }) : (console.error("No Triage ID returned from backend."), showStatusModal(false, null, "No triage was created. Please try again."));
           } catch (e7) {
-            console.error("Error creating triage:", e7), showStatusModal(false, null);
+            console.error("Error creating triage:", e7), showStatusModal(false, null, "Something went wrong. Please try again.");
           }
         })(`${n3}`, `${i3}`, e5);
       }
@@ -1579,8 +1633,10 @@ function injectModalHTML(e2 = "lookback") {
       const e4 = generateEngTicketFieldsHTML();
       e4 && (t3.innerHTML = e4, initializeEngTicketForm(), bindEngTicketListeners(), updateFormWithIntegrationData(ue), renderDynamicFields(ue.engTicketProject, ue.engTicketIssueType));
     }
-    const n2 = document.getElementById("sf-create-eng-ticket-label");
-    n2 && (n2.style.display = "flex");
+    if (we) {
+      const e4 = document.getElementById("sf-create-eng-ticket-label");
+      e4 && (e4.style.display = "flex");
+    }
   });
 }
 function initializeEngTicketForm() {
@@ -1668,7 +1724,7 @@ async function stopRecording() {
     fe = e2;
   })(Date.now()), setIsRecording(false), ge && (clearInterval(ge), setTimerInterval(null)), (_a = document.getElementById("sf-recording-indicator")) == null ? void 0 : _a.remove();
   try {
-    const { disableFunctionSpanTracking: e2 } = await Promise.resolve().then(() => O);
+    const { disableFunctionSpanTracking: e2 } = await Promise.resolve().then(() => z);
     e2();
   } catch (e2) {
     console.error("[Report Issue] Failed to disable function span tracking:", e2);
@@ -1698,23 +1754,23 @@ async function stopRecording() {
     r2.disabled = false, r2.style.opacity = "1", r2.style.cursor = "pointer";
   })();
 }
-function showStatusModal(e2, t2) {
-  !(function showTriageStatusModal(e3, t3, n2) {
+function showStatusModal(e2, t2, n2) {
+  !(function showTriageStatusModal(e3, t3, n3, i2) {
     var _a;
     !(function removeExistingModals() {
       var _a2, _b;
       (_a2 = document.getElementById("sf-report-issue-modal")) == null ? void 0 : _a2.remove(), (_b = document.getElementById("sf-triage-status-modal")) == null ? void 0 : _b.remove();
     })();
-    const i2 = n2 ? `${ye.triageBaseUrl}/issues/${n2}?from=inAppReportIssue` : t3 ? `${ye.triageBaseUrl}/triage/${t3}?from=inAppReportIssue` : "", o2 = document.createElement("div");
-    o2.id = "sf-triage-status-modal", Object.assign(o2.style, { position: "fixed", inset: "0", zIndex: "9998", display: "flex", alignItems: "center", justifyContent: "center" });
-    const s2 = e3 ? "Reporting Issue..." : "Issue reported!", a2 = e3 ? '<p style="font-size:14px; color:#64748b; line-height:20px;">This may take ~10 seconds</p>' : "", r2 = e3 ? '<div style="display:flex; justify-content:center; align-items:center; padding: 40px 0;">\n        <div style="width:24px; height:24px; border:2px solid #295dbf; border-top:2px solid white; border-radius:50%; animation:spin 1s linear infinite;"></div>\n      </div>' : "", l2 = e3 ? "" : '<div id="sf-copied-status" style="display:none; font-size:12px; font-weight:500; color:white;\n         background-color:#22c55e; padding:4px 8px; border-radius:6px; white-space:nowrap; align-items:center; gap:6px;">\n         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n           <path fill-rule="evenodd" clip-rule="evenodd" d="M21 7.5L9 19.5L3 13.5L5.25 11.25L9 15L18.75 5.25L21 7.5Z" fill="white"/>\n         </svg>\n         Copied\n       </div>';
-    o2.innerHTML = `
+    const o2 = !e3 && i2, s2 = n3 ? `${ye.triageBaseUrl}/issues/${n3}?from=inAppReportIssue` : t3 ? `${ye.triageBaseUrl}/triage/${t3}?from=inAppReportIssue` : "", a2 = document.createElement("div");
+    a2.id = "sf-triage-status-modal", Object.assign(a2.style, { position: "fixed", inset: "0", zIndex: "9998", display: "flex", alignItems: "center", justifyContent: "center" });
+    const r2 = e3 ? "Reporting Issue..." : o2 ? "Failed to report issue" : "Issue reported!", l2 = e3 ? '<p style="font-size:14px; color:#64748b; line-height:20px;">This may take ~10 seconds</p>' : o2 ? `<p style="font-size:14px; color:#ef4444; line-height:20px;">${i2}</p>` : "", c2 = e3 ? '<div style="display:flex; justify-content:center; align-items:center; padding: 40px 0;">\n        <div style="width:24px; height:24px; border:2px solid #295dbf; border-top:2px solid white; border-radius:50%; animation:spin 1s linear infinite;"></div>\n      </div>' : "", d2 = e3 ? "" : '<div id="sf-copied-status" style="display:none; font-size:12px; font-weight:500; color:white;\n         background-color:#22c55e; padding:4px 8px; border-radius:6px; white-space:nowrap; align-items:center; gap:6px;">\n         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n           <path fill-rule="evenodd" clip-rule="evenodd" d="M21 7.5L9 19.5L3 13.5L5.25 11.25L9 15L18.75 5.25L21 7.5Z" fill="white"/>\n         </svg>\n         Copied\n       </div>';
+    a2.innerHTML = `
     <div style="position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9998;"></div>
     <div id="sf-triage-card"
          style="position:relative; background:#fff; padding:24px; border-radius:12px; width:300px; max-width:90%;
                 font-family:sans-serif; box-shadow:0 4px 20px rgba(0,0,0,0.15);
                 z-index:9999; opacity:1; transition:opacity 300ms ease;">
-      <div style="position:absolute; top:24px; right:48px;">${l2}</div>
+      <div style="position:absolute; top:24px; right:48px;">${d2}</div>
 
       <button id="sf-triage-modal-close"
         style="position:absolute; top:24px; right:16px; background:none; border:none; cursor:pointer;">
@@ -1724,11 +1780,11 @@ function showStatusModal(e2, t2) {
         </svg>
       </button>
 
-      <h2 style="font-size:18px; font-weight:600; margin-bottom:${e3 ? 8 : 40}px; line-height:28px;">${s2}</h2>
-      ${a2}
-      ${r2}
+      <h2 style="font-size:18px; font-weight:600; margin-bottom:${e3 || o2 ? 8 : 40}px; line-height:28px;">${r2}</h2>
+      ${l2}
+      ${c2}
 
-      <div style="display:flex; justify-content:flex-end; align-items:center; gap:8px;">
+      <div style="display:${o2 ? "none" : "flex"}; justify-content:flex-end; align-items:center; gap:8px;">
         <button id="sf-copy-triage-link"
           style="background:white; border:1px solid #e2e8f0; padding:8px 16px; border-radius:6px;
           font-size:14px; color: #0f172a; cursor:pointer;">
@@ -1749,27 +1805,27 @@ function showStatusModal(e2, t2) {
     <style>
       @keyframes spin { to { transform: rotate(360deg); } }
     </style>
-  `, document.body.appendChild(o2);
-    const c2 = o2.querySelector("#sf-triage-card");
+  `, document.body.appendChild(a2);
+    const u2 = a2.querySelector("#sf-triage-card");
     (_a = document.getElementById("sf-triage-modal-close")) == null ? void 0 : _a.addEventListener("click", () => {
-      fadeCardAndRemove(o2, c2, 300);
+      fadeCardAndRemove(a2, u2, 300);
     });
-    const d2 = document.getElementById("sf-copy-triage-link"), u2 = document.getElementById("sf-view-triage-btn");
-    e3 ? (d2.disabled = true, d2.style.opacity = "0.4", d2.style.cursor = "not-allowed", u2.disabled = true, u2.style.opacity = "0.4", u2.style.cursor = "not-allowed") : (d2.disabled = false, d2.addEventListener("click", () => {
-      navigator.clipboard.writeText(i2).then(() => {
+    const p2 = document.getElementById("sf-copy-triage-link"), f2 = document.getElementById("sf-view-triage-btn");
+    e3 ? (p2.disabled = true, p2.style.opacity = "0.4", p2.style.cursor = "not-allowed", f2.disabled = true, f2.style.opacity = "0.4", f2.style.cursor = "not-allowed") : (p2.disabled = false, p2.addEventListener("click", () => {
+      navigator.clipboard.writeText(s2).then(() => {
         const e4 = document.getElementById("sf-copied-status");
         e4 && (e4.style.display = "flex");
       });
-    }), u2.disabled = false, u2.addEventListener("click", () => {
-      (t3 || n2) && window.open(i2, "_blank");
-    }), setTimeout(() => fadeCardAndRemove(o2, c2, 300), 1e4));
-  })(e2, "triage" === (t2 == null ? void 0 : t2.type) ? t2.id : void 0, "issue" === (t2 == null ? void 0 : t2.type) ? t2.id : void 0);
+    }), f2.disabled = false, f2.addEventListener("click", () => {
+      (t3 || n3) && window.open(s2, "_blank");
+    }), o2 || setTimeout(() => fadeCardAndRemove(a2, u2, 300), 1e4));
+  })(e2, "triage" === (t2 == null ? void 0 : t2.type) ? t2.id : void 0, "issue" === (t2 == null ? void 0 : t2.type) ? t2.id : void 0, 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) {
-  ye.apiKey = e2.apiKey, ye.backendApi = e2.backendApi, ye.resolveSessionId = e2.getSessionId, ye.integrationData = e2.integrationData || null, e2.customBaseUrl && (ye.triageBaseUrl = e2.customBaseUrl), ye.shortcuts = (function mergeShortcutsConfig(e3) {
+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;
     "boolean" == typeof e3.enabled && (t3.enabled = e3.enabled);
@@ -1801,13 +1857,13 @@ const we = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueCon
       return void (t3 && (e3.preventDefault(), t3.click()));
     }
   });
-} }, Symbol.toStringTag, { value: "Module" })), Se = readDebugFlag(), ve = /* @__PURE__ */ new Map();
+} }, Symbol.toStringTag, { value: "Module" })), ve = readDebugFlag(), ke = /* @__PURE__ */ new Map();
 function getCachedRegex(e2, t2) {
   const n2 = `${e2}|${t2}`;
-  let i2 = ve.get(n2);
-  return i2 || (i2 = new RegExp(e2, t2), ve.set(n2, i2)), i2;
+  let i2 = ke.get(n2);
+  return i2 || (i2 = new RegExp(e2, t2), ke.set(n2, i2)), i2;
 }
-const ke = new Set([".js", ".mjs", ".cjs", ".ts", ".css", ".scss", ".sass", ".less", ".styl", ".stylus", ".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".avif", ".bmp", ".ico", ".tiff", ".tif", ".heic", ".woff", ".woff2", ".ttf", ".otf", ".eot", ".mp4", ".webm", ".ogv", ".mp3", ".wav", ".flac", ".pdf", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".csv", ".json", ".xml", ".txt", ".zip", ".rar", ".gz", ".tar", ".7z", ".map", ".webmanifest"].map((e2) => e2.toLowerCase())), xe = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], Ie = [400, 403], Te = "CORS", Ee = 1, Ce = "authorization", $e = "Authorization", Fe = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {}, enableFiberTracking: false }, Me = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
+const xe = new Set([".js", ".mjs", ".cjs", ".ts", ".css", ".scss", ".sass", ".less", ".styl", ".stylus", ".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".avif", ".bmp", ".ico", ".tiff", ".tif", ".heic", ".woff", ".woff2", ".ttf", ".otf", ".eot", ".mp4", ".webm", ".ogv", ".mp3", ".wav", ".flac", ".pdf", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".csv", ".json", ".xml", ".txt", ".zip", ".rar", ".gz", ".tar", ".7z", ".map", ".webmanifest"].map((e2) => e2.toLowerCase())), Ie = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], Te = [400, 403], Ee = "CORS", Ce = "authorization", $e = "Authorization", Fe = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {}, enableFiberTracking: false }, Me = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
 function maskAuthorizationHeader(e2) {
   const t2 = e2[Ce] ? Ce : e2[$e] ? $e : null;
   if (!t2) return;
@@ -1825,7 +1881,7 @@ function trackDomainChangesOnce() {
     const n3 = window.location.href.split("?")[0];
     if (e3 || n3 !== t2) {
       t2 = n3;
-      const e4 = uuidv4(), i2 = sessionStorage.getItem("pageVisitUUID");
+      const e4 = uuidv4(), i2 = sessionStorage.getItem("pageVisitUUID") ?? "";
       sessionStorage.setItem("pageVisitUUID", e4), sessionStorage.setItem("prevPageVisitUUID", i2), invalidateUrlCache();
       sendMessage({ type: "routeChange", data: { url: n3, timestamp: Date.now(), page_visit_uuid: e4, prev_page_visit_uuid: i2 } });
     }
@@ -1835,7 +1891,7 @@ function trackDomainChangesOnce() {
       clearTimeout(n3), n3 = setTimeout(() => e3(...i2), t3);
     };
   })(() => checkDomainChange(), 500);
-  checkDomainChange(true), e2.routeWatcherIntervalId = window.setInterval(n2, 1e3);
+  onNavigationChange(() => checkDomainChange()), checkDomainChange(true), e2.routeWatcherIntervalId = window.setInterval(n2, 1e3);
 }
 function sendUserDeviceUuid() {
   sendMessage({ type: "userDeviceUuid", userDeviceUuid: (function getOrSetUserDeviceUuid() {
@@ -1858,7 +1914,7 @@ function handleVisibilityChange() {
   const e2 = document.visibilityState, t2 = Date.now();
   "visible" === e2 && getOrSetSessionId();
   try {
-    sendMessage({ type: "visibilityChange", data: { state: e2, url: window.location.href.split("?")[0], timestamp: t2, ...getUrlAndStoredUuids() } }), Se && console.log(`[Sailfish] Tab became ${e2}, sent visibility change event`);
+    sendMessage({ type: "visibilityChange", data: { state: e2, url: window.location.href.split("?")[0], timestamp: t2, ...getUrlAndStoredUuids() } }), ve && console.log(`[Sailfish] Tab became ${e2}, sent visibility change event`);
   } catch (e3) {
     console.warn("[Sailfish] Failed to send visibility change event:", e3);
   }
@@ -1913,7 +1969,7 @@ function matchUrlWithWildcard(e2, t2) {
   });
 }
 function createSkipHeadersPropagationChecker(e2 = []) {
-  const t2 = [...xe, ...e2];
+  const t2 = [...Ie, ...e2];
   return function shouldSkipHeadersPropagation(e3) {
     let n2;
     try {
@@ -1922,7 +1978,7 @@ function createSkipHeadersPropagationChecker(e2 = []) {
       return true;
     }
     const i2 = n2.pathname.toLowerCase(), o2 = i2.lastIndexOf(".");
-    return !(-1 === o2 || !ke.has(i2.slice(o2))) || !!matchUrlWithWildcard(e3, t2);
+    return !(-1 === o2 || !xe.has(i2.slice(o2))) || !!matchUrlWithWildcard(e3, t2);
   };
 }
 function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }) {
@@ -1957,7 +2013,7 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
           h2[e5] = t3;
         }) : h2 = { ...l3.headers }), m2 = l3.body;
       } catch (e5) {
-        Se && console.warn("[Sailfish] Failed to capture request data:", e5);
+        ve && console.warn("[Sailfish] Failed to capture request data:", e5);
       }
       delete h2[n];
       const b2 = getFuncSpanHeader();
@@ -1970,16 +2026,16 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
           const l4 = getFuncSpanHeader();
           if (i5 instanceof Request) {
             const c4 = i5.clone(), d4 = new Headers(c4.headers);
-            d4.set(n, `${s4}/${a3}/${r3}`), l4 && (d4.set(l4.name, l4.value), Se && console.log("[Sailfish] Added funcspan header to HTTP Request:", { url: i5.url, header: l4.name }));
+            d4.set(n, `${s4}/${a3}/${r3}`), l4 && (d4.set(l4.name, l4.value), ve && console.log("[Sailfish] Added funcspan header to HTTP Request:", { url: i5.url, header: l4.name }));
             const u4 = new Request(c4, { headers: d4 });
             return await e5.call(t3, u4, o4);
           }
           {
             const c4 = { ...o4 }, d4 = new Headers(o4.headers || {});
-            return d4.set(n, `${s4}/${a3}/${r3}`), l4 && (d4.set(l4.name, l4.value), Se && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof i5 ? i5 : i5.href, header: l4.name })), c4.headers = d4, await e5.call(t3, i5, c4);
+            return d4.set(n, `${s4}/${a3}/${r3}`), l4 && (d4.set(l4.name, l4.value), ve && console.log("[Sailfish] Added funcspan header to HTTP fetch:", { url: "string" == typeof i5 ? i5 : i5.href, header: l4.name })), c4.headers = d4, await e5.call(t3, i5, c4);
           }
         })(e4, i4, s3, l3, c3, p2.page_visit_uuid, u3), w3 = false;
-        Ie.includes(b3.status) && (Se && console.log("Perform retry as status was fail:", b3), delete h2[n], b3 = await (async function retryWithoutPropagateHeaders(e5, t3, i5, o4) {
+        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, o4) {
           try {
             let o5 = i5[0], s4 = i5[1] || {};
             if ("string" == typeof o5 || o5 instanceof URL) {
@@ -1995,7 +2051,7 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
             }
             return e5.apply(t3, i5);
           } catch (e6) {
-            throw Se && console.log(`Retry without ${n} for ${o4} also failed:`, e6), e6;
+            throw ve && console.log(`Retry without ${n} for ${o4} also failed:`, e6), e6;
           }
         })(e4, i4, o3, d3), w3 = true);
         const S2 = Date.now(), v2 = b3.status, k2 = b3.ok, x2 = k2 ? "" : `Request Error: ${b3.statusText}`;
@@ -2005,7 +2061,7 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
             I2[t3] = e5;
           });
         } catch (e5) {
-          Se && console.warn("[Sailfish] Failed to capture response headers:", e5), I2 = null;
+          ve && console.warn("[Sailfish] Failed to capture response headers:", e5), I2 = null;
         }
         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) => {
@@ -2083,7 +2139,7 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
         return b3;
       } catch (t3) {
         const n2 = Date.now(), s4 = false, a3 = ((_a = t3.response) == null ? void 0 : _a.status) || 500, r3 = t3.message || "Fetch request failed";
-        if (t3 instanceof TypeError && ((_b = t3 == null ? void 0 : t3.message) == null ? void 0 : _b.toLowerCase().includes(Te.toLowerCase()))) return e4.apply(i4, o3);
+        if (t3 instanceof TypeError && ((_b = t3 == null ? void 0 : t3.message) == null ? void 0 : _b.toLowerCase().includes(Ee.toLowerCase()))) return e4.apply(i4, o3);
         let l4 = m2;
         if (y2) try {
           l4 = await y2.text();
@@ -2100,7 +2156,7 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
   const S2 = h2 ?? y2 ?? true, v2 = getOrSetSessionId(), k2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
   if (k2.sessionId = v2, k2.apiKey = e2, k2.backendApi = t2, k2.serviceAdditionalMetadata = l2, k2.initialized && k2.sessionId === v2 && k2.ws && 1 === k2.ws.readyState) return void trackDomainChangesOnce();
   const x2 = { captureStreamingResponseBody: d2, captureResponseBodyMaxMb: u2, captureStreamPrefixKb: p2, captureStreamTimeoutMs: f2 };
-  k2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = [], t3 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }) {
+  sessionStorage.getItem("pageVisitUUID") || (sessionStorage.setItem("pageVisitUUID", uuidv4()), invalidateUrlCache()), k2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = [], t3 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }) {
     const i3 = XMLHttpRequest.prototype.open, o3 = XMLHttpRequest.prototype.send, s3 = XMLHttpRequest.prototype.setRequestHeader, a3 = getOrSetSessionId(), r3 = createSkipHeadersPropagationChecker(e3);
     XMLHttpRequest.prototype.setRequestHeader = function(e4, t4) {
       return this._capturedRequestHeaders || (this._capturedRequestHeaders = {}), this._capturedRequestHeaders[e4] = t4, s3.call(this, e4, t4);
@@ -2118,9 +2174,9 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
       }
       const d3 = getFuncSpanHeader();
       if (d3) try {
-        this.setRequestHeader(d3.name, d3.value), Se && console.log("[Sailfish] Added funcspan header to XMLHttpRequest:", { url: i4, header: d3.name });
+        this.setRequestHeader(d3.name, d3.value), ve && console.log("[Sailfish] Added funcspan header to XMLHttpRequest:", { url: i4, header: d3.name });
       } catch (e5) {
-        Se && console.warn(`[Sailfish] Could not set funcspan header for ${i4}`, e5);
+        ve && console.warn(`[Sailfish] Could not set funcspan header for ${i4}`, e5);
       }
       const u3 = Date.now();
       let p3 = false;
@@ -2153,7 +2209,7 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
             2 === t4.length && (i5[t4[0]] = t4[1]);
           });
         } catch (e6) {
-          Se && console.warn("[Sailfish] Failed to capture XHR response headers:", e6), i5 = null;
+          ve && console.warn("[Sailfish] Failed to capture XHR response headers:", e6), i5 = null;
         }
         if (e5 >= 200 && e5 < 300) emitFinished(true, e5, "", n2, i5);
         else {
@@ -2165,7 +2221,7 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
         emitFinished(false, e5, t4);
       }, { once: true }), o3.apply(this, e4);
     };
-  })(o2, x2), k2.xhrPatched = true), await yieldToMain(), k2.fetchPatched || (setupFetchInterceptor(o2, x2), k2.fetchPatched = true), await yieldToMain(), k2.domEventsInit || (initializeDomContentEvents(v2), k2.domEventsInit = true), await yieldToMain(), k2.consoleInit || (initializeConsolePlugin(Me, v2), k2.consoleInit = true), await yieldToMain(), k2.errorInit || (!(function initializeErrorInterceptor() {
+  })(o2, x2), k2.xhrPatched = true), k2.fetchPatched || (setupFetchInterceptor(o2, x2), k2.fetchPatched = true), await yieldToMain(), k2.domEventsInit || (initializeDomContentEvents(v2), k2.domEventsInit = true), await yieldToMain(), k2.consoleInit || (initializeConsolePlugin(Me, v2), k2.consoleInit = true), await yieldToMain(), k2.errorInit || (!(function initializeErrorInterceptor() {
     window.addEventListener("error", (e3) => {
       captureError(e3.error || e3.message);
     }), window.addEventListener("unhandledrejection", (e3) => {
@@ -2175,10 +2231,10 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
     m && (sessionStorage.setItem("sailfishApiKey", e3), sessionStorage.setItem("sailfishBackendApi", t3));
   })({ apiKey: e2, backendApi: t2 }), !isFunctionSpanTrackingEnabled() || k2.ws && 1 === k2.ws.readyState || fetchFunctionSpanTrackingEnabled(e2, t2).then((e3) => {
     var _a2;
-    ((_a2 = e3.data) == null ? void 0 : _a2.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? Se && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), Se && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
+    ((_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) => {
-    Se && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
-  }), k2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...xe], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), k2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
+    ve && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
+  }), k2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...Ie], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), k2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
     sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
   })(), c2 && fetchAndSendIp(v2);
   try {
@@ -2221,67 +2277,29 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
     console.error("Error starting recording:", e3);
   }
 }
-const initRecorder = async (e2) => {
+exports.DEFAULT_CAPTURE_SETTINGS = Fe, exports.DEFAULT_CONSOLE_RECORDING_SETTINGS = Me, exports.STORAGE_VERSION = 1, exports.addOrUpdateMetadata = function addOrUpdateMetadata(e2) {
+  const t2 = { type: "addOrUpdateMetadata", metadata: e2 };
+  U && JSON.stringify(U) === JSON.stringify(e2) || (U = e2, sendMessage(t2));
+}, exports.buildBatches = buildBatches, exports.clearStaleFuncSpanState = clearStaleFuncSpanState, exports.createTriageAndIssueFromRecorder = createTriageAndIssueFromRecorder, exports.createTriageFromRecorder = createTriageFromRecorder, exports.disableFunctionSpanTracking = disableFunctionSpanTracking, exports.enableFunctionSpanTracking = enableFunctionSpanTracking, exports.ensureHrefCache = ensureHrefCache, exports.eventSize = eventSize, exports.fetchAndSendIp = fetchAndSendIp, exports.fetchCaptureSettings = fetchCaptureSettings, exports.fetchEngineeringTicketPlatformIntegrations = fetchEngineeringTicketPlatformIntegrations, exports.fetchFunctionSpanTrackingEnabled = fetchFunctionSpanTrackingEnabled, exports.flushBufferedEvents = flushBufferedEvents, exports.getCachedHref = getCachedHref, exports.getCachedHrefNoQuery = getCachedHrefNoQuery, exports.getFuncSpanHeader = getFuncSpanHeader, exports.getOrSetSessionId = getOrSetSessionId, exports.getUrlAndStoredUuids = getUrlAndStoredUuids, exports.identify = function identify(e2, t2 = {}, n2 = false) {
+  const i2 = { type: "identify", userId: e2, traits: t2 };
+  O && O.userId === e2 && JSON.stringify(O.traits) === JSON.stringify(t2) || (O = { userId: e2, traits: t2, overwrite: n2 }, sendMessage(i2));
+}, exports.initRecorder = async (e2) => {
   if ("undefined" == typeof window) return;
   const t2 = window.__sailfish_recorder || (window.__sailfish_recorder = {}), n2 = getOrSetSessionId();
   return clearPageVisitDataFromSessionStorage(), t2.initialized && t2.sessionId === n2 && t2.ws && 1 === t2.ws.readyState ? void 0 : (t2.initPromise || (t2.initPromise = (async () => {
     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 a2 = null;
       try {
         await o2(e2.apiKey, n3), a2 = s2();
       } catch (e3) {
         console.warn("[Sailfish] Failed to fetch integration data for issue reporting:", e3);
       }
-      i2({ apiKey: e2.apiKey, backendApi: n3, getSessionId: () => getOrSetSessionId(), shortcuts: e2.reportIssueShortcuts, customBaseUrl: e2.customBaseUrl, integrationData: a2 }), t2.issueReportingInit = true;
+      i2({ apiKey: e2.apiKey, backendApi: n3, getSessionId: () => getOrSetSessionId(), shortcuts: e2.reportIssueShortcuts, customBaseUrl: e2.customBaseUrl, integrationData: a2, showEngTicketFieldsInReportIssueModalDefault: e2.showEngTicketFieldsInReportIssueModalDefault }), t2.issueReportingInit = true;
     }
   })().finally(() => {
     delete t2.initPromise;
   })), t2.initPromise);
-};
-export {
-  initializeRecording as A,
-  initializeWebSocket as B,
-  invalidateUrlCache as C,
-  Fe as D,
-  isFunctionSpanTrackingEnabled as E,
-  matchUrlWithWildcard as F,
-  S as G,
-  openReportIssueModal as H,
-  restoreFuncSpanState as I,
-  sendDomainsToNotPropagateHeaderTo as J,
-  sendEvent as K,
-  sendGraphQLRequest as L,
-  sendMessage as M,
-  startRecording as N,
-  startRecordingSession as O,
-  trackingEvent as P,
-  withAppUrlMetadata as Q,
-  Ee as S,
-  Me as a,
-  addOrUpdateMetadata as b,
-  buildBatches as c,
-  clearStaleFuncSpanState as d,
-  createTriageAndIssueFromRecorder as e,
-  createTriageFromRecorder as f,
-  disableFunctionSpanTracking as g,
-  enableFunctionSpanTracking as h,
-  ensureHrefCache as i,
-  eventSize as j,
-  fetchAndSendIp as k,
-  fetchCaptureSettings as l,
-  fetchEngineeringTicketPlatformIntegrations as m,
-  fetchFunctionSpanTrackingEnabled as n,
-  flushBufferedEvents as o,
-  getCachedHref as p,
-  getCachedHrefNoQuery as q,
-  getFuncSpanHeader as r,
-  getOrSetSessionId as s,
-  getUrlAndStoredUuids as t,
-  identify as u,
-  initRecorder as v,
-  initializeConsolePlugin as w,
-  initializeDomContentEvents as x,
-  yieldToMain as y,
-  initializeFunctionSpanTrackingFromApi as z
-};
+}, exports.initializeConsolePlugin = initializeConsolePlugin, exports.initializeDomContentEvents = initializeDomContentEvents, exports.initializeFunctionSpanTrackingFromApi = initializeFunctionSpanTrackingFromApi, exports.initializeRecording = initializeRecording, exports.initializeWebSocket = initializeWebSocket, exports.invalidateUrlCache = invalidateUrlCache, exports.isFunctionSpanTrackingEnabled = isFunctionSpanTrackingEnabled, exports.matchUrlWithWildcard = matchUrlWithWildcard, exports.onNavigationChange = onNavigationChange, exports.openReportIssueModal = openReportIssueModal, exports.restoreFuncSpanState = restoreFuncSpanState, exports.sendDomainsToNotPropagateHeaderTo = sendDomainsToNotPropagateHeaderTo, exports.sendEvent = sendEvent, exports.sendGraphQLRequest = sendGraphQLRequest, exports.sendMessage = sendMessage, exports.startRecording = startRecording, exports.startRecordingSession = startRecordingSession, exports.trackingEvent = function trackingEvent(e2) {
+  sendMessage({ type: "trackingEvent", trackingData: e2, timestamp: exports.nowTimestamp() });
+}, exports.withAppUrlMetadata = withAppUrlMetadata, exports.yieldToMain = yieldToMain;