@sailfish-ai/recorder 1.10.5 → 1.10.7

package/dist/chunks/index-BlPJWz9y.js

@@ -0,0 +1,2259 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+const e = require("reconnecting-websocket"), t = require("@sailfish-rrweb/types");
+function readDebugFlag() {
+  var _a;
+  try {
+    const e2 = globalThis;
+    if ("boolean" == typeof e2.__SAILFISH_DEBUG__) return e2.__SAILFISH_DEBUG__;
+  } catch {
+  }
+  try {
+    const e2 = "undefined" != typeof process ? process : void 0;
+    if (null != ((_a = e2 == null ? void 0 : e2.env) == null ? void 0 : _a.SAILFISH_DEBUG)) {
+      const t2 = String(e2.env.SAILFISH_DEBUG).toLowerCase();
+      return "1" === t2 || "true" === t2 || "yes" === t2;
+    }
+  } catch {
+  }
+  try {
+    const e2 = globalThis.__SAILFISH_DEBUG_DEFINE__;
+    if ("boolean" == typeof e2) return e2;
+  } catch {
+  }
+  return false;
+}
+function uuidv4() {
+  if ("undefined" != typeof crypto && "function" == typeof crypto.randomUUID) return crypto.randomUUID();
+  if ("undefined" != typeof crypto && "function" == typeof crypto.getRandomValues) {
+    const e2 = new Uint8Array(16);
+    crypto.getRandomValues(e2), e2[6] = 15 & e2[6] | 64, e2[8] = 63 & e2[8] | 128;
+    const t2 = Array.from(e2, (e3) => e3.toString(16).padStart(2, "0")).join("");
+    return t2.slice(0, 8) + "-" + t2.slice(8, 12) + "-" + t2.slice(12, 16) + "-" + t2.slice(16, 20) + "-" + t2.slice(20);
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e2) => {
+    const t2 = 16 * Math.random() | 0;
+    return ("x" === e2 ? t2 : 3 & t2 | 8).toString(16);
+  });
+}
+const n = "X-Sf3-Rid", i = 0, o = 1, s = 2, a = 3, r = 4, l = "recordingEvents";
+let c = null;
+function openDb$1() {
+  return (function hasIndexedDB$1() {
+    return "undefined" != typeof globalThis && !!globalThis.indexedDB;
+  })() ? c || (c = new Promise((e2) => {
+    try {
+      const t2 = globalThis.indexedDB.open("leapsEventDB", 1);
+      t2.onupgradeneeded = () => {
+        const e3 = t2.result;
+        e3.objectStoreNames.contains(l) || e3.createObjectStore(l, { keyPath: "id", autoIncrement: true });
+      }, t2.onsuccess = () => e2(t2.result), t2.onerror = () => e2(null), t2.onblocked = () => {
+        e2(null);
+      };
+    } catch {
+      e2(null);
+    }
+  }), c) : Promise.resolve(null);
+}
+function withStore$1(e2, t2) {
+  return openDb$1().then((n2) => n2 ? new Promise((i2) => {
+    try {
+      const o2 = n2.transaction(l, e2), s2 = o2.objectStore(l);
+      Promise.resolve(t2(s2)).then((e3) => {
+        o2.oncomplete = () => i2(e3), o2.onerror = () => i2(null);
+      }).catch(() => i2(null));
+    } catch {
+      i2(null);
+    }
+  }) : null);
+}
+async function deleteEventsByIds(e2) {
+  await withStore$1("readwrite", async (t2) => {
+    for (const n2 of e2) t2.delete(n2);
+  });
+}
+const d = "notifyMessages";
+let u = null;
+function openDb() {
+  return (function hasIndexedDB() {
+    return "undefined" != typeof globalThis && !!globalThis.indexedDB;
+  })() ? u || (u = new Promise((e2) => {
+    try {
+      const t2 = globalThis.indexedDB.open("leapsNotifyDB", 1);
+      t2.onupgradeneeded = () => {
+        const e3 = t2.result;
+        e3.objectStoreNames.contains(d) || e3.createObjectStore(d, { keyPath: "id", autoIncrement: true });
+      }, t2.onsuccess = () => e2(t2.result), t2.onerror = () => e2(null), t2.onblocked = () => e2(null);
+    } catch {
+      e2(null);
+    }
+  }), u) : Promise.resolve(null);
+}
+async function withStore(e2, t2) {
+  const n2 = await openDb();
+  return n2 ? new Promise((i2) => {
+    try {
+      const o2 = n2.transaction(d, e2), s2 = o2.objectStore(d);
+      Promise.resolve(t2(s2)).then((e3) => {
+        o2.oncomplete = () => i2(e3), o2.onerror = () => i2(null);
+      }).catch(() => i2(null));
+    } catch {
+      i2(null);
+    }
+  }) : null;
+}
+async function saveNotifyMessageToIDB(e2) {
+  await withStore("readwrite", (t2) => {
+    t2.add({ value: e2 });
+  });
+}
+async function deleteNotifyMessageById(e2) {
+  await withStore("readwrite", (t2) => {
+    t2.delete(e2);
+  });
+}
+const p = "undefined" != typeof globalThis && void 0 !== globalThis.window, f = "undefined" != typeof globalThis && void 0 !== globalThis.document, g = "undefined" != typeof globalThis && "localStorage" in globalThis, m = "undefined" != typeof globalThis && "sessionStorage" in globalThis, h = "sailfishSessionId", y = "__sailfish_refresh__";
+let b = null;
+function getOrSetSessionId() {
+  if (!p) return uuidv4();
+  if (b) return b;
+  const e2 = window.name.startsWith(y);
+  if (e2 && (window.name = window.name.substring(20)), e2) {
+    const e3 = window.sessionStorage.getItem(h);
+    if (e3) return b = e3, e3;
+  }
+  const t2 = uuidv4();
+  b = t2;
+  try {
+    window.sessionStorage.setItem(h, t2);
+  } catch (e3) {
+  }
+  return t2;
+}
+let S = false;
+function buildBatches(e2, t2, n2) {
+  const i2 = {};
+  for (const t3 of e2) {
+    const e3 = t3.data.sessionId || "unknown";
+    i2[e3] || (i2[e3] = []), i2[e3].push(t3);
+  }
+  const o2 = [];
+  for (const e3 in i2) {
+    const s2 = i2[e3];
+    let a2 = [], r2 = 0;
+    for (const e4 of s2) {
+      const i3 = t2(e4);
+      r2 + i3 > n2 && (a2.length > 0 && (o2.push(a2), a2 = [], r2 = 0), i3 > n2) || (a2.push(e4), r2 += i3);
+    }
+    a2.length > 0 && o2.push(a2);
+  }
+  return o2;
+}
+function eventSize(e2) {
+  return JSON.stringify(e2).length;
+}
+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;
+function _updateHrefCache() {
+  C = window.location.href, $ = window.location.origin + window.location.pathname;
+}
+function ensureHrefCache() {
+  if (F || "undefined" == typeof window) return;
+  F = true, _updateHrefCache(), window.addEventListener("popstate", _updateHrefCache), window.addEventListener("hashchange", _updateHrefCache);
+  const e2 = history.pushState;
+  history.pushState = function(...t3) {
+    e2.apply(this, t3), _updateHrefCache();
+  };
+  const t2 = history.replaceState;
+  history.replaceState = function(...e3) {
+    t2.apply(this, e3), _updateHrefCache();
+  };
+}
+function getCachedHref() {
+  return C || ("undefined" != typeof window ? window.location.href : "");
+}
+function getCachedHrefNoQuery() {
+  return $ || ("undefined" != typeof window ? window.location.origin + window.location.pathname : "");
+}
+const M = [];
+let L = null;
+function queueEventForIDB(e2) {
+  M.push(e2), M.length >= 50 ? _flushIDBQueue() : L || (L = setTimeout(_flushIDBQueue, 100));
+}
+function _flushIDBQueue() {
+  if (L && (clearTimeout(L), L = null), 0 === M.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));
+}
+let A = false, R = null, D = null, _ = false;
+const P = "sailfish_funcspan_global_state";
+function wsSendPayload(e2) {
+  if (!isWebSocketOpen(x)) return false;
+  if (k) try {
+    return k.postMessage({ type: "send", payload: e2 }), true;
+  } catch {
+    return false;
+  }
+  try {
+    return x.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;
+  } catch {
+    return false;
+  }
+  try {
+    return x.send(e2), true;
+  } catch {
+    return false;
+  }
+}
+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);
+  } catch (e3) {
+    w && 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");
+  } catch (e2) {
+    w && 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)");
+}
+let B = false;
+function restoreFuncSpanState() {
+  if (B) return;
+  B = true;
+  const e2 = (function loadGlobalFuncSpanState() {
+    try {
+      if ("undefined" == typeof localStorage) return null;
+      const e3 = localStorage.getItem(P);
+      if (!e3) return null;
+      const t2 = JSON.parse(e3);
+      return w && 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;
+    }
+  })();
+  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)");
+}
+function isWebSocketOpen(e2) {
+  return (e2 == null ? void 0 : e2.readyState) === WebSocket.OPEN;
+}
+async function flushNotifyQueue() {
+  const e2 = await (async function getAllNotifyMessages() {
+    return await withStore("readonly", (e3) => new Promise((t2) => {
+      const n2 = e3.getAll();
+      n2.onsuccess = () => t2(n2.result), n2.onerror = () => t2([]);
+    })) ?? [];
+  })();
+  if (isWebSocketOpen(x)) try {
+    for (const t2 of e2) {
+      if (!wsSendRaw(t2.value)) break;
+      await deleteNotifyMessageById(t2.id);
+    }
+  } catch (e3) {
+  }
+}
+async function flushBufferedEvents() {
+  if (isWebSocketOpen(x)) if (T) await T;
+  else {
+    T = (async () => {
+      var _a, _b;
+      const e2 = await (async function getAllIndexedEvents() {
+        return await withStore$1("readonly", (e3) => new Promise((t3) => {
+          const n2 = e3.getAll();
+          n2.onsuccess = () => t3(n2.result), n2.onerror = () => t3([]);
+        })) ?? [];
+      })(), t2 = {};
+      for (const n2 of e2) {
+        const e3 = ((_b = (_a = n2 == null ? void 0 : n2.data) == null ? void 0 : _a.data) == null ? void 0 : _b.sessionId) ?? "unknown-session";
+        t2[e3] || (t2[e3] = []), t2[e3].push(n2);
+      }
+      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;
+          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);
+          } catch (e5) {
+          }
+        }
+      }
+    })();
+    try {
+      await T;
+    } finally {
+      T = null;
+    }
+  }
+}
+function sendEvent(e2) {
+  e2.app_url || (e2.app_url = getCachedHref()), !I && isWebSocketOpen(x) && 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 () => {
+    try {
+      I = true, await flushNotifyQueue(), await flushBufferedEvents();
+    } finally {
+      I = false;
+    }
+    null != E && clearInterval(E), E = window.setInterval(() => {
+      flushBufferedEvents();
+    }, 2e3);
+  })();
+}
+function handleWsClose() {
+  null != E && (clearInterval(E), E = null), w && 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 (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"));
+      } 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)"));
+        }, 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}`);
+      } catch (e3) {
+        w && console.warn("[Sailfish] Failed to send GLOBAL tracking session report:", e3);
+      }
+    } else D = null, clearGlobalFuncSpanState();
+  } catch (e3) {
+  }
+}
+function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
+  ensureHrefCache();
+  const a2 = (function getWebSocketHost(e2) {
+    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() {
+    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);
+      return URL.revokeObjectURL(t3), n3;
+    } 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);
+    } };
+    return x = t3, k.onmessage = (e3) => {
+      const n3 = e3.data;
+      "open" === n3.type ? (t3.readyState = WebSocket.OPEN, handleWsOpen()) : "close" === n3.type ? (t3.readyState = WebSocket.CLOSED, handleWsClose()) : "message" === n3.type && handleWsMessage(n3.data);
+    }, 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;
+  }
+  w && 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);
+  } };
+  return x = c2, l2.addEventListener("open", () => handleWsOpen()), l2.addEventListener("close", () => handleWsClose()), l2.addEventListener("message", (e2) => handleWsMessage(e2.data)), c2;
+}
+function sendMessage(e2) {
+  "sessionId" in e2 || (e2.sessionId = getOrSetSessionId()), e2.app_url || (e2.app_url = getCachedHref()), I || !isWebSocketOpen(x) ? 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");
+}
+function disableFunctionSpanTracking() {
+  if (w && console.log("[Sailfish] disableFunctionSpanTracking() called - Report Issue recording stopped"), isWebSocketOpen(x)) {
+    wsSendPayload({ type: "funcSpanTrackingSessionReport", sessionId: getOrSetSessionId(), enabled: false, configurationType: v });
+  } else console.warn("[FUNCSPAN STOP] ✗ WebSocket not open, cannot notify tracking end");
+  _ && (A = false, _ = false, D = null, w && console.log("[Sailfish] LOCAL tracking mode disabled")), null !== R && (window.clearTimeout(R), R = null);
+}
+function isFunctionSpanTrackingEnabled() {
+  return A;
+}
+function initializeFunctionSpanTrackingFromApi(e2) {
+  e2 && !A ? (A = true, _ = false, D = null, 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"));
+}
+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;
+  }
+  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"];
+function fetchAndSendIp(e2) {
+  U !== e2 && (U = e2, (async () => {
+    for (const e3 of H) 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() });
+    } catch {
+    }
+    U = null;
+  })().catch(() => {
+    U = null;
+  }));
+}
+let q = null;
+async function getSourceMapModule() {
+  return q || (q = await import("source-map-js")), q;
+}
+const N = /* @__PURE__ */ new Map(), W = /(?:\(|\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);
+    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;
+  } catch {
+  }
+  return null;
+}
+async function captureError(e2, t2 = false) {
+  let n2, i2;
+  e2 instanceof Error ? (n2 = e2.message, i2 = e2.stack || "No stack trace") : "string" == typeof e2 ? (n2 = e2, i2 = "No stack trace available") : (n2 = "Unknown error occurred", i2 = "No stack trace available");
+  const o2 = await (async function resolveStackTrace(e3) {
+    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);
+      if (!t4) {
+        n3.push(e4);
+        continue;
+      }
+      const [, i3, o3, s3, a3] = t4, r3 = parseInt(s3, 10), l2 = Math.max(0, parseInt(a3, 10) - 1);
+      if (!Number.isFinite(r3) || !Number.isFinite(l2)) {
+        n3.push(e4 + "  [Invalid line/column]");
+        continue;
+      }
+      const c2 = await getConsumerFor(i3, o3);
+      if (!c2) {
+        n3.push(`${e4}  [No source map found for ${o3}]`);
+        continue;
+      }
+      const { SourceMapConsumer: d2 } = await getSourceMapModule();
+      let u2 = c2.originalPositionFor({ line: r3, column: l2, bias: d2.GREATEST_LOWER_BOUND });
+      if (!u2.source || null == u2.line) for (let e5 = 1; e5 <= 20 && (u2 = c2.originalPositionFor({ line: r3, column: Math.max(0, l2 - e5), bias: d2.GREATEST_LOWER_BOUND }), !u2.source || null == u2.line); e5++) ;
+      if (u2.source && null != u2.line) {
+        const e5 = u2.name || "anonymous";
+        n3.push(`${u2.source}:${u2.line}:${u2.column ?? 0} (${e5})`);
+      } else n3.push(`${e4}  [No mapping found in ${o3}]`);
+    }
+    return n3;
+  })(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();
+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) {
+    let s3 = 0;
+    const attemptRequest = async () => {
+      try {
+        return await e3();
+      } 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 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}`);
+    return e3.json();
+  }), "Sending GraphQL request to Sailfish AI", i2, o2, s2);
+}
+function fetchCaptureSettings(e2, t2) {
+  return sendGraphQLRequest("GetCaptureSettingsFromApiKey", "\n    query GetCaptureSettingsFromApiKey($apiKey: String!) {\n      captureSettingsFromApiKey(apiKey: $apiKey) {\n        recordCanvas\n        recordCrossOriginIframes\n        collectFonts\n        inlineImages\n        recordPassword\n        recordRealName\n        recordCreditCardInfo\n        recordSsn\n        recordDob\n        sampling\n        textEditThrottleEnabled\n      }\n    }\n  ", { apiKey: e2, backendApi: t2 });
+}
+function fetchFunctionSpanTrackingEnabled(e2, t2) {
+  return sendGraphQLRequest("GetFunctionSpanTrackingEnabledFromApiKey", "\n    query GetFunctionSpanTrackingEnabledFromApiKey($apiKey: String!) {\n      isFunctionSpanTrackingEnabledFromApiKey(apiKey: $apiKey)\n    }\n  ", { apiKey: e2, backendApi: t2 });
+}
+function startRecordingSession(e2, t2, n2, i2, o2, s2, a2, r2, l2) {
+  return sendGraphQLRequest("StartSession", "mutation StartSession(\n      $apiKey: UUID!,\n      $recordingSessionId: UUID!,\n      $serviceIdentifier: String!,\n      $serviceVersion: String,\n      $mapUuid: String,\n      $gitSha: String,\n      $library: String,\n      $serviceAdditionalMetadata: JSON,\n      $startRecordingFilePath: String,\n      $startRecordingLineNumber: Int\n    ) {\n      startRecordingSession(\n        companyApiKey: $apiKey,\n        sessionId: $recordingSessionId,\n        serviceIdentifier: $serviceIdentifier,\n        serviceVersion: $serviceVersion,\n        mapUuid: $mapUuid,\n        gitSha: $gitSha,\n        library: $library,\n        serviceAdditionalMetadata: $serviceAdditionalMetadata,\n        startRecordingFilePath: $startRecordingFilePath,\n        startRecordingLineNumber: $startRecordingLineNumber\n      ) {\n        id\n      }\n    }", { apiKey: e2, recordingSessionId: t2, backendApi: n2, serviceIdentifier: i2, serviceVersion: o2, mapUuid: s2, gitSha: a2, library: r2, serviceAdditionalMetadata: l2, startRecordingFilePath: null, startRecordingLineNumber: null });
+}
+function sendDomainsToNotPropagateHeaderTo(e2, t2, n2) {
+  return sendGraphQLRequest("DomainsToNotPassHeaderTo", "mutation DomainsToNotPassHeaderTo($apiKey: String!, $domains: [String!]!) {\n      domainsToNotPassHeaderTo(apiKey: $apiKey, domains: $domains)\n    }", { apiKey: e2, domains: t2, backendApi: n2 });
+}
+function createTriageFromRecorder(e2, t2, n2, i2, o2, s2) {
+  return sendGraphQLRequest("CreateTriageFromRecorder", "mutation CreateTriageFromRecorder(\n      $apiKey: String!,\n      $recordingSessionId: String!,\n      $timestampStart: String!,\n      $timestampEnd: String!,\n      $description: String\n    ) {\n      createTriageFromRecorder(\n        apiKey: $apiKey,\n        recordingSessionId: $recordingSessionId,\n        timestampStart: $timestampStart,\n        timestampEnd: $timestampEnd,\n        description: $description\n      ) {\n        id\n      }\n    }\n    ", { apiKey: e2, recordingSessionId: n2, timestampStart: i2, timestampEnd: o2, description: s2, backendApi: t2 });
+}
+function fetchEngineeringTicketPlatformIntegrations(e2, t2) {
+  return sendGraphQLRequest("GetEngineeringTicketPlatformIntegrationsFromApiKey", "query GetEngineeringTicketPlatformIntegrationsFromApiKey($apiKey: String!) {\n      getEngineeringTicketPlatformIntegrationsFromApiKey(apiKey: $apiKey) {\n        pushAutoIdentifiedIssues\n        provider\n        clientId\n        defaultPriority\n        defaultProject\n        defaultTeam\n        primaryCloudId\n        installed\n        projects\n        teams\n        workflowStates\n        webhookState\n        clouds\n        labels\n        sprints\n        users\n        fieldConfigurations\n        invalidFields\n        jiraReporterAccountId\n      }\n    }", { apiKey: e2, backendApi: 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/"];
+function shouldSkipFrame(e2) {
+  return V.some((t2) => e2.includes(t2));
+}
+function normalizeFilePath(e2) {
+  let t2 = e2;
+  if (t2.startsWith("file://") && (t2 = t2.substring(7)), t2.startsWith("webpack-internal:///") && (t2 = t2.substring(20)), t2.startsWith("webpack:///") && (t2 = t2.substring(11)), t2.startsWith("/@fs/") && (t2 = t2.substring(5)), t2.startsWith("http://") || t2.startsWith("https://")) try {
+    t2 = new URL(t2).pathname || t2, "/" === t2 && (t2 = "index.html");
+  } catch {
+  }
+  return t2;
+}
+function getCallerLocationFromTrace(e2, t2 = 0) {
+  if (!Array.isArray(e2) || 0 === e2.length) return [null, null];
+  const n2 = (function parseRrwebTraceFrames(e3) {
+    const t3 = [];
+    for (const n3 of e3) {
+      if (!n3) continue;
+      const e4 = n3.startsWith("at ") ? n3.slice(3) : n3;
+      let i2 = /^(.*?)\s+\((.+?):(\d+):(\d+)\)$/.exec(e4);
+      i2 ? t3.push({ functionName: i2[1] || "<anonymous>", file: i2[2], line: parseInt(i2[3], 10), column: parseInt(i2[4], 10) }) : (i2 = /^(.+?):(\d+):(\d+)$/.exec(e4), i2 && t3.push({ functionName: "<anonymous>", file: i2[1], line: parseInt(i2[2], 10), column: parseInt(i2[3], 10) }));
+    }
+    return t3;
+  })(e2);
+  for (let e3 = t2; e3 < Math.min(n2.length, t2 + 20); e3++) {
+    const t3 = n2[e3];
+    if (!(t3 == null ? void 0 : t3.file)) continue;
+    const i2 = normalizeFilePath(t3.file);
+    if (!shouldSkipFrame(i2)) return [i2, t3.line];
+  }
+  return [null, null];
+}
+function getCallerLocation(e2 = 0) {
+  const t2 = new Error().stack;
+  if (!t2) return [null, null];
+  const n2 = (function parseV8Stack(e3) {
+    if (!e3) return [];
+    const t3 = e3.split("\n").slice(1), n3 = [];
+    for (const e4 of t3) {
+      let t4 = /at\s+(.+?)\s+\((.+?):(\d+):(\d+)\)/.exec(e4);
+      t4 ? n3.push({ functionName: t4[1], file: t4[2], line: parseInt(t4[3], 10), column: parseInt(t4[4], 10) }) : (t4 = /at\s+(.+?):(\d+):(\d+)/.exec(e4), t4 && n3.push({ functionName: "<anonymous>", file: t4[1], line: parseInt(t4[2], 10), column: parseInt(t4[3], 10) }));
+    }
+    return n3;
+  })(t2), i2 = 1 + e2;
+  for (let e3 = i2; e3 < Math.min(n2.length, i2 + 20); e3++) {
+    const t3 = n2[e3];
+    if (!(t3 == null ? void 0 : t3.file)) continue;
+    const i3 = normalizeFilePath(t3.file);
+    if (!shouldSkipFrame(i3)) return [i3, t3.line];
+  }
+  return [null, null];
+}
+function suppressConsoleLogsDuringCall(e2) {
+  const t2 = console.log, n2 = console.warn, i2 = console.error;
+  console.log = () => {
+  }, console.warn = () => {
+  }, console.error = () => {
+  };
+  try {
+    e2();
+  } finally {
+    console.log = t2, console.warn = n2, console.error = i2;
+  }
+}
+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";
+function zE_safe(...e2) {
+  try {
+    if ((function hasZendesk() {
+      return "undefined" != typeof window && "function" == typeof window.zE;
+    })()) return window.zE(...e2), true;
+  } catch {
+  }
+  return false;
+}
+function maskInputFn(e2, t2) {
+  var _a;
+  if ("hidden" === t2.type) return "";
+  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;
+function invalidateUrlCache() {
+  Y = 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 });
+function initializeDomContentEvents(e2) {
+  document.addEventListener("readystatechange", () => {
+    const t2 = { type: 24, data: { source: 0, info: "" }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() };
+    switch (document.readyState) {
+      case "loading":
+        t2.data.source = i;
+        break;
+      case "complete":
+        t2.data.source = s;
+    }
+    t2.data.info && sendEvent(t2);
+  }), document.addEventListener("DOMContentLoaded", () => {
+    sendEvent({ type: 24, data: { source: o }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() });
+  }), window.addEventListener("beforeunload", () => {
+    sendEvent({ type: 24, data: { source: a }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() });
+  }), window.addEventListener("unload", () => {
+    sendEvent({ type: 24, data: { source: r }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() });
+  });
+}
+async function initializeConsolePlugin(e2, n2) {
+  const { getRecordConsolePlugin: i2 } = await import("@sailfish-rrweb/rrweb-plugin-console-record");
+  await yieldToMain();
+  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() });
+  }, window, e2);
+}
+async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2 = false) {
+  const c2 = initializeWebSocket(n2, i2, o2, s2, r2);
+  try {
+    const n3 = (function createThrottledEmit(e3, t2 = 1e3) {
+      if (!e3) return { emit: (e4) => sendEvent(e4), flush: () => {
+      } };
+      const n4 = /* @__PURE__ */ new Map();
+      let i3 = null;
+      return { emit: (e4) => {
+        var _a, _b;
+        const o3 = (_a = e4.data) == null ? void 0 : _a.source;
+        if (3 !== e4.type || 0 !== o3 && 5 !== o3) return void sendEvent(e4);
+        if (0 === o3) {
+          const t3 = e4.data, n5 = (t3 == null ? void 0 : t3.adds) && t3.adds.length > 0, i4 = (t3 == null ? void 0 : t3.removes) && t3.removes.length > 0;
+          if (n5 || i4) return void sendEvent(e4);
+        }
+        const s3 = `3:${o3}:${((_b = e4.data) == null ? void 0 : _b.id) || "unknown"}`;
+        n4.set(s3, e4), i3 || (i3 = setInterval(() => {
+          0 !== n4.size && (n4.forEach((e5) => sendEvent(e5)), n4.clear());
+        }, t2));
+      }, flush: () => {
+        n4.size > 0 && (n4.forEach((e4) => sendEvent(e4)), n4.clear()), i3 && (clearInterval(i3), i3 = null);
+      } };
+    })(e2.textEditThrottleEnabled), emitWithContext = (e3) => {
+      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"));
+        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;
+        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 });
+        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 });
+          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 });
+    };
+    if (a2) {
+      let e3 = false;
+      const startOnce = () => {
+        e3 || (e3 = true, startHeavyWork());
+      }, scheduleAfterLoad = () => {
+        const e4 = setTimeout(startOnce, 1e4);
+        "function" == typeof requestIdleCallback && requestIdleCallback(() => {
+          clearTimeout(e4), startOnce();
+        });
+        const t2 = ["click", "scroll", "keydown", "touchstart"], onInteraction = () => {
+          clearTimeout(e4), t2.forEach((e5) => window.removeEventListener(e5, onInteraction, true)), startOnce();
+        };
+        t2.forEach((e5) => window.addEventListener(e5, onInteraction, { once: true, capture: true }));
+      };
+      "complete" === document.readyState ? scheduleAfterLoad() : window.addEventListener("load", () => scheduleAfterLoad(), { once: true });
+    } else "function" == typeof requestIdleCallback ? requestIdleCallback(startHeavyWork, { timeout: 2e3 }) : setTimeout(startHeavyWork, 0);
+    window.addEventListener("beforeunload", () => {
+      n3.flush();
+    }), (function whenZendeskReady(e3) {
+      if ("undefined" == typeof window) return;
+      const t2 = window.zE;
+      if ("function" == typeof t2) try {
+        t2(e3);
+      } catch {
+      }
+    })(() => {
+      suppressConsoleLogsDuringCall(() => {
+        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 });
+      }, handleWidgetClose = () => {
+        Q == null ? void 0 : Q.addSailfishEvent(t.EventType.SailfishCustom, { action: "customer support chat closed", element_id: X, provider: Z });
+      }, handleUnreadMessages = (e3) => {
+        Q == null ? void 0 : Q.addSailfishEvent(t.EventType.SailfishCustom, { action: "zendesk unreadmessages", element_id: X, provider: Z });
+      };
+      suppressConsoleLogsDuringCall(() => {
+        zE_safe("messenger:on", "open", handleWidgetOpen), zE_safe("messenger:on", "close", handleWidgetClose), zE_safe("messenger:on", "unreadMessages", handleUnreadMessages);
+      });
+    });
+  } catch (e3) {
+    console.error("Error importing plugins!", e3);
+  }
+  return c2;
+}
+const oe = ["jira", "linear", "zendesk"];
+let se = null;
+const ae = /* @__PURE__ */ new Map();
+function getIntegrationData() {
+  return se;
+}
+function hasValidIntegration() {
+  return null !== se && true === se.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;
+  });
+  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;
+}
+async function refreshIntegrationData(e2, t2) {
+  try {
+    const n2 = resolveIntegration(await fetchEngineeringTicketPlatformIntegrations(e2, t2));
+    return se = n2, n2;
+  } catch (e3) {
+    return console.error("Error refreshing integration data:", e3), se;
+  }
+}
+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) => {
+    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";
+}
+function populatePriorityOptions(e2, t2, n2) {
+  const i2 = "jira" === (t2 == null ? void 0 : t2.toLowerCase());
+  if (e2.innerHTML = "", i2) {
+    [{ id: "1", name: "Highest" }, { id: "2", name: "High" }, { id: "3", name: "Medium" }, { id: "4", name: "Low" }, { id: "5", name: "Lowest" }].forEach((t3) => {
+      const n3 = document.createElement("option");
+      n3.value = t3.id, n3.textContent = t3.name, e2.appendChild(n3);
+    });
+  } else {
+    [{ id: "0", name: "No Priority" }, { id: "1", name: "Urgent" }, { id: "2", name: "High" }, { id: "3", name: "Medium" }, { id: "4", name: "Low" }].forEach((t3) => {
+      const n3 = document.createElement("option");
+      n3.value = t3.id, n3.textContent = t3.name, e2.appendChild(n3);
+    });
+  }
+  null != n2 ? e2.value = String(n2) : i2 || (e2.value = "0");
+}
+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);
+  (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 : [];
+  for (const t2 of e2) {
+    const e3 = (t2.fields || []).find((e4) => {
+      var _a;
+      return "com.pyxis.greenhopper.jira:gh-sprint" === ((_a = e4.schema) == null ? void 0 : _a.custom);
+    });
+    if (e3 == null ? void 0 : e3.fieldId) return e3.fieldId;
+  }
+  return "customfield_10020";
+}
+function updateIssueTypeOptions(e2, t2) {
+  var _a;
+  if (!(se == null ? void 0 : se.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);
+  if (!n2 || !n2.issue_types) {
+    e2.innerHTML = "";
+    const t3 = document.createElement("option");
+    return t3.value = "", t3.disabled = true, t3.selected = true, t3.textContent = "No issue types available", t3.style.color = "#9ca3af", e2.appendChild(t3), void (e2.style.color = "#9ca3af");
+  }
+  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) => {
+    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) {
+    const t3 = i2.find((e3) => {
+      var _a2;
+      return "bug" === ((_a2 = e3.name) == null ? void 0 : _a2.toLowerCase());
+    }), n3 = i2.find((e3) => {
+      var _a2;
+      return "task" === ((_a2 = e3.name) == null ? void 0 : _a2.toLowerCase());
+    }), s2 = (t3 == null ? void 0 : t3.id) || (n3 == null ? void 0 : n3.id) || ((_a = i2[0]) == null ? void 0 : _a.id);
+    s2 ? (e2.value = s2, e2.style.color = "#000") : (o2.selected = true, e2.style.color = "#9ca3af");
+  }
+}
+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];
+  return n2 && n2.fields ? n2.fields : [];
+}
+function getUsers() {
+  return (se == null ? void 0 : se.users) ? se.users : [];
+}
+function getProjectsForTeam(e2) {
+  if (!se) return [];
+  const t2 = se.teams && Array.isArray(se.teams) && se.teams.length > 0;
+  if (t2 && e2) {
+    const t3 = se.teams.find((t4) => t4.id === e2);
+    return (t3 == null ? void 0 : t3.projects) || [];
+  }
+  return !t2 && se.projects ? se.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);
+  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;
+  }
+  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);
+  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 n2 = await fetchEngineeringTicketPlatformIntegrations(e2, t2);
+    se = resolveIntegration(n2);
+  } catch (e3) {
+    console.error("Error fetching integration data:", e3), se = 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";
+function getInitialState() {
+  const e2 = (function loadUserPreferences() {
+    return { createIssue: g && "true" === localStorage.getItem(le), createEngTicket: g && "true" === localStorage.getItem(ce) };
+  })();
+  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;
+function setTimerInterval(e2) {
+  fe = e2;
+}
+function setIsRecording(e2) {
+  ge = 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}
+      </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;">
+            <path d="M4 6L8 10L12 6" stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </div>
+        <div id="${e2}-dropdown" class="sf-multiselect-dropdown" style="display:none; position:absolute; top:100%; left:0; right:0; margin-top:4px; background:white; border:1px solid #cbd5e1; border-radius:6px; max-height:200px; overflow-y:auto; z-index:1000; box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);">
+          ${n2.map((e3) => {
+    const t3 = e3.id || e3.value || e3.name || e3, n3 = e3.name || e3.value || e3, o3 = i2.includes(t3);
+    return `
+        <div class="sf-multiselect-option" data-value="${t3}" data-selected="${o3}" style="padding:8px 12px; cursor:pointer; ${o3 ? "background-color:#e0f2fe;" : ""}" onmouseover="this.style.backgroundColor=this.dataset.selected === 'true' ? '#bae6fd' : '#f1f5f9'" onmouseout="this.style.backgroundColor=this.dataset.selected === 'true' ? '#e0f2fe' : ''" onclick="event.stopPropagation();">
+          ${n3}
+        </div>
+      `;
+  }).join("")}
+        </div>
+      </div>
+    </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;
+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 || ""));
+      });
+      const c2 = n2.querySelector(".sf-multiselect-input span"), d2 = l2.join(", ");
+      c2 && (c2.textContent = d2 || "Select...", c2.style.color = d2 ? "#000" : "#9ca3af"), t2(r2);
+    });
+  }), document.addEventListener("click", (e3) => {
+    const t3 = e3.target;
+    n2.contains(t3) || (i2.style.display = "none");
+  });
+}
+function renderDynamicFields(e2, t2) {
+  const n2 = document.getElementById("sf-dynamic-fields-container");
+  if (!n2) return;
+  if (!e2) return void (n2.innerHTML = '<div style="font-size:14px; color:#64748B;">Select a project to see additional fields</div>');
+  const i2 = getFieldsForProject(e2, t2), o2 = getUsers();
+  if (!i2 || 0 === i2.length) return void (n2.innerHTML = "");
+  const s2 = i2.map((e3) => (function renderDynamicField(e4, t3, n3 = []) {
+    var _a, _b, _c, _d;
+    const i3 = e4.fieldId || e4.key, o3 = e4.name, s3 = (_a = e4.schema) == null ? void 0 : _a.type, a2 = (_b = e4.schema) == null ? void 0 : _b.system, r2 = (_c = e4.schema) == null ? void 0 : _c.custom, l2 = e4.required || false, c2 = e4.allowedValues, d2 = ["summary", "description", "project", "issuetype", "priority"];
+    if (d2.includes(i3) || d2.includes(a2)) return null;
+    const u2 = l2 ? '<span style="color:#ef4444;">*</span>' : "", p2 = "width:100%; padding:8px 12px; font-size:14px; border:1px solid #cbd5e1; border-radius:6px; outline:none;";
+    switch (s3) {
+      case "string":
+        return r2 && r2.includes("textarea") ? `
+          <div>
+            <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+              ${o3} ${u2}
+            </label>
+            <textarea
+              id="${i3}"
+              class="sf-dynamic-field"
+              data-field-id="${i3}"
+              placeholder="Enter ${o3.toLowerCase()}"
+              style="${p2} height:80px; resize:none;"
+              ${l2 ? "required" : ""}
+            >${t3 || ""}</textarea>
+          </div>
+        ` : `
+        <div>
+          <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+            ${o3} ${u2}
+          </label>
+          <input
+            type="text"
+            id="${i3}"
+            class="sf-dynamic-field"
+            data-field-id="${i3}"
+            value="${t3 || ""}"
+            placeholder="Enter ${o3.toLowerCase()}"
+            style="${p2}"
+            ${l2 ? "required" : ""}
+          />
+        </div>
+      `;
+      case "number":
+        return `
+        <div>
+          <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+            ${o3} ${u2}
+          </label>
+          <input
+            type="number"
+            id="${i3}"
+            class="sf-dynamic-field"
+            data-field-id="${i3}"
+            value="${t3 || ""}"
+            placeholder="Enter ${o3.toLowerCase()}"
+            style="${p2}"
+            step="0.5"
+            ${l2 ? "required" : ""}
+          />
+        </div>
+      `;
+      case "date":
+        return `
+        <div>
+          <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+            ${o3} ${u2}
+          </label>
+          <input
+            type="date"
+            id="${i3}"
+            class="sf-dynamic-field"
+            data-field-id="${i3}"
+            value="${t3 || ""}"
+            style="${p2}"
+            ${l2 ? "required" : ""}
+          />
+        </div>
+      `;
+      case "user":
+        if (n3 && n3.length > 0) {
+          const e5 = n3.map((e6) => {
+            const n4 = e6.email ? `${e6.name} (${e6.email})` : e6.name, i4 = t3 === e6.id ? "selected" : "";
+            return `<option value="${e6.id}" ${i4}>${n4}</option>`;
+          }).join(""), s4 = t3 && n3.some((e6) => e6.id === t3);
+          return `
+          <div>
+            <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+              ${o3} ${u2}
+            </label>
+            <select
+              id="${i3}"
+              class="sf-dynamic-field"
+              data-field-id="${i3}"
+              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>
+              ${e5}
+            </select>
+          </div>
+        `;
+        }
+        return null;
+      case "option":
+        if (c2 && c2.length > 0) {
+          const e5 = c2.map((e6) => {
+            const n5 = e6.id || e6.value || e6, i4 = e6.value || e6.name || e6;
+            return `<option value="${n5}" ${t3 === n5 ? "selected" : ""}>${i4}</option>`;
+          }).join(""), n4 = t3 && c2.some((e6) => (e6.id || e6.value || e6) === t3);
+          return `
+          <div>
+            <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+              ${o3} ${u2}
+            </label>
+            <select
+              id="${i3}"
+              class="sf-dynamic-field"
+              data-field-id="${i3}"
+              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>
+              ${e5}
+            </select>
+          </div>
+        `;
+        }
+        return null;
+      case "array":
+        return "labels" === a2 ? null : c2 && c2.length > 0 ? renderCustomMultiSelect(i3, o3, c2, Array.isArray(t3) ? t3 : [], l2) : null;
+      case "parent":
+      case "issuelink":
+        return `
+        <div>
+          <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+            ${o3} ${u2}
+          </label>
+          <input
+            type="text"
+            id="${i3}"
+            class="sf-dynamic-field"
+            data-field-id="${i3}"
+            value="${t3 || ""}"
+            placeholder="e.g., PROJ-123"
+            style="${p2}"
+            ${l2 ? "required" : ""}
+          />
+        </div>
+      `;
+      default:
+        return ((_d = e4.operations) == null ? void 0 : _d.includes("set")) ? `
+          <div>
+            <label for="${i3}" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+              ${o3} ${u2}
+            </label>
+            <input
+              type="text"
+              id="${i3}"
+              class="sf-dynamic-field"
+              data-field-id="${i3}"
+              value="${t3 || ""}"
+              placeholder="Enter ${o3.toLowerCase()}"
+              style="${p2}"
+              ${l2 ? "required" : ""}
+            />
+          </div>
+        ` : null;
+    }
+  })(e3, de.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;
+    });
+  });
+}
+function generateEngTicketFieldsHTML() {
+  var _a;
+  const e2 = he.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;
+}
+function getShortcutKeyCmdCtrlLabel() {
+  return (function isMacPlatform() {
+    const e2 = navigator.userAgentData;
+    return (e2 == null ? void 0 : e2.platform) ? e2.platform.toLowerCase().includes("mac") : /mac/i.test(navigator.userAgent);
+  })() ? "⌘" : "Ctrl";
+}
+function getShortcutLabelFromContext(e2) {
+  return (function getShortcutLabel(e3) {
+    const t2 = [];
+    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]);
+}
+function getSessionIdSafely() {
+  if (!he.resolveSessionId) throw new Error("getSessionId not defined");
+  return he.resolveSessionId();
+}
+function openReportIssueModal() {
+  ge ? stopRecording() : (injectModalHTML(), ye && document.body.appendChild(ye));
+}
+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));
+}
+function activateModalIsolation(e2) {
+  e2.setAttribute("role", "dialog"), e2.setAttribute("aria-modal", "true"), e2.hasAttribute("tabindex") || e2.setAttribute("tabindex", "-1");
+  const t2 = e2.querySelector("#sf-issue-description") || e2.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])") || e2, n2 = document.createElement("div"), i2 = document.createElement("div");
+  n2.tabIndex = 0, i2.tabIndex = 0, n2.style.position = i2.style.position = "fixed", n2.style.width = i2.style.width = "1px", n2.style.height = i2.style.height = "1px", n2.style.outline = i2.style.outline = "none", e2.prepend(n2), e2.append(i2);
+  const cycleFocus = (t3) => {
+    const n3 = Array.from(e2.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")).filter((e3) => !e3.hasAttribute("disabled") && null !== e3.offsetParent);
+    if (0 === n3.length) return;
+    (t3 ? n3[0] : n3[n3.length - 1]).focus({ preventScroll: true });
+  };
+  n2.addEventListener("focus", () => cycleFocus(false)), i2.addEventListener("focus", () => cycleFocus(true));
+  const quarantine = (t3) => {
+    const n3 = t3.target;
+    n3 && (e2.contains(n3) || (t3.stopImmediatePropagation(), t3.preventDefault(), refocus()));
+  }, o2 = ["mousedown", "mouseup", "click", "pointerdown", "pointerup", "touchstart", "touchend", "wheel", "keydown", "keyup", "focus", "focusin", "focusout", "blur"];
+  o2.forEach((e3) => document.addEventListener(e3, quarantine, true));
+  let s2 = 0, a2 = null;
+  const r2 = t2 instanceof HTMLTextAreaElement ? t2 : null, refocus = () => {
+    if ((e2.querySelector(":focus") || r2 || t2 || e2).focus({ preventScroll: true }), r2 && document.activeElement === r2 && a2) try {
+      r2.setSelectionRange(a2.start, a2.end, "none");
+    } catch {
+    }
+  }, selectionInsideModal = () => {
+    const t3 = "function" == typeof document.getSelection ? document.getSelection() : null;
+    if (!t3) return false;
+    if ([t3.anchorNode, t3.focusNode].filter(Boolean).some((t4) => e2.contains(t4))) return true;
+    if (t3.rangeCount > 0) {
+      const n3 = t3.getRangeAt(0).commonAncestorContainer;
+      if (n3 && e2.contains(3 === n3.nodeType ? n3.parentNode : n3)) return true;
+    }
+    return false;
+  };
+  let l2 = 0;
+  const watchdog = () => {
+    const t3 = document.activeElement, n3 = t3 === document.body || null == t3 || !e2.contains(t3), i3 = selectionInsideModal();
+    n3 && !i3 ? (l2 += 1, l2 >= 2 && (refocus(), l2 = 0)) : (l2 = 0, (() => {
+      if (r2 && document.activeElement === r2) try {
+        a2 = { start: r2.selectionStart ?? r2.value.length, end: r2.selectionEnd ?? r2.value.length };
+      } catch {
+      }
+    })()), s2 = window.requestAnimationFrame(watchdog);
+  };
+  s2 = window.requestAnimationFrame(watchdog);
+  const onBlurLike = () => {
+    setTimeout(() => {
+      const t3 = document.activeElement;
+      (t3 === document.body || null == t3 || !e2.contains(t3)) && !selectionInsideModal() && refocus();
+    }, 0);
+  };
+  return window.addEventListener("blur", onBlurLike, true), document.addEventListener("focusout", onBlurLike, true), setTimeout(() => t2.focus({ preventScroll: true }), 0), () => {
+    try {
+      n2.remove(), i2.remove();
+    } catch {
+    }
+    o2.forEach((e3) => document.removeEventListener(e3, quarantine, true)), window.removeEventListener("blur", onBlurLike, true), document.removeEventListener("focusout", onBlurLike, true), s2 && cancelAnimationFrame(s2);
+  };
+}
+function injectModalHTML(e2 = "lookback") {
+  ye && (ye.remove(), ye = null), ye = document.createElement("div"), ye.id = "sf-report-issue-modal";
+  const t2 = "startnow" === e2;
+  ye.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;
+      width:476px; max-width:90%; max-height:90vh; z-index:9999;
+      box-shadow:0 4px 20px rgba(0,0,0,0.15); font-family:sans-serif;
+      display:flex; flex-direction:column;">
+
+      <!-- Fixed Header -->
+      <div style="padding:24px 24px 16px 24px; flex-shrink:0; position:relative;">
+        <button id="sf-modal-close-btn"
+          style="position:absolute; top:24px; right:24px; background:none; border:none; cursor:pointer; padding:0;">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M18 6L6 18" stroke="#71717A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M6 6L18 18" stroke="#71717A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </button>
+
+        <h2 style="font-size:18px; font-weight:600; margin-bottom:16px;">Report Issue</h2>
+
+        <div id="sf-issue-tabs" style="display:flex; gap:4px; background:#f1f5f9; padding:6px; border-radius:6px; width: fit-content;">
+          <button id="sf-tab-lookback" data-mode="lookback" class="sf-issue-tab ${t2 ? "" : "active"}"
+            style="padding:6px 12px; border:none; background:${t2 ? "transparent" : "white"}; color: ${t2 ? "#64748B" : "#0F172A"}; border-radius:4px; font-size:14px; cursor:pointer; font-weight:500; height:32px; display: flex; align-items: center; gap: 8px;">
+            Existing ${getShortcutLabelFromContext("openModalExistingMode")}
+          </button>
+          <button id="sf-tab-startnow" data-mode="startnow" class="sf-issue-tab ${t2 ? "active" : ""}"
+            style="padding:6px 12px; border:none; background:${t2 ? "white" : "transparent"}; color: ${t2 ? "#0F172A" : "#64748B"}; border-radius:4px; font-size:14px; cursor:pointer; font-weight:500; height:32px; display: flex; align-items: center; gap: 8px;">
+            Capture new ${getShortcutLabelFromContext("openModalCaptureNewMode")}
+          </button>
+        </div>
+      </div>
+
+      <!-- Scrollable Content -->
+      <div style="flex:1; overflow-y:auto; padding:0 24px;">
+
+      <div id="sf-issue-mode-info" style="display:flex; align-items:flex-start; gap:8px; margin-bottom:24px;">
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;">
+          <g clip-path="url(#clip0_2477_11797)">
+            <path d="M6.99935 12.8333C10.221 12.8333 12.8327 10.2216 12.8327 6.99996C12.8327 3.7783 10.221 1.16663 6.99935 1.16663C3.77769 1.16663 1.16602 3.7783 1.16602 6.99996C1.16602 10.2216 3.77769 12.8333 6.99935 12.8333Z" stroke="#A1A1AA" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M7 9.33333V7" stroke="#A1A1AA" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M7 4.66663H7.00583" stroke="#A1A1AA" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+          </g>
+          <defs><clipPath id="clip0_2477_11797"><rect width="14" height="14" fill="white"/></clipPath></defs>
+        </svg>
+        <div style="font-size:14px;">
+          ${t2 ? "I want to reproduce the issue right now." : "Something already happened. Capture the past few minutes."}
+        </div>
+      </div>
+
+      <label for="sf-issue-description" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+        What happened? (optional)
+      </label>
+      <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>
+
+      <!-- When did this happen Section -->
+      <div id="sf-lookback-container" style="display:${t2 ? "none" : "block"}; margin-bottom:20px;">
+        <label for="sf-lookback-minutes" style="display:block; font-size:14px; font-weight:500; margin-bottom:6px;">
+          When did this happen?
+        </label>
+        <div style="display:flex; align-items:center; justify-content:space-between; gap:12px;">
+          <div style="position:relative; display:flex; align-items:center; gap:6px;">
+            <select id="sf-lookback-minutes"
+              style="
+                background: white;
+                padding: 4px 8px;
+                font-size: 14px;
+                border: 1px solid #cbd5e1;
+                border-radius: 6px;
+                color: #64748B;
+                font-family: sans-serif;
+                outline: none;
+                box-shadow: none;
+                appearance: none;
+                -webkit-appearance: none;
+                -moz-appearance: none;
+                padding-right: 28px;
+                cursor: pointer;
+                font-size: 14px;
+                line-height: 20px;
+              ">
+              ${Array.from({ length: 15 }, (e3, t3) => {
+    const n2 = t3 + 1;
+    return `<option value="${n2}" ${2 === n2 ? "selected" : ""}>${n2}</option>`;
+  }).join("")}
+            </select>
+            <div style="position:absolute; left:32px; top:50%; transform:translateY(-50%); pointer-events:none;">
+              <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M4 6L8 10L12 6" stroke="#52525B" stroke-width="1.33333"
+                      stroke-linecap="round" stroke-linejoin="round"/>
+              </svg>
+            </div>
+            <span style="font-size:14px; color: #64748B;">minutes ago</span>
+          </div>
+          <div>
+            <label for="sf-occurred-in-tab"
+                  style="display:flex; align-items:center; gap:6px; font-size:14px; color:#0F172A; cursor:pointer; white-space:nowrap;">
+              <input
+                type="checkbox"
+                id="sf-occurred-in-tab"
+                checked
+                disabled
+                style="width:16px; height:16px; accent-color:#295DBF; cursor:pointer;"
+              />
+              The issue occurred in this tab?
+            </label>
+          </div>
+        </div>
+      </div>
+
+      <!-- Divider -->
+      <div style="height: 1px; background: #e2e8f0; margin: 20px 0;"></div>
+
+      <!-- Create an Issue & Engineering Ticket Section -->
+      <div style="margin-bottom:20px;">
+        <!-- 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" : ""}
+              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" : ""}
+              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 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}"
+                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"};">
+          ${generateEngTicketFieldsHTML()}
+        </div>
+      </div>
+
+      <!-- Divider -->
+      <div style="height: 1px; background: #e2e8f0; margin-top: 20px;"></div>
+      </div>
+
+      <!-- Fixed Footer -->
+      <div style="padding:20px 24px; flex-shrink:0;">
+        <div id="sf-modal-footer" style="display:flex; justify-content:${t2 ? "space-between" : "flex-end"}; align-items:flex-end;">
+
+          <div id="sf-record-button-container" style="display:${t2 ? "block" : "none"};">
+            <div id="sf-recording-timer-label" style="display:none; font-size:14px; margin-bottom:20px;">
+              Recording: <span id="sf-recording-timer-display">00:00</span>
+            </div>
+            <button id="sf-start-recording-btn"
+              style="display:flex; align-items:center; gap:8px; border:1px solid #fc5555;
+                     background:transparent; padding:6px 12px; font-size:14px;
+                     color: #fc5555; border-radius:6px; cursor:pointer; font-weight:500;">
+              <div id="sf-record-icon" style="padding: 6px; border-radius: 6px; border: 1px solid #fc5555; cursor: pointer;">
+                <div style="width: 14px; height: 14px; background: #fc5555; border-radius: 50%; border: 1px solid #991b1b;"></div>
+              </div>
+              <span>Start Recording</span>
+              ${getShortcutLabelFromContext("startRecording")}
+            </button>
+          </div>
+
+          <button id="sf-issue-submit-btn"
+            style="background: #295DBF; color:white; border:none; padding:8px 16px;
+            border-radius:6px; font-size:14px; line-height: 24px; font-weight:500;
+            cursor:${t2 ? "not-allowed" : "pointer"}; opacity:${t2 ? "0.4" : "1"}; margin-bottom:1px" ${t2 ? "disabled" : ""}>
+            Report <span style="margin-left: 8px; display: inline-flex; align-items: center; gap: 4px; color: #94A3B8; font-size: 12px; line-height:16px;">
+                            ${getShortcutLabelFromContext("submitReport")}
+                          </span>
+          </button>
+        </div>
+        <div style="display:flex; justify-content:center; font-size: 12px; margin-top: 12px; color: #295dbf;">
+          <a href="mailto:info@sailfishqa.com?subject=I'd%20love%20to%20learn%20more&body=Hey%2C%20Sailfish%20AI%20team%20-%20I'd%20love%20to%20learn%20more%20about%20Sailfish%20AI!">Powered by Sailfish AI</a>
+        </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");
+    e3 == null ? void 0 : e3.forEach((e4) => {
+      e4.addEventListener("click", (e5) => {
+        const t4 = e5.currentTarget.dataset.mode;
+        setActiveTab(t4), updateModeSpecificUI(t4);
+      });
+    }), n2 && (n2.onclick = closeModal);
+    o2 && o2.addEventListener("change", () => {
+      "lookback" === de.mode && (i2.disabled = false, i2.style.opacity = "1", i2.style.cursor = "pointer");
+    });
+    const s2 = ye == null ? void 0 : ye.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");
+        if (i3 && o3) {
+          const e6 = "none" !== i3.style.display;
+          i3.style.display = e6 ? "none" : "block", o3.innerHTML = /* @__PURE__ */ (function getChevronSVG(e7) {
+            return e7 ? '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n         <path d="M12 6L8 10L4 6" stroke="#52525B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n       </svg>' : '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n         <path d="M6 12L10 8L6 4" stroke="#52525B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n       </svg>';
+          })(!e6);
+        }
+      });
+    });
+    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"));
+    });
+    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.");
+        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);
+          }
+          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);
+        }
+      }
+    });
+    const d2 = document.getElementById("sf-issue-name");
+    d2 && d2.addEventListener("input", () => {
+      de.issueName = d2.value;
+    });
+    bindEngTicketListeners(), t3 && (t3.onclick = () => {
+      const e4 = document.getElementById("sf-issue-description");
+      e4 && (de.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  ";
+        let t4 = 3;
+        e5.textContent = t4.toString(), document.body.appendChild(e5);
+        const n3 = setInterval(async () => {
+          if (t4--, t4 > 0) e5.textContent = t4.toString();
+          else {
+            clearInterval(n3), document.body.removeChild(e5), (function setRecordingStartTime(e6) {
+              ue = e6;
+            })(Date.now()), setIsRecording(true);
+            try {
+              const { enableFunctionSpanTracking: e6 } = await Promise.resolve().then(() => j);
+              e6();
+            } catch (e6) {
+              console.error("[Report Issue] Failed to enable function span tracking:", e6);
+            }
+            closeModal(), (function showFloatingTimer() {
+              const e6 = document.createElement("div");
+              e6.id = "sf-recording-indicator", e6.style.cssText = "\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    background: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n    padding: 8px 12px;\n    font-family: sans-serif;\n    font-size: 14px;\n    display: flex;\n    align-items: start;\n    gap: 24px;\n    z-index: 10000;\n    cursor: pointer;\n  ", e6.innerHTML = `
+    <div style="display:flex; align-items:center; gap:8px;">
+      <div style="width:32px; height:32px; background:#FC5555; border-radius:6px; border:1px solid #991b1b; display:flex; align-items:center; justify-content:center;">
+        <div style="width:10px; height:10px; background:white; border-radius:2px;"></div>
+      </div>
+      <div style="display:flex; flex-direction:column; font-size:14px; line-height:20px;">
+        <span id="sf-recording-timer" style="font-weight:600; color: #171717;">00:00</span>
+        <span style="font-size:12px; line-height:12px; color: #71717A;">Max time 15 mins</span>
+      </div>
+    </div>
+    <div style="display:flex; align-items:center; gap:4px; margin-left:auto; font-size:14px; color:#0F172A;">
+      <span style="color: #71717A;">stop</span>
+      <span style="display: inline-flex; align-items: center; gap: 4px; color: #94A3B8; font-size: 12px; line-height:16px;">
+        ${getShortcutLabelFromContext("stopRecording")}
+      </span>
+    </div>
+  `, e6.addEventListener("click", () => stopRecording()), document.body.appendChild(e6);
+              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");
+                t5.textContent = `${n5}:${i3}`;
+              }, 1e3);
+              setTimerInterval(n4);
+            })();
+          }
+        }, 1e3);
+      })();
+    });
+    ye == null ? void 0 : ye.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.");
+        let n3, i3;
+        if ("startnow" === t4) n3 = ue ?? Date.now() - 3e5, i3 = pe ?? 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 };
+          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;
+          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;
+            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));
+            } catch (e7) {
+              console.error("Error creating triage and issue:", e7), showStatusModal(false, null);
+            }
+          })(`${n3}`, `${i3}`, e5, l3, c3, de.createEngTicket, d3, u2, p2, f2, g2, m2);
+        } else closeModal(), (async function createTriage(e6, t5, n4) {
+          var _a2, _b;
+          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));
+          } catch (e7) {
+            console.error("Error creating triage:", e7), showStatusModal(false, null);
+          }
+        })(`${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) => {
+    if (!e3 || !document.getElementById("sf-report-issue-modal")) return;
+    he.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));
+    }
+    const n2 = document.getElementById("sf-create-eng-ticket-label");
+    n2 && (n2.style.display = "flex");
+  });
+}
+function initializeEngTicketForm() {
+  var _a;
+  const e2 = he.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);
+    }
+    de.engTicketProject && renderDynamicFields(de.engTicketProject, de.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");
+  "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");
+      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";
+}
+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";
+    const t3 = document.getElementById("sf-eng-ticket-project");
+    if (t3) {
+      de.engTicketProject = "", de.engTicketCustomFields = {};
+      const n3 = getProjectsForTeam(e2.value);
+      t3.innerHTML = '<option value="">Select project...</option>', n3.forEach((e3) => {
+        const n4 = document.createElement("option");
+        n4.value = e3.id || e3.value || e3, n4.textContent = e3.name || e3.label || e3, t3.appendChild(n4);
+      });
+    }
+  }), t2 && t2.addEventListener("change", () => {
+    var _a;
+    de.engTicketProject = t2.value, t2.style.color = t2.value ? "" : "#9ca3af", de.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);
+    }
+    renderDynamicFields(t2.value, de.engTicketIssueType);
+  }), s2 && s2.addEventListener("change", () => {
+    de.engTicketSprint = s2.value, s2.style.color = s2.value ? "" : "#9ca3af";
+  }), n2 && n2.addEventListener("change", () => {
+    de.engTicketPriority = Number(n2.value);
+  }), i2 && setupCustomMultiSelectListeners("sf-eng-ticket-labels", (e3) => {
+    de.engTicketLabels = e3;
+  }), o2 && o2.addEventListener("change", () => {
+    de.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 a2 = document.getElementById("sf-dynamic-fields-container");
+  a2 && (a2.addEventListener("input", (e3) => {
+    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);
+    }
+  }), 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) {
+        const e5 = t3;
+        e5.style.color = e5.value ? "" : "#9ca3af";
+      }
+    }
+  }));
+}
+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();
+  try {
+    const { disableFunctionSpanTracking: e2 } = await Promise.resolve().then(() => j);
+    e2();
+  } catch (e2) {
+    console.error("[Report Issue] Failed to disable function span tracking:", e2);
+  }
+  !(function reopenModalAfterStop() {
+    injectModalHTML("startnow");
+    const e2 = document.getElementById("sf-start-recording-btn");
+    if (e2) {
+      const t3 = e2.querySelector("span");
+      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");
+      n2.textContent = `${i3}:${o3}`, t2.style.display = "block";
+    }
+    const i2 = document.getElementById("sf-issue-description");
+    i2 && (i2.value = de.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");
+      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) {
+    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 = `
+    <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>
+
+      <button id="sf-triage-modal-close"
+        style="position:absolute; top:24px; right:16px; background:none; border:none; cursor:pointer;">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M18 6L6 18" stroke="#71717A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+          <path d="M6 6L18 18" stroke="#71717A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </button>
+
+      <h2 style="font-size:18px; font-weight:600; margin-bottom:${e3 ? 8 : 40}px; line-height:28px;">${s2}</h2>
+      ${a2}
+      ${r2}
+
+      <div style="display: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;">
+          Share
+        </button>
+        <button id="sf-view-triage-btn"
+          style="display:flex; align-items:center; gap:8px; background:#295dbf; border:none;
+          padding:8px 16px; border-radius:6px; font-size:14px; color:white; cursor:pointer;">
+          View
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M12 8.66667V12.6667C12 13.0203 11.8595 13.3594 11.6095 13.6095C11.3594 13.8595 11.0203 14 10.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H7.33333" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M10 2H14V6" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M6.66602 9.33333L13.9993 2" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </button>
+      </div>
+    </div>
+    <style>
+      @keyframes spin { to { transform: rotate(360deg); } }
+    </style>
+  `, document.body.appendChild(o2);
+    const c2 = o2.querySelector("#sf-triage-card");
+    (_a = document.getElementById("sf-triage-modal-close")) == null ? void 0 : _a.addEventListener("click", () => {
+      fadeCardAndRemove(o2, c2, 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 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);
+}
+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 };
+    if (!e3) return t3;
+    "boolean" == typeof e3.enabled && (t3.enabled = e3.enabled);
+    const n2 = ["openModalExistingMode", "openModalCaptureNewMode", "closeModal", "submitReport", "startRecording", "stopRecording"];
+    for (const i2 of n2) {
+      const n3 = e3[i2];
+      n3 && "object" == typeof n3 && (t3[i2] = { ...t3[i2], ...n3 }, t3[i2].key = t3[i2].key.toLowerCase());
+    }
+    return t3;
+  })(e2.shortcuts);
+  const { shortcuts: t2 } = he;
+  window.addEventListener("keydown", (e3) => {
+    const n2 = (function isTypingInInput() {
+      const e4 = document.activeElement;
+      return e4 instanceof HTMLInputElement || e4 instanceof HTMLTextAreaElement || e4 instanceof HTMLElement && e4.isContentEditable;
+    })(), i2 = e3.key.toLowerCase(), o2 = e3.metaKey || e3.ctrlKey, s2 = !!document.getElementById("sf-report-issue-modal"), a2 = !n2 && (t2.enabled || s2), shortcutUsed = (e4) => i2 === t2[e4].key && o2 === t2[e4].requireCmdCtrl, r2 = s2 ? (e4) => {
+      setActiveTab(e4), updateModeSpecificUI(e4);
+    } : 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 && 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) {
+      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();
+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;
+}
+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" };
+function maskAuthorizationHeader(e2) {
+  const t2 = e2[Te] ? Te : e2[Ee] ? Ee : null;
+  if (!t2) return;
+  const n2 = e2[t2], i2 = n2.indexOf(" ");
+  if (-1 !== i2) {
+    const o2 = n2.slice(0, i2 + 1), s2 = n2.slice(i2 + 1);
+    s2.length > 8 ? e2[t2] = o2 + s2.slice(0, 4) + "*".repeat(s2.length - 8) + s2.slice(-4) : e2[t2] = o2 + "*".repeat(s2.length);
+  } else n2.length > 8 ? e2[t2] = n2.slice(0, 4) + "*".repeat(n2.length - 8) + n2.slice(-4) : e2[t2] = "*".repeat(n2.length);
+}
+function trackDomainChangesOnce() {
+  const e2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
+  if (e2.routeWatcherIntervalId) return;
+  let t2 = window.location.href.split("?")[0];
+  const checkDomainChange = (e3 = false) => {
+    const n3 = window.location.href.split("?")[0];
+    if (e3 || n3 !== t2) {
+      t2 = n3;
+      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 } });
+    }
+  }, n2 = /* @__PURE__ */ (function debounce(e3, t3) {
+    let n3;
+    return function(...i2) {
+      clearTimeout(n3), n3 = setTimeout(() => e3(...i2), t3);
+    };
+  })(() => checkDomainChange(), 500);
+  checkDomainChange(true), e2.routeWatcherIntervalId = window.setInterval(n2, 1e3);
+}
+function sendUserDeviceUuid() {
+  sendMessage({ type: "userDeviceUuid", userDeviceUuid: (function getOrSetUserDeviceUuid() {
+    let e2 = null;
+    if (g) try {
+      e2 = localStorage.getItem("sailfishUserDeviceUuid");
+    } catch {
+    }
+    if (!e2) {
+      e2 = uuidv4();
+      try {
+        g && localStorage.setItem("sailfishUserDeviceUuid", e2);
+      } catch {
+      }
+    }
+    return e2;
+  })() });
+}
+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`);
+  } catch (e3) {
+    console.warn("[Sailfish] Failed to send visibility change event:", e3);
+  }
+  sessionStorage.setItem("tabVisibilityChanged", t2.toString()), sessionStorage.setItem("tabVisibilityState", e2), invalidateUrlCache();
+}
+function clearPageVisitDataFromSessionStorage() {
+  m && (sessionStorage.removeItem("pageVisitUUID"), sessionStorage.removeItem("prevPageVisitUUID"), sessionStorage.removeItem("tabVisibilityChanged"), sessionStorage.removeItem("tabVisibilityState"), invalidateUrlCache());
+}
+let Fe = false;
+function _ensureModuleSideEffects() {
+  Fe || (Fe = true, restoreFuncSpanState(), (function ensureSessionListeners() {
+    S || (S = true, p && window.addEventListener("beforeunload", () => {
+      window.name = y + window.name;
+    }));
+  })(), p && (sendUserDeviceUuid(), (function sendTimeZone() {
+    sendMessage({ type: "timeZone", timezone: Intl.DateTimeFormat().resolvedOptions().timeZone });
+  })()), f && document.addEventListener("visibilitychange", handleVisibilityChange), p && window.addEventListener("beforeunload", () => {
+    clearPageVisitDataFromSessionStorage();
+  }));
+}
+function matchUrlWithWildcard(e2, t2) {
+  let n2, i2;
+  if ("string" == typeof e2 ? n2 = e2 : "undefined" != typeof URL && e2 instanceof URL ? n2 = e2.href : "undefined" != typeof Request && e2 instanceof Request ? n2 = e2.url : null != e2 && "function" == typeof e2.toString && (n2 = e2.toString()), !n2) return false;
+  try {
+    const e3 = "undefined" != typeof window ? window.location.href : "http://localhost/";
+    i2 = new URL(n2, e3);
+  } catch {
+    return false;
+  }
+  const { hostname: o2, pathname: s2, port: a2, protocol: r2 } = i2;
+  if (!/^https?:$/.test(r2)) return false;
+  const l2 = o2.startsWith("www.") ? o2.slice(4).toLowerCase() : o2.toLowerCase();
+  return t2.some((e3) => {
+    const t3 = String(e3 || "").replace(/^[a-zA-Z]+:\/\//, "");
+    let [n3, i3] = t3.split("/", 2), o3 = "";
+    n3.includes(":") && ([n3, o3] = n3.split(":"));
+    const r3 = getCachedRegex(`^${n3.replace(/\./g, "\\.").replace(/\*/g, ".*")}$`, "i"), c2 = l2.startsWith("www.") ? l2.slice(4) : l2;
+    if (o3 && a2 !== o3) return false;
+    if (n3.startsWith("*.")) {
+      const e4 = n3.slice(2).toLowerCase();
+      if (!(l2 === e4 || c2 === e4 || l2.endsWith("." + e4))) return false;
+      if (i3) {
+        return getCachedRegex(`^/${i3.replace(/\*/g, ".*").replace(/\/$/, "")}`, "i").test(s2);
+      }
+      return true;
+    }
+    if (!r3.test(c2) && !r3.test(l2)) return false;
+    if (i3) {
+      return getCachedRegex(`^/${i3.replace(/\*/g, ".*").replace(/\/$/, "")}`, "i").test(s2);
+    }
+    return true;
+  });
+}
+function createSkipHeadersPropagationChecker(e2 = []) {
+  const t2 = [...ke, ...e2];
+  return function shouldSkipHeadersPropagation(e3) {
+    let n2;
+    try {
+      n2 = new URL("string" == typeof e3 ? e3 : String((e3 == null ? void 0 : e3.url) ?? e3), window.location.href);
+    } catch {
+      return true;
+    }
+    const i2 = n2.pathname.toLowerCase(), o2 = i2.lastIndexOf(".");
+    return !(-1 === o2 || !ve.has(i2.slice(o2))) || !!matchUrlWithWildcard(e3, t2);
+  };
+}
+function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }) {
+  const i2 = window.fetch, o2 = getOrSetSessionId(), s2 = createSkipHeadersPropagationChecker(e2), a2 = ["text/event-stream", "application/x-ndjson", "application/stream+json", "application/grpc", "application/grpc-web"], r2 = ["application/octet-stream"];
+  window.fetch = new Proxy(i2, { apply: async (e3, i3, l2) => {
+    let c2, d2 = l2[0], u2 = l2[1] || {};
+    if ("string" == typeof d2) c2 = d2;
+    else if (d2 instanceof Request) c2 = d2.url;
+    else {
+      if (!(d2 instanceof URL)) return e3.apply(i3, l2);
+      c2 = d2.href;
+    }
+    return s2(c2) ? e3.apply(i3, l2) : (async function injectHeaderWrapper(e4, i4, o3, s3, l3, c3, d3) {
+      var _a, _b;
+      if (!c3) return e4.apply(i4, o3);
+      let u3 = uuidv4();
+      const p2 = getUrlAndStoredUuids(), f2 = l3.method || "GET", g2 = Date.now();
+      let m2, h2 = {}, y2 = null;
+      try {
+        if (s3 instanceof Request) {
+          s3.headers.forEach((e5, t3) => {
+            h2[t3] = e5;
+          });
+          try {
+            y2 = s3.clone();
+          } catch (e5) {
+            y2 = null;
+          }
+        } else l3.headers && (l3.headers instanceof Headers ? l3.headers.forEach((e5, t3) => {
+          h2[t3] = e5;
+        }) : Array.isArray(l3.headers) ? l3.headers.forEach(([e5, t3]) => {
+          h2[e5] = t3;
+        }) : h2 = { ...l3.headers }), m2 = l3.body;
+      } catch (e5) {
+        Se && 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);
+      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 }));
+            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);
+          }
+        })(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) {
+          try {
+            let o5 = i5[0], s4 = i5[1] || {};
+            if ("string" == typeof o5 || o5 instanceof URL) {
+              const i6 = { ...s4 }, a3 = new Headers(s4.headers || {});
+              a3.delete(n), i6.headers = a3;
+              return await e5.call(t3, o5, i6);
+            }
+            if (o5 instanceof Request) {
+              const i6 = o5.clone(), a3 = new Headers(i6.headers);
+              a3.delete(n);
+              const r3 = new Request(i6, { headers: a3 });
+              return await e5.call(t3, r3, s4);
+            }
+            return e5.apply(t3, i5);
+          } catch (e6) {
+            throw Se && 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}`;
+        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;
+        }
+        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) => {
+          T2.data.response_body = e5, y2 ? y2.text().then((e6) => {
+            T2.data.request_body = e6, sendEvent(T2);
+          }, () => {
+            sendEvent(T2);
+          }) : sendEvent(T2);
+        }, E2 = 1024 * t2.captureResponseBodyMaxMb * 1024;
+        if (0 === t2.captureResponseBodyMaxMb) sendEventWithBody(null);
+        else if ((function shouldSkipBodyCapture(e5) {
+          const t3 = e5.headers.get("content-type");
+          if (!t3) return false;
+          const n2 = t3.toLowerCase();
+          return r2.some((e6) => n2.includes(e6));
+        })(b3)) sendEventWithBody(null);
+        else if ((function isStreamingResponse(e5) {
+          const t3 = e5.headers.get("content-type");
+          if (!t3) return false;
+          const n2 = t3.toLowerCase();
+          return a2.some((e6) => n2.includes(e6));
+        })(b3)) if (t2.captureStreamingResponseBody) try {
+          (async function readStreamPrefix(e5, t3, n2) {
+            const i5 = e5.body;
+            if (!i5) return null;
+            const o4 = i5.getReader(), s4 = new TextDecoder(), a3 = [];
+            let r3 = 0;
+            const readWithLimit = async () => {
+              try {
+                for (; r3 < t3; ) {
+                  const { done: e6, value: t4 } = await o4.read();
+                  if (e6) break;
+                  r3 += t4.byteLength, a3.push(s4.decode(t4, { stream: true }));
+                }
+                return a3.push(s4.decode()), a3.join("");
+              } catch {
+                return a3.length > 0 ? a3.join("") : null;
+              } finally {
+                try {
+                  o4.cancel();
+                } catch {
+                }
+              }
+            };
+            try {
+              return await Promise.race([readWithLimit(), new Promise((e6) => setTimeout(() => {
+                try {
+                  o4.cancel();
+                } catch {
+                }
+                e6(a3.length > 0 ? a3.join("") : null);
+              }, n2))]);
+            } catch {
+              try {
+                o4.cancel();
+              } catch {
+              }
+              return null;
+            }
+          })(b3.clone(), 1024 * t2.captureStreamPrefixKb, t2.captureStreamTimeoutMs).then((e5) => sendEventWithBody(e5), () => sendEventWithBody(null));
+        } catch {
+          sendEventWithBody(null);
+        }
+        else sendEventWithBody(null);
+        else {
+          const e5 = b3.headers.get("content-length"), t3 = e5 ? parseInt(e5, 10) : NaN;
+          if (!isNaN(t3) && t3 > E2) sendEventWithBody(null);
+          else try {
+            b3.clone().text().then((e6) => {
+              e6.length > E2 ? sendEventWithBody(null) : sendEventWithBody(e6);
+            }, () => sendEventWithBody(null));
+          } catch {
+            sendEventWithBody(null);
+          }
+        }
+        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);
+        let l4 = m2;
+        if (y2) try {
+          l4 = await y2.text();
+        } catch {
+          l4 = null;
+        }
+        throw sendEvent({ type: 27, timestamp: n2, sessionId: c3, data: { request_id: u3, session_id: c3, timestamp_start: g2, timestamp_end: n2, response_code: a3, success: s4, error: r3, method: f2, url: d3, request_headers: h2, request_body: l4, response_body: null }, ...p2 }), t3;
+      }
+    })(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 }) {
+  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 x2 = { captureStreamingResponseBody: d2, captureResponseBodyMaxMb: u2, captureStreamPrefixKb: p2, captureStreamTimeoutMs: f2 };
+  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);
+    }, XMLHttpRequest.prototype.open = function(e4, t4, ...n2) {
+      return this._requestUrl = "string" == typeof t4 && t4.length > 0 ? t4 : null, this._requestMethod = e4, this._capturedRequestHeaders = {}, i3.apply(this, [e4, t4, ...n2]);
+    }, XMLHttpRequest.prototype.send = function(...e4) {
+      const i4 = this._requestUrl;
+      if (!i4) return o3.apply(this, e4);
+      if (r3(i4)) return o3.apply(this, e4);
+      const s4 = sessionStorage.getItem("pageVisitUUID"), l3 = uuidv4(), c3 = `${a3}/${s4}/${l3}`;
+      try {
+        this.setRequestHeader(n, c3);
+      } catch (e5) {
+        console.warn(`Could not set X-Sf3-Rid for ${i4}`, e5);
+      }
+      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 });
+      } catch (e5) {
+        Se && console.warn(`[Sailfish] Could not set funcspan header for ${i4}`, e5);
+      }
+      const u3 = Date.now();
+      let p3 = false;
+      const f3 = e4[0], g3 = { ...this._capturedRequestHeaders };
+      maskAuthorizationHeader(g3);
+      const emitFinished = (e5, t4, n2, o4, s5) => {
+        if (p3) return;
+        p3 = true;
+        const r4 = Date.now();
+        sendEvent({ type: 27, timestamp: r4, sessionId: a3, data: { request_id: l3, session_id: a3, timestamp_start: u3, timestamp_end: r4, response_code: t4, success: e5, error: n2, method: this._requestMethod, url: i4, request_headers: g3, request_body: f3, response_headers: s5, response_body: o4 }, ...getUrlAndStoredUuids() });
+      };
+      return this.addEventListener("load", () => {
+        const e5 = this.status || 0;
+        let n2, i5 = null;
+        const o4 = 1024 * t3.captureResponseBodyMaxMb * 1024;
+        try {
+          if (0 === t3.captureResponseBodyMaxMb) n2 = null;
+          else {
+            const e6 = this.responseText || this.response;
+            n2 = "string" == typeof e6 && e6.length > o4 ? null : e6;
+          }
+        } catch (e6) {
+          n2 = null;
+        }
+        try {
+          i5 = {};
+          const e6 = this.getAllResponseHeaders();
+          e6 && e6.split("\r\n").forEach((e7) => {
+            const t4 = e7.split(": ");
+            2 === t4.length && (i5[t4[0]] = t4[1]);
+          });
+        } catch (e6) {
+          Se && console.warn("[Sailfish] Failed to capture XHR response headers:", e6), i5 = null;
+        }
+        if (e5 >= 200 && e5 < 300) emitFinished(true, e5, "", n2, i5);
+        else {
+          const t4 = this.statusText || `HTTP ${e5}`;
+          emitFinished(false, e5, t4, n2, i5);
+        }
+      }, { once: true }), this.addEventListener("error", () => {
+        const e5 = this.status || 0, t4 = 0 === e5 ? "Network or CORS failure" : this.statusText || `Error ${e5}`;
+        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() {
+    window.addEventListener("error", (e3) => {
+      captureError(e3.error || e3.message);
+    }), window.addEventListener("unhandledrejection", (e3) => {
+      captureError(e3.reason, true);
+    });
+  })(), k2.errorInit = true), await yieldToMain(), _ensureModuleSideEffects(), (function storeCredentialsAndConnection({ apiKey: e3, backendApi: t3 }) {
+    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"));
+  }).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() {
+    sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
+  })(), c2 && fetchAndSendIp(v2);
+  try {
+    const n2 = r2 ?? (function readGitSha() {
+      var _a2;
+      try {
+        const e3 = globalThis;
+        if ("string" == typeof e3.__GIT_SHA__ && e3.__GIT_SHA__) return e3.__GIT_SHA__;
+      } catch {
+      }
+      try {
+        const e3 = "undefined" != typeof process ? process : void 0;
+        if ((_a2 = e3 == null ? void 0 : e3.env) == null ? void 0 : _a2.GIT_SHA) return String(e3.env.GIT_SHA);
+      } catch {
+      }
+      try {
+        const e3 = globalThis.__GIT_SHA_DEFINE__;
+        if ("string" == typeof e3 && e3) return e3;
+      } catch {
+      }
+    })(), i3 = a2 ?? "", o3 = s2 ?? "", c3 = "JS/TS", d3 = (function getMapUuidFromWindow() {
+      try {
+        const e3 = window;
+        if (e3 && "string" == typeof e3.sfMapUuid && e3.sfMapUuid) return e3.sfMapUuid;
+      } catch {
+      }
+    })(), 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 };
+    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);
+      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);
+    } else console.error("Failed to start recording session:", f3.errors || f3);
+  } catch (e3) {
+    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) => {
+  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)]);
+      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;
+    }
+  })().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;