@sailfish-ai/recorder 1.10.7 → 1.10.9

package/dist/chunks/{index-BlPJWz9y.js → index-w2Ted1rp.js}

@@ -1,27 +1,5 @@
-"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");
+import e from "reconnecting-websocket";
+import { EventType as t } from "@sailfish-rrweb/types";
 function readDebugFlag() {
   var _a;
   try {
@@ -151,7 +129,7 @@ function getOrSetSessionId() {
   }
   return t2;
 }
-let S = false;
+let w = false;
 function buildBatches(e2, t2, n2) {
   const i2 = {};
   for (const t3 of e2) {
@@ -173,19 +151,28 @@ function buildBatches(e2, t2, n2) {
 function eventSize(e2) {
   return JSON.stringify(e2).length;
 }
+let v = 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) };
 }
-exports.nowTimestamp = Date.now, /[1-9][0-9]{12}/.test(Date.now().toString()) || (exports.nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime());
-const w = readDebugFlag(), v = "per_session";
-let k = null, x = null, I = false, T = null, E = null, C = "", $ = "", F = false;
+/[1-9][0-9]{12}/.test(Date.now().toString()) || (v = () => (/* @__PURE__ */ new Date()).getTime());
+const S = readDebugFlag(), k = "per_session";
+let x = null, I = null, T = false, E = null, C = null, $ = "", F = "", M = false;
+const L = [];
+function onNavigationChange(e2) {
+  L.push(e2);
+}
 function _updateHrefCache() {
-  C = window.location.href, $ = window.location.origin + window.location.pathname;
+  $ = window.location.href, F = window.location.origin + window.location.pathname;
+  for (const e2 of L) try {
+    e2();
+  } catch (e3) {
+  }
 }
 function ensureHrefCache() {
-  if (F || "undefined" == typeof window) return;
-  F = true, _updateHrefCache(), window.addEventListener("popstate", _updateHrefCache), window.addEventListener("hashchange", _updateHrefCache);
+  if (M || "undefined" == typeof window) return;
+  M = true, _updateHrefCache(), window.addEventListener("popstate", _updateHrefCache), window.addEventListener("hashchange", _updateHrefCache);
   const e2 = history.pushState;
   history.pushState = function(...t3) {
     e2.apply(this, t3), _updateHrefCache();
@@ -196,48 +183,48 @@ function ensureHrefCache() {
   };
 }
 function getCachedHref() {
-  return C || ("undefined" != typeof window ? window.location.href : "");
+  return $ || ("undefined" != typeof window ? window.location.href : "");
 }
 function getCachedHrefNoQuery() {
-  return $ || ("undefined" != typeof window ? window.location.origin + window.location.pathname : "");
+  return F || ("undefined" != typeof window ? window.location.origin + window.location.pathname : "");
 }
-const M = [];
-let L = null;
+const A = [];
+let D = null;
 function queueEventForIDB(e2) {
-  M.push(e2), M.length >= 50 ? _flushIDBQueue() : L || (L = setTimeout(_flushIDBQueue, 100));
+  A.push(e2), A.length >= 50 ? _flushIDBQueue() : D || (D = setTimeout(_flushIDBQueue, 100));
 }
 function _flushIDBQueue() {
-  if (L && (clearTimeout(L), L = null), 0 === M.length) return;
+  if (D && (clearTimeout(D), D = null), 0 === A.length) return;
   !(async function saveEventsToIDB(e2) {
     await withStore$1("readwrite", async (t2) => {
       for (const n2 of e2) t2.add({ timestamp: Date.now(), data: n2 });
     });
-  })(M.splice(0));
+  })(A.splice(0));
 }
-let A = false, R = null, D = null, _ = false;
-const P = "sailfish_funcspan_global_state";
+let R = false, P = null, _ = null, B = false;
+const j = "sailfish_funcspan_global_state";
 function wsSendPayload(e2) {
-  if (!isWebSocketOpen(x)) return false;
-  if (k) try {
-    return k.postMessage({ type: "send", payload: e2 }), true;
+  if (!isWebSocketOpen(I)) return false;
+  if (x) try {
+    return x.postMessage({ type: "send", payload: e2 }), true;
   } catch {
     return false;
   }
   try {
-    return x.send(JSON.stringify(e2)), true;
+    return I.send(JSON.stringify(e2)), true;
   } catch {
     return false;
   }
 }
 function wsSendRaw(e2) {
-  if (!isWebSocketOpen(x)) return false;
-  if (k) try {
-    return k.postMessage({ type: "sendRaw", payload: e2 }), true;
+  if (!isWebSocketOpen(I)) return false;
+  if (x) try {
+    return x.postMessage({ type: "sendRaw", payload: e2 }), true;
   } catch {
     return false;
   }
   try {
-    return x.send(e2), true;
+    return I.send(e2), true;
   } catch {
     return false;
   }
@@ -246,40 +233,40 @@ 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)), w && console.log("[Sailfish] Saved funcSpan state to localStorage:", n2);
+    localStorage.setItem(j, JSON.stringify(n2)), S && console.log("[Sailfish] Saved funcSpan state to localStorage:", n2);
   } catch (e3) {
-    w && 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(P), w && console.log("[Sailfish] Cleared funcSpan state from localStorage");
+    localStorage.removeItem(j), S && console.log("[Sailfish] Cleared funcSpan state from localStorage");
   } catch (e2) {
-    w && 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() {
-  A = false, D = null, _ = false, clearGlobalFuncSpanState(), w && console.log("[Sailfish] Cleared stale function span tracking state (backend validation failed)");
+  R = false, _ = null, B = false, clearGlobalFuncSpanState(), S && console.log("[Sailfish] Cleared stale function span tracking state (backend validation failed)");
 }
-let B = false;
+let z = false;
 function restoreFuncSpanState() {
-  if (B) return;
-  B = true;
+  if (z) return;
+  z = true;
   const e2 = (function loadGlobalFuncSpanState() {
     try {
       if ("undefined" == typeof localStorage) return null;
-      const e3 = localStorage.getItem(P);
+      const e3 = localStorage.getItem(j);
       if (!e3) return null;
       const t2 = JSON.parse(e3);
-      return w && 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 w && 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 (A = true, D = e2.expirationTimestampMs, _ = 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)");
+  if (e2 && e2.enabled) if (R = true, _ = e2.expirationTimestampMs, B = false, S && console.log("[Sailfish] Restored global function span tracking from localStorage:", { enabled: true, expirationTime: _ }), null !== _) {
+    Date.now() >= _ ? (R = false, _ = 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;
@@ -291,7 +278,7 @@ async function flushNotifyQueue() {
       n2.onsuccess = () => t2(n2.result), n2.onerror = () => t2([]);
     })) ?? [];
   })();
-  if (isWebSocketOpen(x)) try {
+  if (isWebSocketOpen(I)) try {
     for (const t2 of e2) {
       if (!wsSendRaw(t2.value)) break;
       await deleteNotifyMessageById(t2.id);
@@ -300,9 +287,9 @@ async function flushNotifyQueue() {
   }
 }
 async function flushBufferedEvents() {
-  if (isWebSocketOpen(x)) if (T) await T;
+  if (isWebSocketOpen(I)) if (E) await E;
   else {
-    T = (async () => {
+    E = (async () => {
       var _a, _b;
       const e2 = await (async function getAllIndexedEvents() {
         return await withStore$1("readonly", (e3) => new Promise((t3) => {
@@ -317,7 +304,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(x)) break;
+          if (!isWebSocketOpen(I)) 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);
@@ -327,53 +314,53 @@ async function flushBufferedEvents() {
       }
     })();
     try {
-      await T;
+      await E;
     } finally {
-      T = null;
+      E = null;
     }
   }
 }
 function sendEvent(e2) {
-  e2.app_url || (e2.app_url = getCachedHref()), !I && isWebSocketOpen(x) && wsSendPayload({ type: "event", event: e2, mapUuid: window.sfMapUuid }) || queueEventForIDB(e2);
+  e2.app_url || (e2.app_url = getCachedHref()), !T && isWebSocketOpen(I) && wsSendPayload({ type: "event", event: e2, mapUuid: window.sfMapUuid }) || queueEventForIDB(e2);
 }
 function handleWsOpen() {
-  w && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (A ? "ENABLED" : "DISABLED"))), (async () => {
+  S && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (R ? "ENABLED" : "DISABLED"))), (async () => {
     try {
-      I = true, await flushNotifyQueue(), await flushBufferedEvents();
+      T = true, await flushNotifyQueue(), await flushBufferedEvents();
     } finally {
-      I = false;
+      T = false;
     }
-    null != E && clearInterval(E), E = window.setInterval(() => {
+    null != C && clearInterval(C), C = window.setInterval(() => {
       flushBufferedEvents();
     }, 2e3);
   })();
 }
 function handleWsClose() {
-  null != E && (clearInterval(E), E = null), w && console.log("[Sailfish] WebSocket closed");
+  null != C && (clearInterval(C), C = null), S && console.log("[Sailfish] WebSocket closed");
 }
 function handleWsMessage(e2) {
   try {
     const t2 = JSON.parse(e2);
-    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, _ = false, w && 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 !== P && (window.clearTimeout(P), P = null), R = t2.enabled, B = false, S && 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;
-        w && console.log(`[Sailfish] Server expiration timestamp: ${D}, ms until expiration: ${n2}`), n2 > 0 ? (saveGlobalFuncSpanState(true, D), R = window.setTimeout(() => {
-          _ || (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"));
+        _ = t2.expirationTimestampMs;
+        const e3 = Date.now(), n2 = _ - e3;
+        S && console.log(`[Sailfish] Server expiration timestamp: ${_}, ms until expiration: ${n2}`), n2 > 0 ? (saveGlobalFuncSpanState(true, _), P = window.setTimeout(() => {
+          B || (R = false, _ = 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, _ = null, clearGlobalFuncSpanState(), S && 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(), 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)"));
+        e3 > 0 && (_ = Date.now() + 1e3 * e3, saveGlobalFuncSpanState(true, _), P = window.setTimeout(() => {
+          B || (R = false, _ = 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" }), w && 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) {
-        w && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
+        S && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
       }
-    } else D = null, clearGlobalFuncSpanState();
+    } else _ = null, clearGlobalFuncSpanState();
   } catch (e3) {
   }
 }
@@ -383,8 +370,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)}`), k = 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)}`), x = 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);
@@ -392,85 +379,96 @@ function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
     } catch {
       return 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);
+  })() : 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);
     } };
-    return x = t3, k.onmessage = (e3) => {
+    return I = t3, x.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);
-    }, k.onerror = () => {
-      w && console.warn("[Sailfish] WebSocket worker error");
-    }, k.postMessage({ type: "init", wsUrl: r2 }), w && console.log("[Sailfish] WebSocket running in Web Worker (off main thread)"), t3;
+    }, x.onerror = () => {
+      S && console.warn("[Sailfish] WebSocket worker error");
+    }, x.postMessage({ type: "init", wsUrl: r2 }), S && console.log("[Sailfish] WebSocket running in Web Worker (off main thread)"), t3;
   }
-  w && 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 != E && (clearInterval(E), E = null);
+    l2.close(), null != C && (clearInterval(C), C = null);
   } };
-  return x = c2, l2.addEventListener("open", () => handleWsOpen()), l2.addEventListener("close", () => handleWsClose()), l2.addEventListener("message", (e2) => handleWsMessage(e2.data)), c2;
+  return I = 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()), I || !isWebSocketOpen(x) ? saveNotifyMessageToIDB(JSON.stringify(e2)) : wsSendPayload(e2) || saveNotifyMessageToIDB(JSON.stringify(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));
 }
 function enableFunctionSpanTracking() {
-  if (w && console.log("[Sailfish] enableFunctionSpanTracking() called - Report Issue recording started (LOCAL MODE)"), A = true, _ = true, D = null, null !== R && (window.clearTimeout(R), R = null), isWebSocketOpen(x)) {
-    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: true, configurationType: v });
-  } else w && 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, B = true, _ = null, null !== P && (window.clearTimeout(P), P = null), isWebSocketOpen(I)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: true, configurationType: k });
+  } else S && console.warn("[Sailfish] WebSocket not open, cannot report LOCAL tracking session");
 }
 function disableFunctionSpanTracking() {
-  if (w && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(x)) {
-    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: v });
+  if (S && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(I)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: k });
   } else console.warn("[FUNCSPAN STOP] ✗ WebSocket not open, cannot notify tracking end");
-  _ && (A = false, _ = false, D = null, w && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== R && (window.clearTimeout(R), R = null);
+  B && (R = false, B = false, _ = null, S && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== P && (window.clearTimeout(P), P = null);
 }
 function isFunctionSpanTrackingEnabled() {
-  return A;
+  return R;
 }
 function initializeFunctionSpanTrackingFromApi(e2) {
-  e2 && !A ? (A = true, _ = false, D = null, w && console.log("[Sailfish] Function span tracking initialized as ENABLED from API check")) : !e2 && A && (A = false, _ = false, D = null, w && console.log("[Sailfish] Function span tracking initialized as DISABLED from API check"));
+  e2 && !R ? (R = true, B = false, _ = null, S && console.log("[Sailfish] Function span tracking initialized as ENABLED from API check")) : !e2 && R && (R = false, B = false, _ = null, S && 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(), w && console.log("[Sailfish] Function span tracking expired on header check - disabling now"), null;
+  if (!R) return null;
+  if (null !== _) {
+    if (Date.now() >= _) return R = false, _ = 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 j = 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 O = null, z = null;
-let U = null;
-const H = ["https://api.ipify.org?format=json", "https://api.ip.sb/jsonip", "https://api4.my-ip.io/ip.json"];
+const O = 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 U = null, H = null;
+function identify(e2, t2 = {}, n2 = false) {
+  const i2 = { type: "identify", userId: e2, traits: t2 };
+  U && U.userId === e2 && JSON.stringify(U.traits) === JSON.stringify(t2) || (U = { 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: v() });
+}
+let N = null;
+const q = ["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 H) try {
+  N !== e2 && (N = e2, (async () => {
+    for (const e3 of q) 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: exports.nowTimestamp() });
+      if (s2 && "string" == typeof s2 && s2.length <= 45) return void sendMessage({ type: "visitorIp", ip: s2, timestamp: v() });
     } catch {
     }
-    U = null;
+    N = null;
   })().catch(() => {
-    U = null;
+    N = null;
   }));
 }
-let q = null;
+let W = null;
 async function getSourceMapModule() {
-  return q || (q = await import("source-map-js")), q;
+  return W || (W = await import("source-map-js")), W;
 }
-const N = /* @__PURE__ */ new Map(), W = /(?:\(|\s|^)(https?:\/\/[^)\s]+|\/[^)\s]+|[^)\s]+)?\/?([^/]+\.js)(?:\?[^:)]*)?:(\d+):(\d+)/;
+const K = /* @__PURE__ */ new Map(), G = /(?:\(|\s|^)(https?:\/\/[^)\s]+|\/[^)\s]+|[^)\s]+)?\/?([^/]+\.js)(?:\?[^:)]*)?:(\d+):(\d+)/;
 async function getConsumerFor(e2, t2) {
   const n2 = (e2 || `/assets/${t2}`).split("?")[0], i2 = [`${n2}.map`, n2.replace(/\.js$/, ".js.map"), `/assets/${t2}.map`], { SourceMapConsumer: o2 } = await getSourceMapModule();
   for (const e3 of i2) try {
-    if (N.has(e3)) return N.get(e3);
+    if (K.has(e3)) return K.get(e3);
     const t3 = await fetch(e3);
     if (!t3.ok) continue;
     const n3 = await t3.json();
     if (!n3 || !n3.mappings || !n3.sources) continue;
     const i3 = await new o2(n3);
-    return N.set(e3, i3), i3;
+    return K.set(e3, i3), i3;
   } catch {
   }
   return null;
@@ -482,7 +480,7 @@ async function captureError(e2, t2 = false) {
     if (!e3) return ["No stack trace available"];
     const t3 = Array.isArray(e3) ? e3 : e3.split("\n"), n3 = [];
     for (const e4 of t3) {
-      const t4 = e4.match(W);
+      const t4 = e4.match(G);
       if (!t4) {
         n3.push(e4);
         continue;
@@ -509,11 +507,11 @@ async function captureError(e2, t2 = false) {
   })(i2), s2 = o2.filter((e3) => !e3.includes("chunk-") && !e3.includes("react-dom")), a2 = s2.length > 0 ? s2 : o2, r2 = Date.now();
   sendMessage({ type: "event", event: { type: 6, timestamp: r2, data: { payload: { message: n2, stack: i2, trace: a2, filteredStack: s2, userAgent: navigator.userAgent, url: window.location.href, timestamp: r2, level: "error" } } } });
 }
-const K = readDebugFlag();
-const G = readDebugFlag();
+const V = readDebugFlag();
+const Q = readDebugFlag();
 function sendGraphQLRequest(e2, t2, n2, i2 = 5, o2 = 2e3, s2 = 2) {
   const a2 = `${n2.backendApi}/graphql/?apiKey=${n2.apiKey}`;
-  return G && console.log(`Initial GraphQL request for ${e2} at ${a2}`), (function exponentialBackoff(e3, t3, n3 = 5, i3 = 2e3, o3 = 2) {
+  return Q && console.log(`Initial GraphQL request for ${e2} at ${a2}`), (function exponentialBackoff(e3, t3, n3 = 5, i3 = 2e3, o3 = 2) {
     let s3 = 0;
     const attemptRequest = async () => {
       try {
@@ -521,12 +519,12 @@ function sendGraphQLRequest(e2, t2, n2, i2 = 5, o2 = 2e3, s2 = 2) {
       } catch (e4) {
         if (s3++, s3 > n3) throw e4;
         const a3 = i3 * Math.pow(o3, s3 - 1);
-        return K && console.log(`Attempt ${s3} failed: ${t3}; Retrying in ${a3}ms...`), await new Promise((e5) => setTimeout(e5, a3)), attemptRequest();
+        return V && console.log(`Attempt ${s3} failed: ${t3}; Retrying in ${a3}ms...`), await new Promise((e5) => setTimeout(e5, a3)), attemptRequest();
       }
     };
     return attemptRequest();
   })(() => fetch(a2, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ operationName: e2, query: t2, variables: n2 }) }).then((e3) => {
-    if (G && console.log(`Received response with status: ${e3.status}`), !e3.ok) throw new Error(`GraphQL request failed with status ${e3.status}`);
+    if (Q && console.log(`Received response with status: ${e3.status}`), !e3.ok) throw new Error(`GraphQL request failed with status ${e3.status}`);
     return e3.json();
   }), "Sending GraphQL request to Sailfish AI", i2, o2, s2);
 }
@@ -551,9 +549,9 @@ function fetchEngineeringTicketPlatformIntegrations(e2, t2) {
 function createTriageAndIssueFromRecorder(e2, t2, n2, i2, o2, s2, a2, r2, l2, c2, d2, u2, p2, f2, g2) {
   return sendGraphQLRequest("CreateTriageAndIssueFromRecorder", "mutation CreateTriageAndIssueFromRecorder(\n      $apiKey: String!,\n      $recordingSessionId: String!,\n      $timestampStart: String!,\n      $timestampEnd: String!,\n      $description: String,\n      $issueName: String,\n      $issueDescription: String,\n      $createEngineeringTicket: Boolean,\n      $teamId: String,\n      $projectId: String,\n      $priority: Int,\n      $labels: [String!],\n      $issueType: String,\n      $customFields: JSON\n    ) {\n      createTriageAndIssueFromRecorder(\n        apiKey: $apiKey,\n        recordingSessionId: $recordingSessionId,\n        timestampStart: $timestampStart,\n        timestampEnd: $timestampEnd,\n        description: $description,\n        issueName: $issueName,\n        issueDescription: $issueDescription,\n        createEngineeringTicket: $createEngineeringTicket,\n        teamId: $teamId,\n        projectId: $projectId,\n        priority: $priority,\n        labels: $labels,\n        issueType: $issueType,\n        customFields: $customFields\n      ) {\n        id\n        title\n      }\n    }\n    ", { apiKey: e2, recordingSessionId: n2, timestampStart: i2, timestampEnd: o2, description: s2, issueName: a2, issueDescription: r2, createEngineeringTicket: l2, teamId: c2, projectId: d2, priority: u2, labels: p2, issueType: f2, customFields: g2, backendApi: t2 });
 }
-const V = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
+const J = ["/node_modules/", "/@sailfish-ai/", "/@sailfish-rrweb/", "/dist/", "/webpack/", "/vite/", "/__vite", "/react-dom/", "/react/", "/scheduler/", "/<", "/chrome-extension://", "/extensions/"];
 function shouldSkipFrame(e2) {
-  return V.some((t2) => e2.includes(t2));
+  return J.some((t2) => e2.includes(t2));
 }
 function normalizeFilePath(e2) {
   let t2 = e2;
@@ -619,8 +617,8 @@ function yieldToMain() {
   var _a;
   return "undefined" != typeof globalThis && ((_a = globalThis.scheduler) == null ? void 0 : _a.yield) ? globalThis.scheduler.yield() : new Promise((e2) => setTimeout(e2, 0));
 }
-let Q = null;
-const J = "sailfishSanitize", X = "zendesk_chat", Z = "Zendesk";
+let X = null;
+const Z = "sailfishSanitize", Y = "zendesk_chat", ee = "Zendesk";
 function zE_safe(...e2) {
   try {
     if ((function hasZendesk() {
@@ -636,13 +634,13 @@ function maskInputFn(e2, t2) {
   const n2 = { creditCard: /\b(?:\d[ -]*?){13,16}\b/, ssn: /\b\d{3}-\d{2}-\d{4}\b/ };
   return t2.closest(".mask") ? "*".repeat(e2.length) : t2.hasAttribute("data-cc") || ((_a = t2.getAttribute("autocomplete")) == null ? void 0 : _a.startsWith("cc-")) || n2.creditCard.test(e2) ? "**** **** **** " + e2.slice(-4) : t2.hasAttribute("data-ssn") || n2.ssn.test(e2) ? "***-**-" + e2.slice(-4) : t2.hasAttribute("data-dob") ? "**/**/" + e2.slice(-4) : e2;
 }
-let Y = true, ee = null, te = null, ne = null, ie = null;
+let te = true, ne = null, ie = null, oe = null, se = null;
 function invalidateUrlCache() {
-  Y = true;
+  te = true;
 }
-const getUrlAndStoredUuids = () => (Y && (function _refreshSessionStorageCache() {
-  ee = sessionStorage.getItem("pageVisitUUID"), te = sessionStorage.getItem("prevPageVisitUUID"), ne = sessionStorage.getItem("tabVisibilityChanged"), ie = sessionStorage.getItem("tabVisibilityState"), Y = false;
-})(), { page_visit_uuid: ee, prev_page_visit_uuid: te, href: getCachedHrefNoQuery(), tabVisibilityChanged: ne, tabVisibilityState: ie });
+const getUrlAndStoredUuids = () => (te && (function _refreshSessionStorageCache() {
+  ne = sessionStorage.getItem("pageVisitUUID"), ie = sessionStorage.getItem("prevPageVisitUUID"), oe = sessionStorage.getItem("tabVisibilityChanged"), se = sessionStorage.getItem("tabVisibilityState"), te = false;
+})(), { page_visit_uuid: ne, prev_page_visit_uuid: ie, href: getCachedHrefNoQuery(), tabVisibilityChanged: oe, tabVisibilityState: se });
 function initializeDomContentEvents(e2) {
   document.addEventListener("readystatechange", () => {
     const t2 = { type: 24, data: { source: 0, info: "" }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() };
@@ -668,7 +666,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.EventType.Plugin, timestamp: Date.now(), data: { plugin: o2, payload: u2 }, sessionId: n2, ...getUrlAndStoredUuids() });
+    sendEvent({ type: t.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) {
@@ -698,28 +696,28 @@ 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 Promise.resolve().then(() => require("./fiberHook-CEzmPkx_.js"));
+        const { installFiberHook: e3, processExistingTree: t2 } = await import("./fiberHook-DGANQ2ma.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 (Q = n4, await yieldToMain(), l2) {
-        const { chunkedSnapshot: i3 } = await Promise.resolve().then(() => require("./chunkSerializer-DM9muyGb.js")), o3 = n4.mirror;
+      if (X = n4, await yieldToMain(), l2) {
+        const { chunkedSnapshot: i3 } = await import("./chunkSerializer-B_szIq8O.js"), o3 = n4.mirror;
         let s3 = true;
         const a3 = [];
         n4({ emit(e3) {
           s3 ? a3.push(e3) : emitWithContext(e3);
-        }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: J, ...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 ?? J, maskTextSelector: e2.maskTextSelector });
+        }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: Z, ...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 ?? Z, maskTextSelector: e2.maskTextSelector });
         if (l3) {
-          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 });
+          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 });
           for (const e3 of a3) emitWithContext(e3);
           s3 = false;
         } else console.warn("[Sailfish] chunkSnapshot serialization failed; session continues without initial DOM snapshot"), s3 = false;
       } else n4({ emit(e3) {
         emitWithContext(e3);
-      }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: J, ...e2 });
+      }, maskInputOptions: { text: true }, maskInputFn, maskTextClass: Z, ...e2 });
     };
     if (a2) {
       let e3 = false;
@@ -751,11 +749,11 @@ async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2
         zE_safe("messenger:set", "conversationTags", [`sailfish-session-${o2}`]);
       });
       const handleWidgetOpen = () => {
-        Q == null ? void 0 : Q.addSailfishEvent(t.EventType.SailfishCustom, { action: "customer support chat opened", element_id: X, provider: Z });
+        X == null ? void 0 : X.addSailfishEvent(t.SailfishCustom, { action: "customer support chat opened", element_id: Y, provider: ee });
       }, handleWidgetClose = () => {
-        Q == null ? void 0 : Q.addSailfishEvent(t.EventType.SailfishCustom, { action: "customer support chat closed", element_id: X, provider: Z });
+        X == null ? void 0 : X.addSailfishEvent(t.SailfishCustom, { action: "customer support chat closed", element_id: Y, provider: ee });
       }, handleUnreadMessages = (e3) => {
-        Q == null ? void 0 : Q.addSailfishEvent(t.EventType.SailfishCustom, { action: "zendesk unreadmessages", element_id: X, provider: Z });
+        X == null ? void 0 : X.addSailfishEvent(t.SailfishCustom, { action: "zendesk unreadmessages", element_id: Y, provider: ee });
       };
       suppressConsoleLogsDuringCall(() => {
         zE_safe("messenger:on", "open", handleWidgetOpen), zE_safe("messenger:on", "close", handleWidgetClose), zE_safe("messenger:on", "unreadMessages", handleUnreadMessages);
@@ -766,40 +764,40 @@ async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2
   }
   return c2;
 }
-const oe = ["jira", "linear", "zendesk"];
-let se = null;
-const ae = /* @__PURE__ */ new Map();
+const ae = ["jira", "linear", "zendesk"];
+let re = null;
+const le = /* @__PURE__ */ new Map();
 function getIntegrationData() {
-  return se;
+  return re;
 }
 function hasValidIntegration() {
-  return null !== se && true === se.installed;
+  return null !== re && true === re.installed;
 }
 function resolveIntegration(e2) {
   var _a;
   if ((e2 == null ? void 0 : e2.errors) && e2.errors.length > 0) return console.error("GraphQL errors fetching integrations:", e2.errors), null;
   const t2 = (_a = e2 == null ? void 0 : e2.data) == null ? void 0 : _a.getEngineeringTicketPlatformIntegrationsFromApiKey, n2 = (t2 || []).filter((e3) => {
     var _a2;
-    return oe.includes(((_a2 = e3.provider) == null ? void 0 : _a2.toLowerCase()) || "") && true === e3.installed;
+    return ae.includes(((_a2 = e3.provider) == null ? void 0 : _a2.toLowerCase()) || "") && true === e3.installed;
   });
   if (0 === n2.length) return console.warn("No valid installed integrations found"), null;
   const i2 = n2.find((e3) => {
     var _a2;
     return "jira" === ((_a2 = e3.provider) == null ? void 0 : _a2.toLowerCase());
   }) || n2[0];
-  return (i2 == null ? void 0 : i2.primaryCloudId) && ae.set(i2.primaryCloudId, i2), i2;
+  return (i2 == null ? void 0 : i2.primaryCloudId) && le.set(i2.primaryCloudId, i2), i2;
 }
 async function refreshIntegrationData(e2, t2) {
   try {
     const n2 = resolveIntegration(await fetchEngineeringTicketPlatformIntegrations(e2, t2));
-    return se = n2, n2;
+    return re = n2, n2;
   } catch (e3) {
-    return console.error("Error refreshing integration data:", e3), se;
+    return console.error("Error refreshing integration data:", e3), re;
   }
 }
 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";
@@ -822,15 +820,15 @@ 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);
   }), n2 && (e2.value = n2);
 }
 function getSprintFieldId() {
-  if (!(se == null ? void 0 : se.fieldConfigurations)) return "customfield_10020";
-  const e2 = Array.isArray(se.fieldConfigurations) ? se.fieldConfigurations : [];
+  if (!(re == null ? void 0 : re.fieldConfigurations)) return "customfield_10020";
+  const e2 = Array.isArray(re.fieldConfigurations) ? re.fieldConfigurations : [];
   for (const t2 of e2) {
     const e3 = (t2.fields || []).find((e4) => {
       var _a;
@@ -842,12 +840,12 @@ function getSprintFieldId() {
 }
 function updateIssueTypeOptions(e2, t2) {
   var _a;
-  if (!(se == null ? void 0 : se.projects) || !t2) {
+  if (!(re == null ? void 0 : re.projects) || !t2) {
     e2.innerHTML = "";
     const t3 = document.createElement("option");
     return t3.value = "", t3.disabled = true, t3.selected = true, t3.textContent = "Select project first...", t3.style.color = "#9ca3af", e2.appendChild(t3), void (e2.style.color = "#9ca3af");
   }
-  const n2 = se.projects.find((e3) => e3.id === t2);
+  const n2 = re.projects.find((e3) => e3.id === t2);
   if (!n2 || !n2.issue_types) {
     e2.innerHTML = "";
     const t3 = document.createElement("option");
@@ -856,7 +854,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) {
@@ -871,70 +869,75 @@ function updateIssueTypeOptions(e2, t2) {
   }
 }
 function getFieldsForProject(e2, t2) {
-  if (!(se == null ? void 0 : se.fieldConfigurations) || !e2) return [];
-  const n2 = Array.isArray(se.fieldConfigurations) ? se.fieldConfigurations.find((n3) => n3.project_key === e2 && (!t2 || n3.issue_type_id === t2)) : se.fieldConfigurations[e2];
+  if (!(re == null ? void 0 : re.fieldConfigurations) || !e2) return [];
+  const n2 = Array.isArray(re.fieldConfigurations) ? re.fieldConfigurations.find((n3) => n3.project_key === e2 && (!t2 || n3.issue_type_id === t2)) : re.fieldConfigurations[e2];
   return n2 && n2.fields ? n2.fields : [];
 }
 function getUsers() {
-  return (se == null ? void 0 : se.users) ? se.users : [];
+  return (re == null ? void 0 : re.users) ? re.users : [];
 }
 function getProjectsForTeam(e2) {
-  if (!se) return [];
-  const t2 = se.teams && Array.isArray(se.teams) && se.teams.length > 0;
+  if (!re) return [];
+  const t2 = re.teams && Array.isArray(re.teams) && re.teams.length > 0;
   if (t2 && e2) {
-    const t3 = se.teams.find((t4) => t4.id === e2);
+    const t3 = re.teams.find((t4) => t4.id === e2);
     return (t3 == null ? void 0 : t3.projects) || [];
   }
-  return !t2 && se.projects ? se.projects : [];
+  return !t2 && re.projects ? re.projects : [];
 }
 function updateFormWithIntegrationData(e2) {
   var _a;
-  if (!se) return e2;
-  const t2 = se.teams && Array.isArray(se.teams) && se.teams.length > 0, n2 = document.getElementById("sf-eng-ticket-team");
-  n2 && t2 && (populateSelectOptions(n2, se.teams, se.defaultTeam), e2.engTicketTeam ? n2.value = e2.engTicketTeam : e2.engTicketTeam = n2.value);
+  if (!re) return e2;
+  const t2 = re.teams && Array.isArray(re.teams) && re.teams.length > 0, n2 = document.getElementById("sf-eng-ticket-team");
+  n2 && t2 && (populateSelectOptions(n2, re.teams, re.defaultTeam), e2.engTicketTeam ? n2.value = e2.engTicketTeam : e2.engTicketTeam = n2.value);
   const i2 = document.getElementById("sf-eng-ticket-project");
   if (i2) {
-    populateSelectOptions(i2, t2 ? getProjectsForTeam(e2.engTicketTeam) : se.projects || [], se.defaultProject), e2.engTicketProject ? i2.value = e2.engTicketProject : e2.engTicketProject = i2.value;
+    populateSelectOptions(i2, t2 ? getProjectsForTeam(e2.engTicketTeam) : re.projects || [], re.defaultProject), e2.engTicketProject ? i2.value = e2.engTicketProject : e2.engTicketProject = i2.value;
   }
   const o2 = document.getElementById("sf-eng-ticket-priority");
-  o2 && (populatePriorityOptions(o2, se.provider || "", se.defaultPriority), e2.engTicketPriority ? o2.value = String(e2.engTicketPriority) : e2.engTicketPriority = Number(o2.value));
-  const s2 = document.getElementById("sf-eng-ticket-sprint"), a2 = "jira" === ((_a = se.provider) == null ? void 0 : _a.toLowerCase());
-  s2 && a2 && se.sprints && populateSprintOptions(s2, se.sprints, e2.engTicketSprint || void 0);
+  o2 && (populatePriorityOptions(o2, re.provider || "", re.defaultPriority), e2.engTicketPriority ? o2.value = String(e2.engTicketPriority) : e2.engTicketPriority = Number(o2.value));
+  const s2 = document.getElementById("sf-eng-ticket-sprint"), a2 = "jira" === ((_a = re.provider) == null ? void 0 : _a.toLowerCase());
+  s2 && a2 && re.sprints && populateSprintOptions(s2, re.sprints, e2.engTicketSprint || void 0);
   const r2 = document.getElementById("sf-eng-ticket-type");
   return r2 && a2 && e2.engTicketProject && (updateIssueTypeOptions(r2, e2.engTicketProject), e2.engTicketIssueType ? (r2.value = e2.engTicketIssueType, r2.style.color = "#000") : r2.value && (e2.engTicketIssueType = r2.value)), e2;
 }
-const re = Object.freeze(Object.defineProperty({ __proto__: null, fetchIntegrationData: async function fetchIntegrationData(e2, t2) {
-  if (!se) try {
+const ce = Object.freeze(Object.defineProperty({ __proto__: null, fetchIntegrationData: async function fetchIntegrationData(e2, t2) {
+  if (!re) try {
     const n2 = await fetchEngineeringTicketPlatformIntegrations(e2, t2);
-    se = resolveIntegration(n2);
+    re = resolveIntegration(n2);
   } catch (e3) {
-    console.error("Error fetching integration data:", e3), se = null;
+    console.error("Error fetching integration data:", e3), re = null;
   }
-}, getFieldsForProject, getIntegrationData, getProjectsForTeam, getSprintFieldId, getUsers, hasValidIntegration, populatePriorityOptions, populateSelectOptions, populateSprintOptions, refreshIntegrationData, updateFormWithIntegrationData, updateIssueTypeOptions }, Symbol.toStringTag, { value: "Module" })), le = "sf-create-issue-preference", ce = "sf-create-eng-ticket-preference";
+}, getFieldsForProject, getIntegrationData, getProjectsForTeam, getSprintFieldId, getUsers, hasValidIntegration, populatePriorityOptions, populateSelectOptions, populateSprintOptions, refreshIntegrationData, updateFormWithIntegrationData, updateIssueTypeOptions }, Symbol.toStringTag, { value: "Module" })), de = "sf-create-issue-preference", ue = "sf-create-eng-ticket-preference";
 function getInitialState() {
   const e2 = (function loadUserPreferences() {
-    return { createIssue: g && "true" === localStorage.getItem(le), createEngTicket: g && "true" === localStorage.getItem(ce) };
+    return { createIssue: g && "true" === localStorage.getItem(de), createEngTicket: g && "true" === localStorage.getItem(ue) };
   })();
   return { mode: "lookback", description: "", occurredInThisTab: true, createIssue: e2.createIssue, issueName: "", issueDescription: "", createEngTicket: e2.createEngTicket, engTicketTeam: "", engTicketProject: "", engTicketPriority: 0, engTicketLabels: [], engTicketSprint: "", engTicketIssueType: "", engTicketCustomFields: {} };
 }
-let de = getInitialState(), ue = null, pe = null, fe = null, ge = false;
+let pe = getInitialState(), fe = null, ge = null, me = null, he = false;
 function setTimerInterval(e2) {
-  fe = e2;
+  me = e2;
 }
 function setIsRecording(e2) {
-  ge = e2;
+  he = 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>
@@ -952,26 +955,47 @@ function renderCustomMultiSelect(e2, t2, n2, i2, o2 = false) {
     </div>
   `;
 }
-const me = { 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 } }, he = { shortcuts: { ...me }, resolveSessionId: null, apiKey: null, backendApi: null, triageBaseUrl: "https://app.sailfishqa.com", deactivateIsolation: () => {
-}, integrationData: null };
-let ye = null;
+const ye = { 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 } }, be = { shortcuts: { ...ye }, resolveSessionId: null, apiKey: null, backendApi: null, triageBaseUrl: "https://app.sailfishqa.com", deactivateIsolation: () => {
+}, integrationData: null, showEngTicketFieldsDefault: false };
+let we = null, ve = 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");
   });
@@ -1074,7 +1098,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>
@@ -1099,7 +1123,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>
@@ -1146,22 +1170,22 @@ function renderDynamicFields(e2, t2) {
           </div>
         ` : null;
     }
-  })(e3, de.engTicketCustomFields[e3.fieldId || e3.key], o2)).filter(Boolean).join("");
+  })(e3, pe.engTicketCustomFields[e3.fieldId || e3.key], o2)).filter(Boolean).join("");
   n2.innerHTML = s2 || "", i2.forEach((e3) => {
     var _a;
     const t3 = e3.fieldId || e3.key, n3 = (_a = e3.schema) == null ? void 0 : _a.type, i3 = e3.allowedValues;
     "array" === n3 && i3 && i3.length > 0 && setupCustomMultiSelectListeners(t3, (e4) => {
-      de.engTicketCustomFields[t3] = e4;
+      pe.engTicketCustomFields[t3] = e4;
     });
   });
 }
 function generateEngTicketFieldsHTML() {
   var _a;
-  const e2 = he.integrationData;
+  const e2 = be.integrationData;
   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, de.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, pe.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() {
@@ -1175,19 +1199,19 @@ function getShortcutLabelFromContext(e2) {
     return e3.requireCmdCtrl && t2.push(getShortcutKeyCmdCtrlLabel()), t2.push((function formatShortcutKeyLabel(e4) {
       return ({ escape: "esc" }[e4.toLowerCase()] || e4).toUpperCase();
     })(e3.key)), t2.map((e4) => `<span style="background: #F1F5F9; border:1px solid #cbd5e1; border-radius: 4px; padding: 0 4px; font-weight: 500; font-size: 12px; color: #94A3B8; line-height: 16px;">${e4}</span>`).join(e3.requireCmdCtrl ? " + " : "");
-  })(he.shortcuts[e2]);
+  })(be.shortcuts[e2]);
 }
 function getSessionIdSafely() {
-  if (!he.resolveSessionId) throw new Error("getSessionId not defined");
-  return he.resolveSessionId();
+  if (!be.resolveSessionId) throw new Error("getSessionId not defined");
+  return be.resolveSessionId();
 }
-function openReportIssueModal() {
-  ge ? stopRecording() : (injectModalHTML(), ye && document.body.appendChild(ye));
+function openReportIssueModal(e2) {
+  he ? stopRecording() : (ve = (e2 == null ? void 0 : e2.showEngTicketFields) ?? be.showEngTicketFieldsDefault, injectModalHTML(), we && document.body.appendChild(we));
 }
 function closeModal() {
-  he.deactivateIsolation(), document.activeElement instanceof HTMLElement && document.activeElement.blur(), (ye == null ? void 0 : ye.parentNode) && ye.parentNode.removeChild(ye), ye = null, ge || (function resetState() {
-    de = getInitialState(), ue = null, pe = null;
-  })(), fe && (clearInterval(fe), setTimerInterval(null));
+  be.deactivateIsolation(), document.activeElement instanceof HTMLElement && document.activeElement.blur(), (we == null ? void 0 : we.parentNode) && we.parentNode.removeChild(we), we = null, he || (function resetState() {
+    pe = getInitialState(), fe = null, ge = null;
+  })(), me && (clearInterval(me), setTimerInterval(null));
 }
 function activateModalIsolation(e2) {
   e2.setAttribute("role", "dialog"), e2.setAttribute("aria-modal", "true"), e2.hasAttribute("tabindex") || e2.setAttribute("tabindex", "-1");
@@ -1246,9 +1270,9 @@ function activateModalIsolation(e2) {
   };
 }
 function injectModalHTML(e2 = "lookback") {
-  ye && (ye.remove(), ye = null), ye = document.createElement("div"), ye.id = "sf-report-issue-modal";
+  we && (we.remove(), we = null), we = document.createElement("div"), we.id = "sf-report-issue-modal";
   const t2 = "startnow" === e2;
-  ye.innerHTML = `
+  we.innerHTML = `
     <div style="position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9998;"></div>
     <div style="position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);
       background:#fff; border-radius:12px;
@@ -1303,7 +1327,7 @@ function injectModalHTML(e2 = "lookback") {
       <textarea id="sf-issue-description" placeholder="Add description here"
         style="width:100%; height:80px; padding:8px 12px; font-size:14px;
                border:1px solid #cbd5e1; border-radius:6px; margin-bottom:20px;
-               resize:none; outline:none;">${de.description}</textarea>
+               resize:none; outline:none;">${pe.description}</textarea>
 
       <!-- When did this happen Section -->
       <div id="sf-lookback-container" style="display:${t2 ? "none" : "block"}; margin-bottom:20px;">
@@ -1369,34 +1393,34 @@ function injectModalHTML(e2 = "lookback") {
         <!-- Checkboxes on same line -->
         <div style="display:flex; align-items:center; gap:24px; margin-bottom:16px;">
           <label style="display:flex; align-items:center; gap:8px; font-size:14px; font-weight:500; cursor:pointer;">
-            <input type="checkbox" id="sf-create-issue-checkbox" ${de.createIssue ? "checked" : ""}
+            <input type="checkbox" id="sf-create-issue-checkbox" ${pe.createIssue ? "checked" : ""}
               style="width:16px; height:16px; accent-color:#295DBF; cursor:pointer;">
             Create an Issue
           </label>
 
-          <label id="sf-create-eng-ticket-label" style="display:${he.integrationData ? "flex" : "none"}; align-items:center; gap:8px; font-size:14px; font-weight:500; cursor:pointer;">
-            <input type="checkbox" id="sf-create-eng-ticket-checkbox" ${de.createEngTicket ? "checked" : ""}
+          <label id="sf-create-eng-ticket-label" style="display:${be.integrationData && ve ? "flex" : "none"}; align-items:center; gap:8px; font-size:14px; font-weight:500; cursor:pointer;">
+            <input type="checkbox" id="sf-create-eng-ticket-checkbox" ${pe.createEngTicket ? "checked" : ""}
               style="width:16px; height:16px; accent-color:#295DBF; cursor:pointer;">
             Create an Eng Ticket
           </label>
         </div>
 
         <!-- Issue Title Field (always shown when create issue is checked) -->
-        <div id="sf-issue-fields-container" style="display:${de.createIssue ? "block" : "none"};">
+        <div id="sf-issue-fields-container" style="display:${pe.createIssue ? "block" : "none"};">
           <div style="display:flex; flex-direction:column; gap:12px;">
             <div>
               <label for="sf-issue-name" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
                 Title <span style="color:#ef4444;">*</span>
               </label>
               <input type="text" id="sf-issue-name" placeholder="Enter title"
-                value="${de.issueName}"
+                value="${pe.issueName}"
                 style="width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none;">
             </div>
           </div>
         </div>
 
         <!-- Engineering Ticket Fields (shown when create eng ticket is checked) -->
-        <div id="sf-eng-ticket-fields-container" style="display:${de.createEngTicket ? "block" : "none"}; margin-top: ${de.createIssue ? "12px" : "0"};">
+        <div id="sf-eng-ticket-fields-container" style="display:${pe.createEngTicket && be.integrationData ? "block" : "none"}; margin-top: ${pe.createIssue ? "12px" : "0"};">
           ${generateEngTicketFieldsHTML()}
         </div>
       </div>
@@ -1439,8 +1463,8 @@ function injectModalHTML(e2 = "lookback") {
         </div>
       </div>
     </div>
-  `, de.mode = e2, document.body.appendChild(ye), (function bindListeners() {
-    const e3 = ye == null ? void 0 : ye.querySelectorAll(".sf-issue-tab"), t3 = document.getElementById("sf-start-recording-btn"), n2 = document.getElementById("sf-modal-close-btn"), i2 = document.getElementById("sf-issue-submit-btn"), o2 = document.getElementById("sf-lookback-minutes");
+  `, pe.mode = e2, document.body.appendChild(we), (function bindListeners() {
+    const e3 = we == null ? void 0 : we.querySelectorAll(".sf-issue-tab"), t3 = document.getElementById("sf-start-recording-btn"), n2 = document.getElementById("sf-modal-close-btn"), i2 = document.getElementById("sf-issue-submit-btn"), o2 = document.getElementById("sf-lookback-minutes");
     e3 == null ? void 0 : e3.forEach((e4) => {
       e4.addEventListener("click", (e5) => {
         const t4 = e5.currentTarget.dataset.mode;
@@ -1448,9 +1472,9 @@ function injectModalHTML(e2 = "lookback") {
       });
     }), n2 && (n2.onclick = closeModal);
     o2 && o2.addEventListener("change", () => {
-      "lookback" === de.mode && (i2.disabled = false, i2.style.opacity = "1", i2.style.cursor = "pointer");
+      "lookback" === pe.mode && (i2.disabled = false, i2.style.opacity = "1", i2.style.cursor = "pointer");
     });
-    const s2 = ye == null ? void 0 : ye.querySelectorAll(".sf-collapsible-header");
+    const s2 = we == null ? void 0 : we.querySelectorAll(".sf-collapsible-header");
     s2 == null ? void 0 : s2.forEach((e4) => {
       e4.addEventListener("click", (e5) => {
         const t4 = e5.currentTarget, n3 = t4.dataset.target, i3 = document.getElementById(n3), o3 = t4.querySelector(".sf-chevron");
@@ -1465,17 +1489,17 @@ function injectModalHTML(e2 = "lookback") {
     const a2 = document.getElementById("sf-create-issue-checkbox"), r2 = document.getElementById("sf-issue-fields-container"), l2 = document.getElementById("sf-create-eng-ticket-checkbox"), c2 = document.getElementById("sf-eng-ticket-fields-container");
     a2 && a2.addEventListener("change", () => {
       const e4 = a2.checked;
-      de.createIssue = e4, localStorage.setItem(le, String(e4)), r2 && (r2.style.display = e4 ? "block" : "none"), !e4 && l2 && (l2.checked = false, de.createEngTicket = false, localStorage.setItem(ce, "false"), c2 && (c2.style.display = "none"));
+      pe.createIssue = e4, localStorage.setItem(de, String(e4)), r2 && (r2.style.display = e4 ? "block" : "none"), !e4 && l2 && (l2.checked = false, pe.createEngTicket = false, localStorage.setItem(ue, "false"), c2 && (c2.style.display = "none"));
     });
     l2 && l2.addEventListener("change", async () => {
       var _a;
       const e4 = l2.checked;
-      if (de.createEngTicket = e4, localStorage.setItem(ce, String(e4)), e4 && !de.createIssue && (de.createIssue = true, localStorage.setItem(le, "true"), a2 && (a2.checked = true), r2 && (r2.style.display = "block")), c2 && (c2.style.display = e4 ? "block" : "none"), e4) {
-        if (!hasValidIntegration()) return l2.checked = false, de.createEngTicket = false, localStorage.setItem(ce, "false"), c2 && (c2.style.display = "none"), void alert("No engineering ticket integration found. Please install and configure an integration (Jira, Linear, or Zendesk) first.");
+      if (pe.createEngTicket = e4, localStorage.setItem(ue, String(e4)), e4 && !pe.createIssue && (pe.createIssue = true, localStorage.setItem(de, "true"), a2 && (a2.checked = true), r2 && (r2.style.display = "block")), c2 && (c2.style.display = e4 ? "block" : "none"), e4) {
+        if (!hasValidIntegration()) return l2.checked = false, pe.createEngTicket = false, localStorage.setItem(ue, "false"), c2 && (c2.style.display = "none"), void alert("No engineering ticket integration found. Please install and configure an integration (Jira, Linear, or Zendesk) first.");
         const e5 = getIntegrationData();
         if (e5) {
-          if (!de.engTicketTeam && e5.defaultTeam && (de.engTicketTeam = e5.defaultTeam), !de.engTicketProject && e5.defaultProject && (de.engTicketProject = e5.defaultProject), !de.engTicketPriority && e5.defaultPriority && (de.engTicketPriority = e5.defaultPriority), updateFormWithIntegrationData(de), "jira" === ((_a = e5.provider) == null ? void 0 : _a.toLowerCase()) && e5.jiraReporterAccountId && de.engTicketProject) {
-            getFieldsForProject(de.engTicketProject, de.engTicketIssueType).find((e6) => "reporter" === e6.fieldId) && !de.engTicketCustomFields.reporter && (de.engTicketCustomFields.reporter = e5.jiraReporterAccountId);
+          if (!pe.engTicketTeam && e5.defaultTeam && (pe.engTicketTeam = e5.defaultTeam), !pe.engTicketProject && e5.defaultProject && (pe.engTicketProject = e5.defaultProject), !pe.engTicketPriority && e5.defaultPriority && (pe.engTicketPriority = e5.defaultPriority), updateFormWithIntegrationData(pe), "jira" === ((_a = e5.provider) == null ? void 0 : _a.toLowerCase()) && e5.jiraReporterAccountId && pe.engTicketProject) {
+            getFieldsForProject(pe.engTicketProject, pe.engTicketIssueType).find((e6) => "reporter" === e6.fieldId) && !pe.engTicketCustomFields.reporter && (pe.engTicketCustomFields.reporter = e5.jiraReporterAccountId);
           }
           const t4 = document.getElementById("sf-eng-ticket-project"), n3 = document.getElementById("sf-eng-ticket-type");
           t4 && t4.value && renderDynamicFields(t4.value, n3 == null ? void 0 : n3.value);
@@ -1484,11 +1508,11 @@ function injectModalHTML(e2 = "lookback") {
     });
     const d2 = document.getElementById("sf-issue-name");
     d2 && d2.addEventListener("input", () => {
-      de.issueName = d2.value;
+      pe.issueName = d2.value;
     });
     bindEngTicketListeners(), t3 && (t3.onclick = () => {
       const e4 = document.getElementById("sf-issue-description");
-      e4 && (de.description = e4.value), (function startCountdownThenRecord() {
+      e4 && (pe.description = e4.value), (function startCountdownThenRecord() {
         if (document.getElementById("sf-countdown-overlay")) return;
         const e5 = document.createElement("div");
         e5.id = "sf-countdown-overlay", e5.style.cssText = "\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.6);\n    z-index: 10001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 80px;\n    font-weight: bold;\n    color: white;\n    font-family: sans-serif;\n  ";
@@ -1498,10 +1522,10 @@ function injectModalHTML(e2 = "lookback") {
           if (t4--, t4 > 0) e5.textContent = t4.toString();
           else {
             clearInterval(n3), document.body.removeChild(e5), (function setRecordingStartTime(e6) {
-              ue = e6;
+              fe = e6;
             })(Date.now()), setIsRecording(true);
             try {
-              const { enableFunctionSpanTracking: e6 } = await Promise.resolve().then(() => j);
+              const { enableFunctionSpanTracking: e6 } = await Promise.resolve().then(() => O);
               e6();
             } catch (e6) {
               console.error("[Report Issue] Failed to enable function span tracking:", e6);
@@ -1528,7 +1552,7 @@ function injectModalHTML(e2 = "lookback") {
               const t5 = e6.querySelector("#sf-recording-timer");
               if (!t5) return;
               const n4 = setInterval(() => {
-                const e7 = Date.now() - (ue ?? Date.now()), n5 = Math.floor(e7 / 6e4).toString().padStart(2, "0"), i3 = Math.floor(e7 % 6e4 / 1e3).toString().padStart(2, "0");
+                const e7 = Date.now() - (fe ?? Date.now()), n5 = Math.floor(e7 / 6e4).toString().padStart(2, "0"), i3 = Math.floor(e7 % 6e4 / 1e3).toString().padStart(2, "0");
                 t5.textContent = `${n5}:${i3}`;
               }, 1e3);
               setTimerInterval(n4);
@@ -1537,84 +1561,96 @@ function injectModalHTML(e2 = "lookback") {
         }, 1e3);
       })();
     });
-    ye == null ? void 0 : ye.addEventListener("click", (e4) => {
+    we == null ? void 0 : we.addEventListener("click", (e4) => {
       var _a;
       if (e4.target.closest("#sf-issue-submit-btn")) {
-        const e5 = ((_a = document.getElementById("sf-issue-description")) == null ? void 0 : _a.value) || "", t4 = de.mode;
-        if (de.description = e5, de.createIssue && !de.issueName.trim()) return void alert("Issue title is required when creating an issue.");
+        const e5 = ((_a = document.getElementById("sf-issue-description")) == null ? void 0 : _a.value) || "", t4 = pe.mode;
+        if (pe.description = e5, pe.createIssue && !pe.issueName.trim()) return void alert("Issue title is required when creating an issue.");
         let n3, i3;
-        if ("startnow" === t4) n3 = ue ?? Date.now() - 3e5, i3 = pe ?? Date.now();
+        if ("startnow" === t4) n3 = fe ?? Date.now() - 3e5, i3 = ge ?? Date.now();
         else {
           const e6 = 60 * Number((o2 == null ? void 0 : o2.value) || "2") * 1e3;
           i3 = Date.now(), n3 = i3 - e6;
         }
-        if (de.createIssue) {
-          const t5 = document.getElementById("sf-issue-name"), o3 = document.getElementById("sf-eng-ticket-team"), s3 = document.getElementById("sf-eng-ticket-project"), a3 = document.getElementById("sf-eng-ticket-priority"), r3 = document.getElementById("sf-eng-ticket-type"), l3 = (t5 == null ? void 0 : t5.value) || "", c3 = e5, d3 = (o3 == null ? void 0 : o3.value) || "", u2 = (s3 == null ? void 0 : s3.value) || "", p2 = a3 ? Number(a3.value) : 0, f2 = de.engTicketLabels, g2 = (r3 == null ? void 0 : r3.value) || "", m2 = { ...de.engTicketCustomFields };
+        if (pe.createIssue) {
+          const t5 = document.getElementById("sf-issue-name"), o3 = document.getElementById("sf-eng-ticket-team"), s3 = document.getElementById("sf-eng-ticket-project"), a3 = document.getElementById("sf-eng-ticket-priority"), r3 = document.getElementById("sf-eng-ticket-type"), l3 = (t5 == null ? void 0 : t5.value) || "", c3 = e5, d3 = (o3 == null ? void 0 : o3.value) || "", u2 = (s3 == null ? void 0 : s3.value) || "", p2 = a3 ? Number(a3.value) : 0, f2 = pe.engTicketLabels, g2 = (r3 == null ? void 0 : r3.value) || "", m2 = { ...pe.engTicketCustomFields };
           document.querySelectorAll(".sf-dynamic-field").forEach((e6) => {
             const t6 = e6, n4 = t6.dataset.fieldId;
             n4 && ("checkbox" === t6.type ? m2[n4] = t6.checked : "number" === t6.type ? m2[n4] = parseFloat(t6.value) || null : t6.classList.contains("sf-custom-multiselect") || (m2[n4] = t6.value));
           });
-          const h2 = document.getElementById("sf-eng-ticket-sprint"), y2 = (h2 == null ? void 0 : h2.value) || de.engTicketSprint;
+          const h2 = document.getElementById("sf-eng-ticket-sprint"), y2 = (h2 == null ? void 0 : h2.value) || pe.engTicketSprint;
           if (y2) {
             const e6 = getSprintFieldId();
             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(he.apiKey, he.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(be.apiKey, be.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, de.createEngTicket, d3, u2, p2, f2, g2, m2);
+          })(`${n3}`, `${i3}`, e5, l3, c3, pe.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(he.apiKey, he.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(be.apiKey, be.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);
       }
     });
-  })(), he.deactivateIsolation = activateModalIsolation(ye), he.integrationData && de.createEngTicket ? initializeEngTicketForm() : he.integrationData || (de.createEngTicket = false), he.apiKey && he.backendApi && refreshIntegrationData(he.apiKey, he.backendApi).then((e3) => {
+  })(), be.deactivateIsolation = activateModalIsolation(we), be.integrationData && pe.createEngTicket ? initializeEngTicketForm() : be.integrationData || (pe.createEngTicket = false), be.apiKey && be.backendApi && refreshIntegrationData(be.apiKey, be.backendApi).then((e3) => {
     if (!e3 || !document.getElementById("sf-report-issue-modal")) return;
-    he.integrationData = e3;
+    be.integrationData = e3;
     const t3 = document.getElementById("sf-eng-ticket-fields-container");
     if (t3) {
       const e4 = generateEngTicketFieldsHTML();
-      e4 && (t3.innerHTML = e4, initializeEngTicketForm(), bindEngTicketListeners(), updateFormWithIntegrationData(de), renderDynamicFields(de.engTicketProject, de.engTicketIssueType));
+      e4 && (t3.innerHTML = e4, initializeEngTicketForm(), bindEngTicketListeners(), updateFormWithIntegrationData(pe), renderDynamicFields(pe.engTicketProject, pe.engTicketIssueType));
+    }
+    if (ve) {
+      const e4 = document.getElementById("sf-create-eng-ticket-label");
+      e4 && (e4.style.display = "flex");
     }
-    const n2 = document.getElementById("sf-create-eng-ticket-label");
-    n2 && (n2.style.display = "flex");
   });
 }
 function initializeEngTicketForm() {
   var _a;
-  const e2 = he.integrationData;
+  const e2 = be.integrationData;
   if (e2) {
-    if (!de.engTicketTeam && e2.defaultTeam && (de.engTicketTeam = e2.defaultTeam), !de.engTicketProject && e2.defaultProject && (de.engTicketProject = e2.defaultProject), !de.engTicketPriority && e2.defaultPriority && (de.engTicketPriority = e2.defaultPriority), updateFormWithIntegrationData(de), "jira" === ((_a = e2.provider) == null ? void 0 : _a.toLowerCase()) && e2.jiraReporterAccountId && de.engTicketProject) {
-      getFieldsForProject(de.engTicketProject, de.engTicketIssueType).find((e3) => "reporter" === e3.fieldId) && !de.engTicketCustomFields.reporter && (de.engTicketCustomFields.reporter = e2.jiraReporterAccountId);
+    if (!pe.engTicketTeam && e2.defaultTeam && (pe.engTicketTeam = e2.defaultTeam), !pe.engTicketProject && e2.defaultProject && (pe.engTicketProject = e2.defaultProject), !pe.engTicketPriority && e2.defaultPriority && (pe.engTicketPriority = e2.defaultPriority), updateFormWithIntegrationData(pe), "jira" === ((_a = e2.provider) == null ? void 0 : _a.toLowerCase()) && e2.jiraReporterAccountId && pe.engTicketProject) {
+      getFieldsForProject(pe.engTicketProject, pe.engTicketIssueType).find((e3) => "reporter" === e3.fieldId) && !pe.engTicketCustomFields.reporter && (pe.engTicketCustomFields.reporter = e2.jiraReporterAccountId);
     }
-    de.engTicketProject && renderDynamicFields(de.engTicketProject, de.engTicketIssueType);
+    pe.engTicketProject && renderDynamicFields(pe.engTicketProject, pe.engTicketIssueType);
   }
 }
 function setActiveTab(e2) {
-  de.mode = e2;
-  const t2 = ye == null ? void 0 : ye.querySelector("#sf-tab-lookback"), n2 = ye == null ? void 0 : ye.querySelector("#sf-tab-startnow");
+  pe.mode = e2;
+  const t2 = we == null ? void 0 : we.querySelector("#sf-tab-lookback"), n2 = we == null ? void 0 : we.querySelector("#sf-tab-startnow");
   "lookback" === e2 ? (t2.style.background = "white", t2.style.color = "#0F172A", n2.style.background = "transparent", n2.style.color = "#64748B") : (n2.style.background = "white", n2.style.color = "#0F172A", t2.style.background = "transparent", t2.style.color = "#64748B");
 }
 function updateModeSpecificUI(e2) {
   const t2 = document.querySelector("#sf-issue-mode-info div"), n2 = document.getElementById("sf-issue-submit-btn"), i2 = document.getElementById("sf-record-button-container"), o2 = document.getElementById("sf-recording-timer-label"), s2 = document.getElementById("sf-recording-timer-display"), a2 = document.getElementById("sf-modal-footer"), r2 = document.getElementById("sf-lookback-container");
   if (t2 && n2 && i2 && o2 && s2 && a2 && r2) if ("startnow" === e2) {
     i2.style.display = "block", r2.style.display = "none", a2.style.justifyContent = "space-between", t2.textContent = "I want to reproduce the issue right now.";
-    const e3 = null !== ue && null !== pe;
-    if (n2.disabled = !e3, n2.style.opacity = e3 ? "1" : "0.4", n2.style.cursor = e3 ? "pointer" : "not-allowed", ue && pe) {
-      const e4 = Math.floor((pe - ue) / 1e3), t3 = String(Math.floor(e4 / 60)).padStart(2, "0"), n3 = String(e4 % 60).padStart(2, "0");
+    const e3 = null !== fe && null !== ge;
+    if (n2.disabled = !e3, n2.style.opacity = e3 ? "1" : "0.4", n2.style.cursor = e3 ? "pointer" : "not-allowed", fe && ge) {
+      const e4 = Math.floor((ge - fe) / 1e3), t3 = String(Math.floor(e4 / 60)).padStart(2, "0"), n3 = String(e4 % 60).padStart(2, "0");
       o2.style.display = "block", s2.textContent = `${t3}:${n3}`;
     } else o2.style.display = "none";
   } else i2.style.display = "none", o2.style.display = "none", r2.style.display = "block", a2.style.justifyContent = "flex-end", t2.textContent = "Something already happened. Capture the past few minutes.", n2.disabled = false, n2.style.opacity = "1", n2.style.cursor = "pointer";
@@ -1622,10 +1658,10 @@ function updateModeSpecificUI(e2) {
 function bindEngTicketListeners() {
   const e2 = document.getElementById("sf-eng-ticket-team"), t2 = document.getElementById("sf-eng-ticket-project"), n2 = document.getElementById("sf-eng-ticket-priority"), i2 = document.getElementById("sf-eng-ticket-labels-container"), o2 = document.getElementById("sf-eng-ticket-type"), s2 = document.getElementById("sf-eng-ticket-sprint");
   e2 && e2.addEventListener("change", () => {
-    de.engTicketTeam = e2.value, e2.style.color = e2.value ? "" : "#9ca3af";
+    pe.engTicketTeam = e2.value, e2.style.color = e2.value ? "" : "#9ca3af";
     const t3 = document.getElementById("sf-eng-ticket-project");
     if (t3) {
-      de.engTicketProject = "", de.engTicketCustomFields = {};
+      pe.engTicketProject = "", pe.engTicketCustomFields = {};
       const n3 = getProjectsForTeam(e2.value);
       t3.innerHTML = '<option value="">Select project...</option>', n3.forEach((e3) => {
         const n4 = document.createElement("option");
@@ -1634,24 +1670,24 @@ function bindEngTicketListeners() {
     }
   }), t2 && t2.addEventListener("change", () => {
     var _a;
-    de.engTicketProject = t2.value, t2.style.color = t2.value ? "" : "#9ca3af", de.engTicketCustomFields = {};
+    pe.engTicketProject = t2.value, t2.style.color = t2.value ? "" : "#9ca3af", pe.engTicketCustomFields = {};
     const e3 = getIntegrationData();
-    if (e3 && o2 && (updateIssueTypeOptions(o2, t2.value), de.engTicketIssueType = o2.value), e3 && "jira" === ((_a = e3.provider) == null ? void 0 : _a.toLowerCase()) && e3.jiraReporterAccountId && t2.value) {
-      getFieldsForProject(t2.value, de.engTicketIssueType).find((e4) => "reporter" === e4.fieldId) && (de.engTicketCustomFields.reporter = e3.jiraReporterAccountId);
+    if (e3 && o2 && (updateIssueTypeOptions(o2, t2.value), pe.engTicketIssueType = o2.value), e3 && "jira" === ((_a = e3.provider) == null ? void 0 : _a.toLowerCase()) && e3.jiraReporterAccountId && t2.value) {
+      getFieldsForProject(t2.value, pe.engTicketIssueType).find((e4) => "reporter" === e4.fieldId) && (pe.engTicketCustomFields.reporter = e3.jiraReporterAccountId);
     }
-    renderDynamicFields(t2.value, de.engTicketIssueType);
+    renderDynamicFields(t2.value, pe.engTicketIssueType);
   }), s2 && s2.addEventListener("change", () => {
-    de.engTicketSprint = s2.value, s2.style.color = s2.value ? "" : "#9ca3af";
+    pe.engTicketSprint = s2.value, s2.style.color = s2.value ? "" : "#9ca3af";
   }), n2 && n2.addEventListener("change", () => {
-    de.engTicketPriority = Number(n2.value);
+    pe.engTicketPriority = Number(n2.value);
   }), i2 && setupCustomMultiSelectListeners("sf-eng-ticket-labels", (e3) => {
-    de.engTicketLabels = e3;
+    pe.engTicketLabels = e3;
   }), o2 && o2.addEventListener("change", () => {
-    de.engTicketIssueType = o2.value, o2.style.color = o2.value ? "" : "#9ca3af";
+    pe.engTicketIssueType = o2.value, o2.style.color = o2.value ? "" : "#9ca3af";
     const e3 = document.getElementById("sf-eng-ticket-project");
     if (e3 && e3.value) {
-      const t3 = de.engTicketCustomFields.reporter;
-      de.engTicketCustomFields = {}, t3 && (de.engTicketCustomFields.reporter = t3), renderDynamicFields(e3.value, o2.value);
+      const t3 = pe.engTicketCustomFields.reporter;
+      pe.engTicketCustomFields = {}, t3 && (pe.engTicketCustomFields.reporter = t3), renderDynamicFields(e3.value, o2.value);
     }
   });
   const a2 = document.getElementById("sf-dynamic-fields-container");
@@ -1659,13 +1695,13 @@ function bindEngTicketListeners() {
     const t3 = e3.target;
     if (t3.classList.contains("sf-dynamic-field")) {
       const e4 = t3.dataset.fieldId;
-      e4 && ("checkbox" === t3.type ? de.engTicketCustomFields[e4] = t3.checked : "number" === t3.type ? de.engTicketCustomFields[e4] = parseFloat(t3.value) || null : de.engTicketCustomFields[e4] = t3.value);
+      e4 && ("checkbox" === t3.type ? pe.engTicketCustomFields[e4] = t3.checked : "number" === t3.type ? pe.engTicketCustomFields[e4] = parseFloat(t3.value) || null : pe.engTicketCustomFields[e4] = t3.value);
     }
   }), a2.addEventListener("change", (e3) => {
     const t3 = e3.target;
     if (t3.classList.contains("sf-dynamic-field")) {
       const e4 = t3.dataset.fieldId;
-      if (e4 && (de.engTicketCustomFields[e4] = t3.value), "SELECT" === t3.tagName) {
+      if (e4 && (pe.engTicketCustomFields[e4] = t3.value), "SELECT" === t3.tagName) {
         const e5 = t3;
         e5.style.color = e5.value ? "" : "#9ca3af";
       }
@@ -1675,10 +1711,10 @@ function bindEngTicketListeners() {
 async function stopRecording() {
   var _a;
   !(function setRecordingEndTime(e2) {
-    pe = e2;
-  })(Date.now()), setIsRecording(false), fe && (clearInterval(fe), setTimerInterval(null)), (_a = document.getElementById("sf-recording-indicator")) == null ? void 0 : _a.remove();
+    ge = e2;
+  })(Date.now()), setIsRecording(false), me && (clearInterval(me), setTimerInterval(null)), (_a = document.getElementById("sf-recording-indicator")) == null ? void 0 : _a.remove();
   try {
-    const { disableFunctionSpanTracking: e2 } = await Promise.resolve().then(() => j);
+    const { disableFunctionSpanTracking: e2 } = await Promise.resolve().then(() => O);
     e2();
   } catch (e2) {
     console.error("[Report Issue] Failed to disable function span tracking:", e2);
@@ -1691,40 +1727,40 @@ async function stopRecording() {
       t3 && (t3.textContent = "Re-record");
     }
     const t2 = document.getElementById("sf-recording-timer-label"), n2 = document.getElementById("sf-recording-timer-display");
-    if (t2 && n2 && ue && pe) {
-      const e3 = Math.floor((pe - ue) / 1e3), i3 = Math.floor(e3 / 60).toString().padStart(2, "0"), o3 = (e3 % 60).toString().padStart(2, "0");
+    if (t2 && n2 && fe && ge) {
+      const e3 = Math.floor((ge - fe) / 1e3), i3 = Math.floor(e3 / 60).toString().padStart(2, "0"), o3 = (e3 % 60).toString().padStart(2, "0");
       n2.textContent = `${i3}:${o3}`, t2.style.display = "block";
     }
     const i2 = document.getElementById("sf-issue-description");
-    i2 && (i2.value = de.description);
+    i2 && (i2.value = pe.description);
     const o2 = document.querySelector('input[value="startnow"]');
     o2 && (o2.checked = true);
     const s2 = document.getElementById("sf-inline-record-chip"), a2 = document.getElementById("sf-inline-record-timer");
     if (s2 && a2) {
-      const e3 = Math.floor(((pe ?? 0) - (ue ?? 0)) / 1e3), t3 = Math.floor(e3 / 60).toString().padStart(2, "0"), n3 = Math.floor(e3 % 60).toString().padStart(2, "0");
+      const e3 = Math.floor(((ge ?? 0) - (fe ?? 0)) / 1e3), t3 = Math.floor(e3 / 60).toString().padStart(2, "0"), n3 = Math.floor(e3 % 60).toString().padStart(2, "0");
       a2.textContent = `${t3}:${n3}`, a2.style.color = "black", s2.style.display = "flex";
     }
     const r2 = document.getElementById("sf-issue-submit-btn");
     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 ? `${he.triageBaseUrl}/issues/${n2}?from=inAppReportIssue` : t3 ? `${he.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 ? `${be.triageBaseUrl}/issues/${n3}?from=inAppReportIssue` : t3 ? `${be.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;">
@@ -1734,11 +1770,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;">
@@ -1759,28 +1795,28 @@ 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 be = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueContext: he, openReportIssueModal, setupIssueReporting: function setupIssueReporting(e2) {
-  he.apiKey = e2.apiKey, he.backendApi = e2.backendApi, he.resolveSessionId = e2.getSessionId, he.integrationData = e2.integrationData || null, e2.customBaseUrl && (he.triageBaseUrl = e2.customBaseUrl), he.shortcuts = (function mergeShortcutsConfig(e3) {
-    const t3 = { ...me };
+const Se = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueContext: be, openReportIssueModal, setupIssueReporting: function setupIssueReporting(e2) {
+  be.apiKey = e2.apiKey, be.backendApi = e2.backendApi, be.resolveSessionId = e2.getSessionId, be.integrationData = e2.integrationData || null, be.showEngTicketFieldsDefault = e2.showEngTicketFieldsInReportIssueModalDefault ?? false, e2.customBaseUrl && (be.triageBaseUrl = e2.customBaseUrl), be.shortcuts = (function mergeShortcutsConfig(e3) {
+    const t3 = { ...ye };
     if (!e3) return t3;
     "boolean" == typeof e3.enabled && (t3.enabled = e3.enabled);
     const n2 = ["openModalExistingMode", "openModalCaptureNewMode", "closeModal", "submitReport", "startRecording", "stopRecording"];
@@ -1790,7 +1826,7 @@ const be = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueCon
     }
     return t3;
   })(e2.shortcuts);
-  const { shortcuts: t2 } = he;
+  const { shortcuts: t2 } = be;
   window.addEventListener("keydown", (e3) => {
     const n2 = (function isTypingInInput() {
       const e4 = document.activeElement;
@@ -1800,26 +1836,26 @@ const be = Object.freeze(Object.defineProperty({ __proto__: null, ReportIssueCon
     } : injectModalHTML;
     if (a2 && shortcutUsed("openModalExistingMode")) return e3.preventDefault(), void r2("lookback");
     if (a2 && shortcutUsed("openModalCaptureNewMode")) return e3.preventDefault(), void r2("startnow");
-    if (s2 && !ge && shortcutUsed("closeModal")) return e3.preventDefault(), void closeModal();
+    if (s2 && !he && shortcutUsed("closeModal")) return e3.preventDefault(), void closeModal();
     if (s2 && shortcutUsed("submitReport")) {
       const t3 = document.getElementById("sf-issue-submit-btn");
       return void (t3 && !t3.disabled && (e3.preventDefault(), t3.click()));
     }
-    if (ge && i2 === t2.stopRecording.key && o2 === t2.stopRecording.requireCmdCtrl) return e3.preventDefault(), void stopRecording();
-    if (s2 && "startnow" === de.mode && i2 === t2.startRecording.key && o2 === t2.startRecording.requireCmdCtrl && !n2) {
+    if (he && i2 === t2.stopRecording.key && o2 === t2.stopRecording.requireCmdCtrl) return e3.preventDefault(), void stopRecording();
+    if (s2 && "startnow" === pe.mode && i2 === t2.startRecording.key && o2 === t2.startRecording.requireCmdCtrl && !n2) {
       const t3 = document.getElementById("sf-start-recording-btn");
       return void (t3 && (e3.preventDefault(), t3.click()));
     }
   });
-} }, Symbol.toStringTag, { value: "Module" })), Se = readDebugFlag(), we = /* @__PURE__ */ new Map();
+} }, Symbol.toStringTag, { value: "Module" })), ke = readDebugFlag(), xe = /* @__PURE__ */ new Map();
 function getCachedRegex(e2, t2) {
   const n2 = `${e2}|${t2}`;
-  let i2 = we.get(n2);
-  return i2 || (i2 = new RegExp(e2, t2), we.set(n2, i2)), i2;
+  let i2 = xe.get(n2);
+  return i2 || (i2 = new RegExp(e2, t2), xe.set(n2, i2)), i2;
 }
-const ve = 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())), ke = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], xe = [400, 403], Ie = "CORS", Te = "authorization", Ee = "Authorization", Ce = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {}, enableFiberTracking: false }, $e = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
+const Ie = 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())), Te = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], Ee = [400, 403], Ce = "CORS", $e = 1, Fe = "authorization", Me = "Authorization", Le = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {}, enableFiberTracking: false }, Ae = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
 function maskAuthorizationHeader(e2) {
-  const t2 = e2[Te] ? Te : e2[Ee] ? Ee : null;
+  const t2 = e2[Fe] ? Fe : e2[Me] ? Me : null;
   if (!t2) return;
   const n2 = e2[t2], i2 = n2.indexOf(" ");
   if (-1 !== i2) {
@@ -1835,7 +1871,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 } });
     }
@@ -1845,7 +1881,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() {
@@ -1868,7 +1904,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() } }), ke && console.log(`[Sailfish] Tab became ${e2}, sent visibility change event`);
   } catch (e3) {
     console.warn("[Sailfish] Failed to send visibility change event:", e3);
   }
@@ -1877,10 +1913,10 @@ function handleVisibilityChange() {
 function clearPageVisitDataFromSessionStorage() {
   m && (sessionStorage.removeItem("pageVisitUUID"), sessionStorage.removeItem("prevPageVisitUUID"), sessionStorage.removeItem("tabVisibilityChanged"), sessionStorage.removeItem("tabVisibilityState"), invalidateUrlCache());
 }
-let Fe = false;
+let De = false;
 function _ensureModuleSideEffects() {
-  Fe || (Fe = true, restoreFuncSpanState(), (function ensureSessionListeners() {
-    S || (S = true, p && window.addEventListener("beforeunload", () => {
+  De || (De = true, restoreFuncSpanState(), (function ensureSessionListeners() {
+    w || (w = true, p && window.addEventListener("beforeunload", () => {
       window.name = y + window.name;
     }));
   })(), p && (sendUserDeviceUuid(), (function sendTimeZone() {
@@ -1923,7 +1959,7 @@ function matchUrlWithWildcard(e2, t2) {
   });
 }
 function createSkipHeadersPropagationChecker(e2 = []) {
-  const t2 = [...ke, ...e2];
+  const t2 = [...Te, ...e2];
   return function shouldSkipHeadersPropagation(e3) {
     let n2;
     try {
@@ -1932,7 +1968,7 @@ function createSkipHeadersPropagationChecker(e2 = []) {
       return true;
     }
     const i2 = n2.pathname.toLowerCase(), o2 = i2.lastIndexOf(".");
-    return !(-1 === o2 || !ve.has(i2.slice(o2))) || !!matchUrlWithWildcard(e3, t2);
+    return !(-1 === o2 || !Ie.has(i2.slice(o2))) || !!matchUrlWithWildcard(e3, t2);
   };
 }
 function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }) {
@@ -1967,29 +2003,29 @@ 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);
+        ke && console.warn("[Sailfish] Failed to capture request data:", e5);
       }
       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, o4, s4, a3, r3) {
           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), ke && 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), ke && 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), S3 = false;
-        xe.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) {
+        })(e4, i4, s3, l3, c3, p2.page_visit_uuid, u3), w3 = false;
+        Ee.includes(b3.status) && (ke && 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) {
@@ -2005,19 +2041,19 @@ 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 ke && console.log(`Retry without ${n} for ${o4} also failed:`, e6), e6;
           }
-        })(e4, i4, o3, d3), S3 = true);
-        const w2 = Date.now(), v2 = b3.status, k2 = b3.ok, x2 = k2 ? "" : `Request Error: ${b3.statusText}`;
+        })(e4, i4, o3, d3), w3 = true);
+        const v2 = Date.now(), S2 = b3.status, k2 = b3.ok, x2 = k2 ? "" : `Request Error: ${b3.statusText}`;
         let I2 = null;
         try {
           I2 = {}, b3.headers.forEach((e5, t3) => {
             I2[t3] = e5;
           });
         } catch (e5) {
-          Se && console.warn("[Sailfish] Failed to capture response headers:", e5), I2 = null;
+          ke && 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: v2, sessionId: c3, data: { request_id: u3, session_id: c3, timestamp_start: g2, timestamp_end: v2, response_code: S2, 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);
           }, () => {
@@ -2093,7 +2129,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(Ie.toLowerCase()))) return e4.apply(i4, o3);
+        if (t3 instanceof TypeError && ((_b = t3 == null ? void 0 : t3.message) == null ? void 0 : _b.toLowerCase().includes(Ce.toLowerCase()))) return e4.apply(i4, o3);
         let l4 = m2;
         if (y2) try {
           l4 = await y2.text();
@@ -2105,12 +2141,12 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
     })(e3, i3, l2, d2, u2, o2, c2);
   } });
 }
-async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo: i2 = [], domainsToNotPropagateHeaderTo: o2 = [], serviceVersion: s2, serviceIdentifier: a2, gitSha: r2, serviceAdditionalMetadata: l2, enableIpTracking: c2, captureStreamingResponseBody: d2 = true, captureResponseBodyMaxMb: u2 = 10, captureStreamPrefixKb: p2 = 64, captureStreamTimeoutMs: f2 = 1e4, enableFiberTracking: g2 = false, deferRecording: h2, deferRecordingStart: y2, chunkSnapshot: b2, useWsWorker: S2 = true }) {
+async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo: i2 = [], domainsToNotPropagateHeaderTo: o2 = [], serviceVersion: s2, serviceIdentifier: a2, gitSha: r2, serviceAdditionalMetadata: l2, enableIpTracking: c2, captureStreamingResponseBody: d2 = true, captureResponseBodyMaxMb: u2 = 10, captureStreamPrefixKb: p2 = 64, captureStreamTimeoutMs: f2 = 1e4, enableFiberTracking: g2 = false, deferRecording: h2, deferRecordingStart: y2, chunkSnapshot: b2, useWsWorker: w2 = true }) {
   var _a, _b;
-  const w2 = 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 v2 = h2 ?? y2 ?? true, S2 = getOrSetSessionId(), k2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
+  if (k2.sessionId = S2, k2.apiKey = e2, k2.backendApi = t2, k2.serviceAdditionalMetadata = l2, k2.initialized && k2.sessionId === S2 && 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);
@@ -2128,9 +2164,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), ke && 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);
+        ke && console.warn(`[Sailfish] Could not set funcspan header for ${i4}`, e5);
       }
       const u3 = Date.now();
       let p3 = false;
@@ -2163,7 +2199,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;
+          ke && console.warn("[Sailfish] Failed to capture XHR response headers:", e6), i5 = null;
         }
         if (e5 >= 200 && e5 < 300) emitFinished(true, e5, "", n2, i5);
         else {
@@ -2175,7 +2211,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($e, 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(S2), k2.domEventsInit = true), await yieldToMain(), k2.consoleInit || (initializeConsolePlugin(Ae, S2), k2.consoleInit = true), await yieldToMain(), k2.errorInit || (!(function initializeErrorInterceptor() {
     window.addEventListener("error", (e3) => {
       captureError(e3.error || e3.message);
     }), window.addEventListener("unhandledrejection", (e3) => {
@@ -2185,12 +2221,12 @@ 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 ? ke && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), ke && 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, ...ke], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), k2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
+    ke && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
+  }), k2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...Te], 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);
+  })(), c2 && fetchAndSendIp(S2);
   try {
     const n2 = r2 ?? (function readGitSha() {
       var _a2;
@@ -2217,12 +2253,12 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
       }
     })(), u3 = withAppUrlMetadata(l2);
     await yieldToMain();
-    const [p3, f3] = await Promise.all([fetchCaptureSettings(e2, t2), startRecordingSession(e2, v2, t2, i3, o3, d3, n2, c3, u3)]), m2 = { ...Ce, ...(_a = p3.data) == null ? void 0 : _a.captureSettingsFromApiKey, enableFiberTracking: g2 };
+    const [p3, f3] = await Promise.all([fetchCaptureSettings(e2, t2), startRecordingSession(e2, S2, t2, i3, o3, d3, n2, c3, u3)]), m2 = { ...Le, ...(_a = p3.data) == null ? void 0 : _a.captureSettingsFromApiKey, enableFiberTracking: g2 };
     if (k2.ws && 1 === k2.ws.readyState) return;
     if ((_b = f3.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(m2, t2, e2, v2, n3, w2, S2, b2 ?? false);
+      const i4 = await initializeRecording(m2, t2, e2, S2, n3, v2, w2, b2 ?? false);
       k2.ws = i4, k2.initialized = true, trackDomainChangesOnce(), k2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", t3 = "") {
         window.sfMapUuid && sendMessage({ type: "mapUuid", data: { mapUuid: window.sfMapUuid, serviceIdentifier: e3, serviceVersion: t3 } });
       })(a2, s2), k2.sentMapUuidOnce = true);
@@ -2231,29 +2267,68 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
     console.error("Error starting recording:", e3);
   }
 }
-exports.DEFAULT_CAPTURE_SETTINGS = Ce, exports.DEFAULT_CONSOLE_RECORDING_SETTINGS = $e, exports.STORAGE_VERSION = 1, exports.addOrUpdateMetadata = function addOrUpdateMetadata(e2) {
-  const t2 = { type: "addOrUpdateMetadata", metadata: e2 };
-  z && JSON.stringify(z) === JSON.stringify(e2) || (z = 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) => {
+const 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(() => be), Promise.resolve().then(() => re)]);
+      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(() => ce)]);
       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);
-}, 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.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;
+};
+export {
+  initializeRecording as A,
+  initializeWebSocket as B,
+  invalidateUrlCache as C,
+  Le as D,
+  isFunctionSpanTrackingEnabled as E,
+  matchUrlWithWildcard as F,
+  v as G,
+  onNavigationChange as H,
+  openReportIssueModal as I,
+  restoreFuncSpanState as J,
+  sendDomainsToNotPropagateHeaderTo as K,
+  sendEvent as L,
+  sendGraphQLRequest as M,
+  sendMessage as N,
+  startRecording as O,
+  startRecordingSession as P,
+  trackingEvent as Q,
+  withAppUrlMetadata as R,
+  $e as S,
+  Ae 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
+};