@firstlook-uat/sdk 0.4.2 → 0.4.4

package/dist/firstlook.es.js

@@ -1,39 +1,39 @@
-const I = [
+const A = [
   'input[type="password"]',
   "[data-sensitive]",
   "[data-mask]",
   ".uat-mask"
 ];
-function M(a) {
-  var t, e, s, i, n, o, l, c, h, d;
-  if (!a.endpoint)
+function R(c) {
+  var e, t, s, i, n, o, l, a, h, d;
+  if (!c.endpoint)
     throw new Error("[FirstLook] 'endpoint' is required. Set your Supabase ingest-session URL.");
   return {
-    projectId: a.projectId,
-    apiKey: a.apiKey,
-    userId: a.userId,
-    role: a.role,
-    context: a.context ?? {},
-    endpoint: a.endpoint,
+    projectId: c.projectId,
+    apiKey: c.apiKey,
+    userId: c.userId,
+    role: c.role,
+    context: c.context ?? {},
+    endpoint: c.endpoint,
     triggers: {
-      tapCount: ((t = a.triggers) == null ? void 0 : t.tapCount) ?? 5,
-      deepLink: ((e = a.triggers) == null ? void 0 : e.deepLink) ?? !0,
-      keyboard: ((s = a.triggers) == null ? void 0 : s.keyboard) ?? !0,
-      customCheck: (i = a.triggers) == null ? void 0 : i.customCheck
+      tapCount: ((e = c.triggers) == null ? void 0 : e.tapCount) ?? 5,
+      deepLink: ((t = c.triggers) == null ? void 0 : t.deepLink) ?? !0,
+      keyboard: ((s = c.triggers) == null ? void 0 : s.keyboard) ?? !0,
+      customCheck: (i = c.triggers) == null ? void 0 : i.customCheck
     },
     security: {
-      watermark: ((n = a.security) == null ? void 0 : n.watermark) ?? !0,
-      maskSelectors: ((o = a.security) == null ? void 0 : o.maskSelectors) ?? I
+      watermark: ((n = c.security) == null ? void 0 : n.watermark) ?? !0,
+      maskSelectors: ((o = c.security) == null ? void 0 : o.maskSelectors) ?? A
     },
     recording: {
-      domSnapshot: ((l = a.recording) == null ? void 0 : l.domSnapshot) ?? !0,
-      voice: ((c = a.recording) == null ? void 0 : c.voice) ?? !0,
-      maxDuration: ((h = a.recording) == null ? void 0 : h.maxDuration) ?? 600,
-      snapshotInterval: ((d = a.recording) == null ? void 0 : d.snapshotInterval) ?? 1e3
+      domSnapshot: ((l = c.recording) == null ? void 0 : l.domSnapshot) ?? !0,
+      voice: ((a = c.recording) == null ? void 0 : a.voice) ?? !0,
+      maxDuration: ((h = c.recording) == null ? void 0 : h.maxDuration) ?? 600,
+      snapshotInterval: ((d = c.recording) == null ? void 0 : d.snapshotInterval) ?? 1e3
     }
   };
 }
-function y() {
+function T() {
   return {
     userAgent: navigator.userAgent,
     platform: navigator.platform,
@@ -44,28 +44,28 @@ function y() {
     touchSupport: "ontouchstart" in window || navigator.maxTouchPoints > 0
   };
 }
-class E {
+class L {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
-  on(t, e) {
-    return this.listeners.has(t) || this.listeners.set(t, /* @__PURE__ */ new Set()), this.listeners.get(t).add(e), () => this.off(t, e);
+  on(e, t) {
+    return this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t), () => this.off(e, t);
   }
-  off(t, e) {
+  off(e, t) {
     var s;
-    (s = this.listeners.get(t)) == null || s.delete(e);
+    (s = this.listeners.get(e)) == null || s.delete(t);
   }
-  emit(t) {
-    var e, s;
-    (e = this.listeners.get(t.type)) == null || e.forEach((i) => {
+  emit(e) {
+    var t, s;
+    (t = this.listeners.get(e.type)) == null || t.forEach((i) => {
       try {
-        i(t);
+        i(e);
       } catch (n) {
         console.error("[FirstLook] Event listener error:", n);
       }
     }), (s = this.listeners.get("*")) == null || s.forEach((i) => {
       try {
-        i(t);
+        i(e);
       } catch (n) {
         console.error("[FirstLook] Event listener error:", n);
       }
@@ -75,15 +75,15 @@ class E {
     this.listeners.clear();
   }
 }
-class R {
-  constructor(t) {
-    this.events = t, this.quests = [], this.results = [], this.currentIndex = -1, this.sessionStartTime = 0, this.blocked = !1, this.pendingFeedbacks = [];
+class E {
+  constructor(e) {
+    this.events = e, this.quests = [], this.results = [], this.currentIndex = -1, this.sessionStartTime = 0, this.blocked = !1, this.pendingFeedbacks = [];
   }
-  loadQuests(t) {
-    this.quests = [...t].sort((e, s) => e.order - s.order), this.results = [], this.currentIndex = -1, this.blocked = !1;
+  loadQuests(e) {
+    this.quests = [...e].sort((t, s) => t.order - s.order), this.results = [], this.currentIndex = -1, this.blocked = !1;
   }
-  startSession(t) {
-    this.sessionStartTime = t, this.advance();
+  startSession(e) {
+    this.sessionStartTime = e, this.advance();
   }
   getCurrentQuest() {
     return this.blocked || this.currentIndex < 0 || this.currentIndex >= this.quests.length ? null : this.quests[this.currentIndex];
@@ -91,20 +91,20 @@ class R {
   getStatus() {
     return {
       total: this.quests.length,
-      completed: this.results.filter((t) => t.status === "COMPLETED").length,
-      failed: this.results.filter((t) => t.status === "FAILED").length,
+      completed: this.results.filter((e) => e.status === "COMPLETED").length,
+      failed: this.results.filter((e) => e.status === "FAILED").length,
       current: this.currentIndex,
       isBlocked: this.blocked,
       isFinished: this.currentIndex >= this.quests.length
     };
   }
   getQuestStatuses() {
-    return this.quests.map((t, e) => {
-      const s = this.results.find((i) => i.questId === t.id);
-      return s ? s.status : e === this.currentIndex && !this.blocked ? "ACTIVE" : this.blocked && e >= this.currentIndex ? "BLOCKED" : "PENDING";
+    return this.quests.map((e, t) => {
+      const s = this.results.find((i) => i.questId === e.id);
+      return s ? s.status : t === this.currentIndex && !this.blocked ? "ACTIVE" : this.blocked && t >= this.currentIndex ? "BLOCKED" : "PENDING";
     });
   }
-  completeCurrentQuest(t, e) {
+  completeCurrentQuest(e, t) {
     const s = this.getCurrentQuest();
     if (!s) return null;
     const i = {
@@ -112,16 +112,16 @@ class R {
       status: "COMPLETED",
       timestamp: Date.now(),
       relativeTime: Date.now() - this.sessionStartTime,
-      voiceMemoBlob: e == null ? void 0 : e.voiceMemo,
-      logs: t,
-      comment: e == null ? void 0 : e.comment,
-      concern: (e == null ? void 0 : e.concern) ?? !1,
+      voiceMemoBlob: t == null ? void 0 : t.voiceMemo,
+      logs: e,
+      comment: t == null ? void 0 : t.comment,
+      concern: (t == null ? void 0 : t.concern) ?? !1,
       feedbacks: this.drainFeedbacks(),
-      checklist: e == null ? void 0 : e.checklist
+      checklist: t == null ? void 0 : t.checklist
     };
     return this.results.push(i), this.events.emit({ type: "quest:completed", questId: s.id }), this.advance(), i;
   }
-  failCurrentQuest(t, e, s, i) {
+  failCurrentQuest(e, t, s, i) {
     const n = this.getCurrentQuest();
     if (!n) return null;
     const o = {
@@ -130,113 +130,113 @@ class R {
       timestamp: Date.now(),
       relativeTime: Date.now() - this.sessionStartTime,
       voiceMemoBlob: s,
-      logs: t,
-      comment: e,
+      logs: e,
+      comment: t,
       concern: !1,
       feedbacks: this.drainFeedbacks(),
       checklist: i
     };
     return this.results.push(o), this.events.emit({ type: "quest:failed", questId: n.id }), n.blocking ? (this.blocked = !0, this.events.emit({ type: "quest:blocked", questId: n.id })) : this.advance(), o;
   }
-  addFeedback(t) {
-    this.pendingFeedbacks.push(t);
+  addFeedback(e) {
+    this.pendingFeedbacks.push(e);
   }
   getResults() {
     return [...this.results];
   }
   drainFeedbacks() {
-    const t = this.pendingFeedbacks;
-    return this.pendingFeedbacks = [], t;
+    const e = this.pendingFeedbacks;
+    return this.pendingFeedbacks = [], e;
   }
   advance() {
     this.currentIndex++, this.currentIndex < this.quests.length && this.events.emit({ type: "quest:started", questId: this.quests[this.currentIndex].id });
   }
 }
-function r(a, t, e) {
-  const s = document.createElement(a);
-  if (t)
-    for (const [i, n] of Object.entries(t))
-      i === "className" ? s.className = n : s.setAttribute(i, n);
+function r(c, e, t) {
+  const s = document.createElement(c);
   if (e)
-    for (const i of e)
+    for (const [i, n] of Object.entries(e))
+      i === "className" ? s.className = n : s.setAttribute(i, n);
+  if (t)
+    for (const i of t)
       typeof i == "string" ? s.appendChild(document.createTextNode(i)) : s.appendChild(i);
   return s;
 }
-function L() {
+function D() {
   return `fl_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function A(a) {
-  const t = Math.floor(a / 60), e = a % 60;
-  return `${t.toString().padStart(2, "0")}:${e.toString().padStart(2, "0")}`;
+function N(c) {
+  const e = Math.floor(c / 60), t = c % 60;
+  return `${e.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-function D(a) {
-  const t = a.split(`
-`), e = [], s = [];
+function F(c) {
+  const e = c.split(`
+`), t = [], s = [];
   let i = !1;
-  for (const n of t) {
+  for (const n of e) {
     const o = n.trim(), l = o.match(/^(?:(\d+)[\.\)]\s+|[-*]\s+)(.+)$/);
     l ? (i = !0, s.push({
       index: s.length,
       text: l[2],
       checked: !1
-    })) : !i && o && e.push(o);
+    })) : !i && o && t.push(o);
   }
   return {
-    preamble: e.join(`
+    preamble: t.join(`
 `),
     items: s
   };
 }
-class N {
-  constructor(t, e) {
-    this.shadowRoot = t, this.callbacks = e, this.minimized = !1, this.timerInterval = null, this.startTime = 0, this.checklist = [], this.root = document.createElement("div"), this.root.className = "fl-quest-overlay", this.root.style.pointerEvents = "auto";
+class O {
+  constructor(e, t) {
+    this.shadowRoot = e, this.callbacks = t, this.minimized = !1, this.timerInterval = null, this.startTime = 0, this.checklist = [], this.root = document.createElement("div"), this.root.className = "fl-quest-overlay", this.root.style.pointerEvents = "auto";
     for (const s of ["click", "mousedown", "mouseup", "pointerdown", "pointerup", "touchstart", "touchend"])
       this.root.addEventListener(s, (i) => i.stopPropagation());
     this.shadowRoot.appendChild(this.root);
   }
-  renderQuest(t, e, s) {
+  renderQuest(e, t, s) {
     this.minimized = !1, this.root.className = "fl-quest-overlay", this.root.innerHTML = "";
-    const i = e.indexOf("ACTIVE"), n = r("div", { className: "fl-quest-header" }, [
+    const i = t.indexOf("ACTIVE"), n = r("div", { className: "fl-quest-header" }, [
       r("div", { className: "fl-quest-header-left" }, [
-        r("span", { className: "fl-quest-badge" }, [`Q${i + 1}/${e.length}`]),
-        r("span", { className: "fl-quest-title" }, [t.title])
+        r("span", { className: "fl-quest-badge" }, [`Q${i + 1}/${t.length}`]),
+        r("span", { className: "fl-quest-title" }, [e.title])
       ]),
       this.createMinimizeBtn()
     ]);
     this.root.appendChild(n);
     const o = r("div", { className: "fl-quest-content" }), l = r("div", { className: "fl-quest-progress" });
-    for (const f of e) {
+    for (const f of t) {
       const p = f === "COMPLETED" ? "fl-completed" : f === "FAILED" ? "fl-failed" : f === "ACTIVE" ? "fl-active" : "";
       l.appendChild(r("div", { className: `fl-quest-progress-dot ${p}` }));
     }
-    const c = D(t.description);
-    this.checklist = c.items;
+    const a = F(e.description);
+    this.checklist = a.items;
     const h = r("div", { className: "fl-quest-body" });
-    if (h.appendChild(l), c.items.length > 0) {
+    if (h.appendChild(l), a.items.length > 0) {
       const f = r("div", { className: "fl-checklist-counter" }), p = () => {
         const b = this.checklist.filter((k) => k.checked).length;
         f.textContent = `✓ ${b}/${this.checklist.length} 確認済み`;
       };
-      p(), h.appendChild(f), c.preamble && h.appendChild(r("p", { className: "fl-quest-description" }, [c.preamble]));
+      p(), h.appendChild(f), a.preamble && h.appendChild(r("p", { className: "fl-quest-description" }, [a.preamble]));
       const g = r("ul", { className: "fl-checklist" });
       for (const b of this.checklist) {
         const k = r("li", { className: "fl-checklist-item" }), v = document.createElement("input");
         v.type = "checkbox", v.className = "fl-checklist-checkbox", v.checked = b.checked;
-        const T = r("span", { className: "fl-checklist-text" }, [b.text]);
+        const I = r("span", { className: "fl-checklist-text" }, [b.text]);
         v.onchange = () => {
           b.checked = v.checked, k.classList.toggle("fl-checked", b.checked), p();
-        }, k.onclick = (q) => {
-          q.target !== v && (v.checked = !v.checked, b.checked = v.checked, k.classList.toggle("fl-checked", b.checked), p());
-        }, k.appendChild(v), k.appendChild(T), g.appendChild(k);
+        }, k.onclick = (M) => {
+          M.target !== v && (v.checked = !v.checked, b.checked = v.checked, k.classList.toggle("fl-checked", b.checked), p());
+        }, k.appendChild(v), k.appendChild(I), g.appendChild(k);
       }
       h.appendChild(g);
     } else
-      h.appendChild(r("p", { className: "fl-quest-description" }, [t.description]));
+      h.appendChild(r("p", { className: "fl-quest-description" }, [e.description]));
     h.appendChild(r("div", { className: "fl-quest-memo-row" }, [
-      this.createButton("fl-btn fl-btn-memo", "📝 メモを残す", () => this.renderFeedbackModal(t.title))
+      this.createButton("fl-btn fl-btn-memo", "📝 メモを残す", () => this.renderFeedbackModal(e.title))
     ])), h.appendChild(r("div", { className: "fl-quest-actions" }, [
-      this.createButton("fl-btn fl-btn-ok", "✓ OK", () => this.renderFeedbackModal(t.title, "ok")),
-      this.createButton("fl-btn fl-btn-concern", "⚠ 気になる", () => this.renderFeedbackModal(t.title, "concern")),
+      this.createButton("fl-btn fl-btn-ok", "✓ OK", () => this.renderFeedbackModal(e.title, "ok")),
+      this.createButton("fl-btn fl-btn-concern", "⚠ 気になる", () => this.renderFeedbackModal(e.title, "concern")),
       this.createButton("fl-btn fl-btn-ng", "✗ NG", this.callbacks.onNg)
     ])), o.appendChild(h), s && o.appendChild(
       r("div", { className: "fl-voice-indicator" }, [
@@ -256,7 +256,7 @@ class N {
       this.minimized && (this.minimized = !1, this.root.className = "fl-quest-overlay", this.root.innerHTML = "", this.root.appendChild(n), this.root.appendChild(o), this.startTimer(m));
     };
   }
-  renderFeedbackModal(t, e = "memo") {
+  renderFeedbackModal(e, t = "memo") {
     const s = r("div", { className: "fl-feedback-modal" }), i = {
       ng: "fl-quest-header fl-quest-header-ng",
       ok: "fl-quest-header fl-quest-header-ok",
@@ -272,31 +272,31 @@ class N {
       ok: "fl-quest-badge fl-badge-ok",
       concern: "fl-quest-badge fl-badge-concern",
       memo: "fl-quest-badge"
-    }, l = r("div", { className: i[e] }, [
+    }, l = r("div", { className: i[t] }, [
       r("div", { className: "fl-quest-header-left" }, [
-        r("span", { className: o[e] }, [n[e]]),
-        r("span", { className: "fl-quest-title" }, [t])
+        r("span", { className: o[t] }, [n[t]]),
+        r("span", { className: "fl-quest-title" }, [e])
       ])
     ]);
     s.appendChild(l);
-    const c = r("div", { className: "fl-quest-content" }), h = {
+    const a = r("div", { className: "fl-quest-content" }), h = {
       ng: "何がうまくいかなかったか教えてください...",
       ok: "コメント（任意）",
       concern: "気になった点を教えてください...",
       memo: "気づいたことをメモ...📝"
     }, d = document.createElement("textarea");
-    d.className = "fl-feedback-textarea fl-feedback-textarea-modal", d.placeholder = h[e], d.rows = 3, c.appendChild(d);
-    const m = "送信", f = e === "ok" ? "スキップ" : "キャンセル", p = r("div", { className: "fl-quest-actions fl-feedback-modal-actions" }, [
+    d.className = "fl-feedback-textarea fl-feedback-textarea-modal", d.placeholder = h[t], d.rows = 3, a.appendChild(d);
+    const m = "送信", f = t === "ok" ? "スキップ" : "キャンセル", p = r("div", { className: "fl-quest-actions fl-feedback-modal-actions" }, [
       this.createButton("fl-btn fl-btn-skip", f, () => {
-        e === "ng" ? this.callbacks.onNgWithFeedback("") : e === "ok" ? this.callbacks.onOkWithFeedback("") : e === "concern" && this.callbacks.onConcern(""), s.remove();
+        t === "ng" ? this.callbacks.onNgWithFeedback("") : t === "ok" ? this.callbacks.onOkWithFeedback("") : t === "concern" && this.callbacks.onConcern(""), s.remove();
       }),
       this.createButton("fl-btn fl-btn-finish", m, () => {
         const g = d.value.trim();
-        if (e === "ng")
+        if (t === "ng")
           this.callbacks.onNgWithFeedback(g);
-        else if (e === "ok")
+        else if (t === "ok")
           this.callbacks.onOkWithFeedback(g);
-        else if (e === "concern")
+        else if (t === "concern")
           this.callbacks.onConcern(g);
         else {
           if (!g) {
@@ -308,37 +308,37 @@ class N {
         s.remove();
       })
     ]);
-    c.appendChild(p), s.appendChild(c), this.root.appendChild(s), d.focus();
+    a.appendChild(p), s.appendChild(a), this.root.appendChild(s), d.focus();
   }
-  renderSummary(t, e, s) {
+  renderSummary(e, t, s) {
     this.stopTimer(), this.root.className = "fl-quest-overlay", this.root.innerHTML = "";
     const i = r("div", { className: "fl-summary" }, [
-      r("div", { className: "fl-summary-icon" }, [t === s ? "🎉" : "📋"]),
+      r("div", { className: "fl-summary-icon" }, [e === s ? "🎉" : "📋"]),
       r("div", { className: "fl-summary-title" }, [
-        t === s ? "All Quests Complete!" : "Session Complete"
+        e === s ? "All Quests Complete!" : "Session Complete"
       ]),
       r("div", { className: "fl-summary-subtitle" }, [
-        `${t + e} of ${s} quests attempted`
+        `${e + t} of ${s} quests attempted`
       ]),
       r("div", { className: "fl-summary-stats" }, [
-        this.createStat(t.toString(), "Passed", "fl-ok"),
-        this.createStat(e.toString(), "Failed", "fl-ng")
+        this.createStat(e.toString(), "Passed", "fl-ok"),
+        this.createStat(t.toString(), "Failed", "fl-ng")
       ]),
       this.createButton("fl-btn fl-btn-finish", "Finish & Upload", this.callbacks.onFinish)
     ]);
     this.root.appendChild(i);
   }
-  renderBlocked(t) {
+  renderBlocked(e) {
     this.stopTimer(), this.root.className = "fl-quest-overlay", this.root.innerHTML = "";
-    const e = r("div", { className: "fl-summary" }, [
+    const t = r("div", { className: "fl-summary" }, [
       r("div", { className: "fl-summary-icon" }, ["🛑"]),
       r("div", { className: "fl-summary-title" }, ["Blocked"]),
       r("div", { className: "fl-summary-subtitle" }, [
-        `Quest "${t}" is blocking. Session halted.`
+        `Quest "${e}" is blocking. Session halted.`
       ]),
       this.createButton("fl-btn fl-btn-finish", "Finish & Upload", this.callbacks.onFinish)
     ]);
-    this.root.appendChild(e);
+    this.root.appendChild(t);
   }
   getChecklist() {
     return this.checklist.length > 0 ? [...this.checklist] : void 0;
@@ -347,39 +347,39 @@ class N {
     this.stopTimer(), this.root.remove();
   }
   createMinimizeBtn() {
-    const t = r("button", { className: "fl-quest-minimize-btn" }, ["−"]);
-    return t.onclick = (e) => {
-      e.stopPropagation(), this.minimized = !0, this.root.className = "fl-quest-overlay fl-minimized", this.root.innerHTML = "";
+    const e = r("button", { className: "fl-quest-minimize-btn" }, ["−"]);
+    return e.onclick = (t) => {
+      t.stopPropagation(), this.minimized = !0, this.root.className = "fl-quest-overlay fl-minimized", this.root.innerHTML = "";
       const s = r("span", { className: "fl-minimize-icon" }, ["🔍"]);
       this.root.appendChild(s), this.callbacks.onMinimize();
-    }, t;
+    }, e;
   }
-  createButton(t, e, s) {
-    const i = r("button", { className: t });
-    return i.textContent = e, i.onclick = (n) => {
+  createButton(e, t, s) {
+    const i = r("button", { className: e });
+    return i.textContent = t, i.onclick = (n) => {
       n.stopPropagation(), s();
     }, i;
   }
-  createStat(t, e, s) {
+  createStat(e, t, s) {
     return r("div", { className: "fl-stat" }, [
-      r("div", { className: `fl-stat-value ${s}` }, [t]),
-      r("div", { className: "fl-stat-label" }, [e])
+      r("div", { className: `fl-stat-value ${s}` }, [e]),
+      r("div", { className: "fl-stat-label" }, [t])
     ]);
   }
-  startTimer(t) {
+  startTimer(e) {
     this.stopTimer(), this.startTime || (this.startTime = Date.now()), this.timerInterval = setInterval(() => {
-      const e = Math.floor((Date.now() - this.startTime) / 1e3);
-      t.textContent = A(e);
+      const t = Math.floor((Date.now() - this.startTime) / 1e3);
+      e.textContent = N(t);
     }, 1e3);
   }
   stopTimer() {
     this.timerInterval && (clearInterval(this.timerInterval), this.timerInterval = null);
   }
 }
-const F = 100, P = 2 * 1024 * 1024;
-class z {
-  constructor(t, e, s) {
-    this.config = t, this.events = e, this.maskSelector = s, this.actionLogs = [], this.snapshots = [], this.snapshotTimer = null, this.startTime = 0, this.running = !1, this.handleClick = this.onClick.bind(this), this.handleScroll = this.throttle(this.onScroll.bind(this), 500), this.handleInput = this.onInput.bind(this);
+const P = 100, z = 2 * 1024 * 1024;
+class B {
+  constructor(e, t, s) {
+    this.config = e, this.events = t, this.maskSelector = s, this.actionLogs = [], this.snapshots = [], this.snapshotTimer = null, this.startTime = 0, this.running = !1, this.handleClick = this.onClick.bind(this), this.handleScroll = this.throttle(this.onScroll.bind(this), 500), this.handleInput = this.onInput.bind(this);
   }
   start() {
     this.running || (this.running = !0, this.startTime = Date.now(), this.actionLogs = [], this.snapshots = [], document.addEventListener("click", this.handleClick, { capture: !0, passive: !0 }), document.addEventListener("scroll", this.handleScroll, { capture: !0, passive: !0 }), document.addEventListener("input", this.handleInput, { capture: !0, passive: !0 }), this.config.recording.domSnapshot && (this.captureSnapshot(), this.snapshotTimer = setInterval(
@@ -399,17 +399,17 @@ class z {
   getElapsedMs() {
     return this.running ? Date.now() - this.startTime : 0;
   }
-  addLog(t) {
+  addLog(e) {
     this.actionLogs.push({
-      ...t,
+      ...e,
       timestamp: Date.now() - this.startTime
     });
   }
-  onClick(t) {
-    const e = t.target;
+  onClick(e) {
+    const t = e.target;
     this.addLog({
       type: "click",
-      target: x(e)
+      target: w(t)
     });
   }
   onScroll() {
@@ -418,34 +418,34 @@ class z {
       value: `${window.scrollX},${window.scrollY}`
     });
   }
-  onInput(t) {
-    const e = t.target;
-    if (e.hasAttribute("data-fl-masked"))
-      this.addLog({ type: "input", target: x(e), value: "[MASKED]" });
+  onInput(e) {
+    const t = e.target;
+    if (t.hasAttribute("data-fl-masked"))
+      this.addLog({ type: "input", target: w(t), value: "[MASKED]" });
     else {
-      const s = e.value;
+      const s = t.value;
       this.addLog({
         type: "input",
-        target: x(e),
+        target: w(t),
         value: s == null ? void 0 : s.slice(0, 100)
       });
     }
   }
   captureSnapshot() {
     try {
-      const t = document.documentElement.cloneNode(!0);
+      const e = document.documentElement.cloneNode(!0);
       if (this.maskSelector) {
-        const n = t.querySelectorAll(this.maskSelector);
+        const n = e.querySelectorAll(this.maskSelector);
         for (const o of n)
           (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) && (o.value = "***"), o.textContent = "***";
       }
-      const e = t.querySelectorAll("script");
-      for (const n of e) n.remove();
-      const s = t.querySelector("#firstlook-sdk-root");
+      const t = e.querySelectorAll("script");
+      for (const n of t) n.remove();
+      const s = e.querySelector("#firstlook-sdk-root");
       s == null || s.remove();
-      const i = t.outerHTML;
-      if (i.length > P) return;
-      this.snapshots.length >= F && this.snapshots.shift(), this.snapshots.push({
+      const i = e.outerHTML;
+      if (i.length > z) return;
+      this.snapshots.length >= P && this.snapshots.shift(), this.snapshots.push({
         type: "dom-snapshot",
         timestamp: Date.now() - this.startTime,
         data: i
@@ -453,22 +453,22 @@ class z {
     } catch {
     }
   }
-  throttle(t, e) {
+  throttle(e, t) {
     let s = 0;
     return (...i) => {
       const n = Date.now();
-      n - s >= e && (s = n, t(...i));
+      n - s >= t && (s = n, e(...i));
     };
   }
 }
-function x(a) {
+function w(c) {
   var n;
-  const t = a.tagName.toLowerCase(), e = a.id ? `#${a.id}` : "", s = a.className && typeof a.className == "string" ? `.${a.className.trim().split(/\s+/).slice(0, 2).join(".")}` : "", i = ((n = a.textContent) == null ? void 0 : n.trim().slice(0, 30)) || "";
-  return `${t}${e}${s}${i ? ` "${i}"` : ""}`;
+  const e = c.tagName.toLowerCase(), t = c.id ? `#${c.id}` : "", s = c.className && typeof c.className == "string" ? `.${c.className.trim().split(/\s+/).slice(0, 2).join(".")}` : "", i = ((n = c.textContent) == null ? void 0 : n.trim().slice(0, 30)) || "";
+  return `${e}${t}${s}${i ? ` "${i}"` : ""}`;
 }
-class O {
-  constructor(t) {
-    this.events = t, this.mediaRecorder = null, this.stream = null, this.chunks = [], this._recording = !1;
+class Q {
+  constructor(e) {
+    this.events = e, this.mediaRecorder = null, this.stream = null, this.chunks = [], this._recording = !1;
   }
   get recording() {
     return this._recording;
@@ -477,57 +477,57 @@ class O {
     if (!this._recording)
       try {
         this.stream = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-        const t = this.getSupportedMimeType(), e = t ? { mimeType: t } : {};
-        this.mediaRecorder = new MediaRecorder(this.stream, e), this.chunks = [], this.mediaRecorder.ondataavailable = (s) => {
+        const e = this.getSupportedMimeType(), t = e ? { mimeType: e } : {};
+        this.mediaRecorder = new MediaRecorder(this.stream, t), this.chunks = [], this.mediaRecorder.ondataavailable = (s) => {
           s.data.size > 0 && this.chunks.push(s.data);
         }, this.mediaRecorder.start(1e3), this._recording = !0;
-      } catch (t) {
-        console.warn("[FirstLook] Voice recording unavailable:", t), this.events.emit({
+      } catch (e) {
+        console.warn("[FirstLook] Voice recording unavailable:", e), this.events.emit({
           type: "error",
-          error: new Error(`Voice recording failed: ${t.message}`)
+          error: new Error(`Voice recording failed: ${e.message}`)
         });
       }
   }
   async stopAsync() {
-    return !this._recording || !this.mediaRecorder ? null : new Promise((t) => {
+    return !this._recording || !this.mediaRecorder ? null : new Promise((e) => {
       this.mediaRecorder.onstop = () => {
         var s;
-        const e = this.chunks.length > 0 ? new Blob(this.chunks, { type: ((s = this.mediaRecorder) == null ? void 0 : s.mimeType) || "audio/webm" }) : null;
-        this.cleanup(), t(e);
+        const t = this.chunks.length > 0 ? new Blob(this.chunks, { type: ((s = this.mediaRecorder) == null ? void 0 : s.mimeType) || "audio/webm" }) : null;
+        this.cleanup(), e(t);
       }, this.mediaRecorder.stop();
     });
   }
-  async captureSnippet(t = 1e4) {
-    return await this.start(), new Promise((e) => {
+  async captureSnippet(e = 1e4) {
+    return await this.start(), new Promise((t) => {
       setTimeout(async () => {
         const s = await this.stopAsync();
-        e(s);
-      }, t);
+        t(s);
+      }, e);
     });
   }
   cleanup() {
     if (this._recording = !1, this.stream) {
-      for (const t of this.stream.getTracks())
-        t.stop();
+      for (const e of this.stream.getTracks())
+        e.stop();
       this.stream = null;
     }
     this.mediaRecorder = null, this.chunks = [];
   }
   getSupportedMimeType() {
-    const t = [
+    const e = [
       "audio/webm;codecs=opus",
       "audio/webm",
       "audio/ogg;codecs=opus",
       "audio/mp4"
     ];
-    for (const e of t)
-      if (typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported(e)) return e;
+    for (const t of e)
+      if (typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported(t)) return t;
     return "";
   }
 }
-class Q {
-  constructor(t, e) {
-    this.shadowRoot = t, this.config = e, this.container = null, this.refreshInterval = null, this.cachedIp = null;
+class U {
+  constructor(e, t) {
+    this.shadowRoot = e, this.config = t, this.container = null, this.refreshInterval = null, this.cachedIp = null;
   }
   show() {
     this.container || (this.container = document.createElement("div"), this.container.className = "fl-watermark", this.renderTiles(), this.shadowRoot.appendChild(this.container), this.fetchIp().then(() => this.renderTiles()), this.refreshInterval = setInterval(() => this.renderTiles(), 6e4));
@@ -538,8 +538,8 @@ class Q {
   async fetchIp() {
     if (!this.cachedIp)
       try {
-        const t = await fetch("https://api.ipify.org?format=text");
-        t.ok && (this.cachedIp = await t.text());
+        const e = await fetch("https://api.ipify.org?format=text");
+        e.ok && (this.cachedIp = await e.text());
       } catch {
         this.cachedIp = "N/A";
       }
@@ -547,17 +547,17 @@ class Q {
   renderTiles() {
     if (!this.container) return;
     this.container.innerHTML = "";
-    const t = this.cachedIp ?? "", e = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19), s = t ? `${this.config.userId} | ${e} | ${t}` : `${this.config.userId} | ${e}`, i = 320, n = 80, o = Math.ceil(window.innerWidth / i) + 1, l = Math.ceil(window.innerHeight / n) + 1;
-    for (let c = 0; c < l; c++)
+    const e = this.cachedIp ?? "", t = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19), s = e ? `${this.config.userId} | ${t} | ${e}` : `${this.config.userId} | ${t}`, i = 320, n = 80, o = Math.ceil(window.innerWidth / i) + 1, l = Math.ceil(window.innerHeight / n) + 1;
+    for (let a = 0; a < l; a++)
       for (let h = 0; h < o; h++) {
         const d = document.createElement("span");
-        d.className = "fl-watermark-tile", d.textContent = s, d.style.left = `${h * i}px`, d.style.top = `${c * n}px`, this.container.appendChild(d);
+        d.className = "fl-watermark-tile", d.textContent = s, d.style.left = `${h * i}px`, d.style.top = `${a * n}px`, this.container.appendChild(d);
       }
   }
 }
-class B {
-  constructor(t) {
-    this.selectors = t, this.observer = null, this.maskedElements = /* @__PURE__ */ new Set();
+class $ {
+  constructor(e) {
+    this.selectors = e, this.observer = null, this.maskedElements = /* @__PURE__ */ new Set();
   }
   start() {
     this.scanAndMark(), this.observer = new MutationObserver(() => this.scanAndMark()), this.observer.observe(document.body, {
@@ -568,24 +568,24 @@ class B {
     });
   }
   stop() {
-    var t;
-    (t = this.observer) == null || t.disconnect(), this.observer = null;
-    for (const e of this.maskedElements)
-      e.removeAttribute("data-fl-masked");
+    var e;
+    (e = this.observer) == null || e.disconnect(), this.observer = null;
+    for (const t of this.maskedElements)
+      t.removeAttribute("data-fl-masked");
     this.maskedElements.clear();
   }
-  isMasked(t) {
-    return t.hasAttribute("data-fl-masked");
+  isMasked(e) {
+    return e.hasAttribute("data-fl-masked");
   }
   getCombinedSelector() {
     return this.selectors.join(", ");
   }
   scanAndMark() {
-    const t = this.getCombinedSelector();
-    if (t)
+    const e = this.getCombinedSelector();
+    if (e)
       try {
-        const e = document.querySelectorAll(t);
-        for (const s of e)
+        const t = document.querySelectorAll(e);
+        for (const s of t)
           this.maskedElements.has(s) || (s.setAttribute("data-fl-masked", "true"), this.maskedElements.add(s));
         for (const s of this.maskedElements)
           document.contains(s) || this.maskedElements.delete(s);
@@ -593,93 +593,93 @@ class B {
       }
   }
 }
-const $ = "firstlook_uat", U = 1, u = {
+const j = "firstlook_uat", K = 1, u = {
   sessions: "sessions",
   recordings: "recordings",
   annotations: "annotations",
   uploadQueue: "upload_queue"
 };
-class j {
+class H {
   constructor() {
     this.db = null;
   }
   async open() {
     if (!this.db)
-      return new Promise((t, e) => {
-        const s = indexedDB.open($, U);
+      return new Promise((e, t) => {
+        const s = indexedDB.open(j, K);
         s.onupgradeneeded = () => {
           const i = s.result;
           i.objectStoreNames.contains(u.sessions) || i.createObjectStore(u.sessions, { keyPath: "sessionId" }), i.objectStoreNames.contains(u.recordings) || i.createObjectStore(u.recordings, { autoIncrement: !0 }).createIndex("sessionId", "sessionId", { unique: !1 }), i.objectStoreNames.contains(u.annotations) || i.createObjectStore(u.annotations, { autoIncrement: !0 }).createIndex("sessionId", "sessionId", { unique: !1 }), i.objectStoreNames.contains(u.uploadQueue) || i.createObjectStore(u.uploadQueue, { autoIncrement: !0 });
         }, s.onsuccess = () => {
-          this.db = s.result, t();
-        }, s.onerror = () => e(s.error);
+          this.db = s.result, e();
+        }, s.onerror = () => t(s.error);
       });
   }
-  async saveSession(t) {
-    await this.put(u.sessions, t);
+  async saveSession(e) {
+    await this.put(u.sessions, e);
   }
-  async getSession(t) {
-    return this.get(u.sessions, t);
+  async getSession(e) {
+    return this.get(u.sessions, e);
   }
-  async saveRecording(t, e) {
-    await this.put(u.recordings, { sessionId: t, ...e });
+  async saveRecording(e, t) {
+    await this.put(u.recordings, { sessionId: e, ...t });
   }
-  async saveAnnotation(t, e) {
-    await this.put(u.annotations, { sessionId: t, ...e });
+  async saveAnnotation(e, t) {
+    await this.put(u.annotations, { sessionId: e, ...t });
   }
-  async getAnnotations(t) {
-    return this.getAllByIndex(u.annotations, "sessionId", t);
+  async getAnnotations(e) {
+    return this.getAllByIndex(u.annotations, "sessionId", e);
   }
-  async enqueueUpload(t) {
+  async enqueueUpload(e) {
     await this.put(u.uploadQueue, {
-      payload: t,
+      payload: e,
       createdAt: Date.now(),
       attempts: 0
     });
   }
   async getPendingUploads() {
-    const t = this.ensureDb();
-    return new Promise((e, s) => {
-      const o = t.transaction(u.uploadQueue, "readonly").objectStore(u.uploadQueue).openCursor(), l = [];
+    const e = this.ensureDb();
+    return new Promise((t, s) => {
+      const o = e.transaction(u.uploadQueue, "readonly").objectStore(u.uploadQueue).openCursor(), l = [];
       o.onsuccess = () => {
-        const c = o.result;
-        c ? (l.push({
-          key: c.key,
-          payload: c.value.payload,
-          attempts: c.value.attempts,
-          lastAttemptAt: c.value.lastAttemptAt
-        }), c.continue()) : e(l);
+        const a = o.result;
+        a ? (l.push({
+          key: a.key,
+          payload: a.value.payload,
+          attempts: a.value.attempts,
+          lastAttemptAt: a.value.lastAttemptAt
+        }), a.continue()) : t(l);
       }, o.onerror = () => s(o.error);
     });
   }
-  async removeFromQueue(t) {
-    const e = this.ensureDb();
+  async removeFromQueue(e) {
+    const t = this.ensureDb();
     return new Promise((s, i) => {
-      const o = e.transaction(u.uploadQueue, "readwrite").objectStore(u.uploadQueue).delete(t);
+      const o = t.transaction(u.uploadQueue, "readwrite").objectStore(u.uploadQueue).delete(e);
       o.onsuccess = () => s(), o.onerror = () => i(o.error);
     });
   }
-  async incrementAttempts(t) {
-    const e = this.ensureDb();
+  async incrementAttempts(e) {
+    const t = this.ensureDb();
     return new Promise((s, i) => {
-      const n = e.transaction(u.uploadQueue, "readwrite"), o = n.objectStore(u.uploadQueue), l = o.get(t);
+      const n = t.transaction(u.uploadQueue, "readwrite"), o = n.objectStore(u.uploadQueue), l = o.get(e);
       l.onsuccess = () => {
-        const c = l.result;
-        c && (c.attempts = (c.attempts ?? 0) + 1, c.lastAttemptAt = Date.now(), o.put(c, t));
+        const a = l.result;
+        a && (a.attempts = (a.attempts ?? 0) + 1, a.lastAttemptAt = Date.now(), o.put(a, e));
       }, n.oncomplete = () => s(), n.onerror = () => i(n.error);
     });
   }
-  async clearSession(t) {
+  async clearSession(e) {
     const s = this.ensureDb().transaction(
       [u.sessions, u.recordings, u.annotations],
       "readwrite"
     );
-    s.objectStore(u.sessions).delete(t);
+    s.objectStore(u.sessions).delete(e);
     for (const i of [u.recordings, u.annotations]) {
-      const l = s.objectStore(i).index("sessionId").openCursor(IDBKeyRange.only(t));
+      const l = s.objectStore(i).index("sessionId").openCursor(IDBKeyRange.only(e));
       l.onsuccess = () => {
-        const c = l.result;
-        c && (c.delete(), c.continue());
+        const a = l.result;
+        a && (a.delete(), a.continue());
       };
     }
     return new Promise((i, n) => {
@@ -687,69 +687,69 @@ class j {
     });
   }
   close() {
-    var t;
-    (t = this.db) == null || t.close(), this.db = null;
+    var e;
+    (e = this.db) == null || e.close(), this.db = null;
   }
   ensureDb() {
     if (!this.db) throw new Error("[FirstLook] Storage not opened. Call open() first.");
     return this.db;
   }
-  async put(t, e) {
+  async put(e, t) {
     const s = this.ensureDb();
     return new Promise((i, n) => {
-      const o = s.transaction(t, "readwrite");
-      o.objectStore(t).put(e), o.oncomplete = () => i(), o.onerror = () => n(o.error);
+      const o = s.transaction(e, "readwrite");
+      o.objectStore(e).put(t), o.oncomplete = () => i(), o.onerror = () => n(o.error);
     });
   }
-  async get(t, e) {
+  async get(e, t) {
     const s = this.ensureDb();
     return new Promise((i, n) => {
-      const l = s.transaction(t, "readonly").objectStore(t).get(e);
+      const l = s.transaction(e, "readonly").objectStore(e).get(t);
       l.onsuccess = () => i(l.result), l.onerror = () => n(l.error);
     });
   }
-  async getAllByIndex(t, e, s) {
+  async getAllByIndex(e, t, s) {
     const i = this.ensureDb();
     return new Promise((n, o) => {
-      const h = i.transaction(t, "readonly").objectStore(t).index(e).getAll(s);
+      const h = i.transaction(e, "readonly").objectStore(e).index(t).getAll(s);
       h.onsuccess = () => n(h.result), h.onerror = () => o(h.error);
     });
   }
 }
-const S = ["#e17055", "#6c5ce7", "#00b894", "#fdcb6e", "#ffffff"];
-class K {
-  constructor(t) {
-    this.shadowRoot = t, this.overlay = null, this.canvas = null, this.ctx = null, this.drawing = !1, this.currentPath = [], this.paths = [], this.selectedColor = S[0], this.screenshotDataUrl = "";
+const q = ["#e17055", "#6c5ce7", "#00b894", "#fdcb6e", "#ffffff"];
+class W {
+  constructor(e) {
+    this.shadowRoot = e, this.overlay = null, this.canvas = null, this.ctx = null, this.drawing = !1, this.currentPath = [], this.paths = [], this.selectedColor = q[0], this.screenshotDataUrl = "";
   }
   async open() {
-    return this.screenshotDataUrl = await this.captureScreenshot(), new Promise((t) => {
+    return this.screenshotDataUrl = await this.captureScreenshot(), new Promise((e) => {
       this.overlay = r("div", { className: "fl-annotation-overlay" });
-      const e = r("div", { className: "fl-annotation-canvas-wrap" });
-      this.canvas = document.createElement("canvas"), this.canvas.className = "fl-annotation-canvas", e.appendChild(this.canvas), this.overlay.appendChild(e);
+      const t = r("div", { className: "fl-annotation-canvas-wrap" });
+      this.canvas = document.createElement("canvas"), this.canvas.className = "fl-annotation-canvas", t.appendChild(this.canvas), this.overlay.appendChild(t);
       const s = r("input", {
         className: "fl-annotation-comment",
         type: "text",
         placeholder: "Add a comment..."
       }), i = r("div", { className: "fl-color-picker" });
-      for (const c of S) {
-        const h = r("div", { className: `fl-color-swatch ${c === this.selectedColor ? "fl-selected" : ""}` });
-        h.style.background = c, h.onclick = () => {
-          this.selectedColor = c, i.querySelectorAll(".fl-color-swatch").forEach((d) => d.classList.remove("fl-selected")), h.classList.add("fl-selected");
+      for (const a of q) {
+        const h = r("div", { className: `fl-color-swatch ${a === this.selectedColor ? "fl-selected" : ""}` });
+        h.style.background = a, h.onclick = () => {
+          this.selectedColor = a, i.querySelectorAll(".fl-color-swatch").forEach((d) => d.classList.remove("fl-selected")), h.classList.add("fl-selected");
         }, i.appendChild(h);
       }
       const n = r("button", { className: "fl-btn fl-btn-ok" }, ["Submit"]);
       n.onclick = () => {
-        const c = {
+        const a = {
           screenshotDataUrl: this.getAnnotatedImage(),
           drawings: [...this.paths],
           comment: s.value,
           timestamp: Date.now()
         };
-        this.close(), t(c);
+        this.close(), e(a);
       };
       const o = r("button", { className: "fl-btn fl-btn-ng" }, ["Cancel"]);
       o.onclick = () => {
-        this.close(), t(null);
+        this.close(), e(null);
       };
       const l = r("div", { className: "fl-annotation-toolbar" }, [
         i,
@@ -761,12 +761,12 @@ class K {
     });
   }
   close() {
-    var t;
-    (t = this.overlay) == null || t.remove(), this.overlay = null, this.canvas = null, this.ctx = null, this.paths = [], this.currentPath = [];
+    var e;
+    (e = this.overlay) == null || e.remove(), this.overlay = null, this.canvas = null, this.ctx = null, this.paths = [], this.currentPath = [];
   }
   async captureScreenshot() {
     try {
-      const t = window.innerWidth, e = window.innerHeight, s = document.documentElement.cloneNode(!0), i = s.querySelector("#firstlook-sdk-root");
+      const e = window.innerWidth, t = window.innerHeight, s = document.documentElement.cloneNode(!0), i = s.querySelector("#firstlook-sdk-root");
       i == null || i.remove();
       const n = s.querySelectorAll('[data-fl-masked], input[type="password"]');
       for (const p of n)
@@ -777,47 +777,47 @@ class K {
         const p = window.getComputedStyle(document.body);
         o.style.backgroundColor = p.backgroundColor, o.style.color = p.color, o.style.fontFamily = p.fontFamily, o.style.margin = "0", o.style.overflow = "hidden";
       }
-      const l = new XMLSerializer().serializeToString(s), c = `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${e}">
+      const l = new XMLSerializer().serializeToString(s), a = `<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${t}">
         <foreignObject width="100%" height="100%">
           ${l}
         </foreignObject>
-      </svg>`, h = new Blob([c], { type: "image/svg+xml;charset=utf-8" }), d = URL.createObjectURL(h), m = document.createElement("canvas");
-      m.width = t * window.devicePixelRatio, m.height = e * window.devicePixelRatio;
+      </svg>`, h = new Blob([a], { type: "image/svg+xml;charset=utf-8" }), d = URL.createObjectURL(h), m = document.createElement("canvas");
+      m.width = e * window.devicePixelRatio, m.height = t * window.devicePixelRatio;
       const f = m.getContext("2d");
       return f.scale(window.devicePixelRatio, window.devicePixelRatio), new Promise((p) => {
         const g = new Image();
         g.onload = () => {
-          f.drawImage(g, 0, 0, t, e), URL.revokeObjectURL(d), p(m.toDataURL("image/png"));
+          f.drawImage(g, 0, 0, e, t), URL.revokeObjectURL(d), p(m.toDataURL("image/png"));
         }, g.onerror = () => {
-          URL.revokeObjectURL(d), p(this.captureScreenshotFallback(t, e));
+          URL.revokeObjectURL(d), p(this.captureScreenshotFallback(e, t));
         }, g.src = d;
       });
     } catch {
       return this.captureScreenshotFallback(window.innerWidth, window.innerHeight);
     }
   }
-  captureScreenshotFallback(t, e) {
+  captureScreenshotFallback(e, t) {
     const s = document.createElement("canvas");
-    s.width = t, s.height = e;
+    s.width = e, s.height = t;
     const i = s.getContext("2d"), n = window.getComputedStyle(document.body);
-    return i.fillStyle = n.backgroundColor || "#ffffff", i.fillRect(0, 0, t, e), i.fillStyle = "#333", i.font = "14px sans-serif", i.fillText(`URL: ${window.location.href}`, 20, 30), i.fillText(`Time: ${(/* @__PURE__ */ new Date()).toISOString()}`, 20, 50), i.fillText("(SVG capture unavailable — metadata view)", 20, 70), s.toDataURL("image/png");
+    return i.fillStyle = n.backgroundColor || "#ffffff", i.fillRect(0, 0, e, t), i.fillStyle = "#333", i.font = "14px sans-serif", i.fillText(`URL: ${window.location.href}`, 20, 30), i.fillText(`Time: ${(/* @__PURE__ */ new Date()).toISOString()}`, 20, 50), i.fillText("(SVG capture unavailable — metadata view)", 20, 70), s.toDataURL("image/png");
   }
   initCanvas() {
     if (!this.canvas) return;
-    const t = new Image();
-    t.onload = () => {
-      const e = window.innerWidth * 0.9, s = window.innerHeight * 0.7, i = Math.min(e / t.width, s / t.height, 1);
-      this.canvas.width = t.width * i, this.canvas.height = t.height * i, this.ctx = this.canvas.getContext("2d"), this.ctx.drawImage(t, 0, 0, this.canvas.width, this.canvas.height), this.canvas.addEventListener("pointerdown", this.onDrawStart.bind(this)), this.canvas.addEventListener("pointermove", this.onDrawMove.bind(this)), this.canvas.addEventListener("pointerup", this.onDrawEnd.bind(this)), this.canvas.addEventListener("pointerleave", this.onDrawEnd.bind(this));
-    }, t.src = this.screenshotDataUrl;
+    const e = new Image();
+    e.onload = () => {
+      const t = window.innerWidth * 0.9, s = window.innerHeight * 0.7, i = Math.min(t / e.width, s / e.height, 1);
+      this.canvas.width = e.width * i, this.canvas.height = e.height * i, this.ctx = this.canvas.getContext("2d"), this.ctx.drawImage(e, 0, 0, this.canvas.width, this.canvas.height), this.canvas.addEventListener("pointerdown", this.onDrawStart.bind(this)), this.canvas.addEventListener("pointermove", this.onDrawMove.bind(this)), this.canvas.addEventListener("pointerup", this.onDrawEnd.bind(this)), this.canvas.addEventListener("pointerleave", this.onDrawEnd.bind(this));
+    }, e.src = this.screenshotDataUrl;
   }
-  onDrawStart(t) {
+  onDrawStart(e) {
     this.drawing = !0;
-    const e = this.canvas.getBoundingClientRect();
-    this.currentPath = [{ x: t.clientX - e.left, y: t.clientY - e.top }];
+    const t = this.canvas.getBoundingClientRect();
+    this.currentPath = [{ x: e.clientX - t.left, y: e.clientY - t.top }];
   }
-  onDrawMove(t) {
+  onDrawMove(e) {
     if (!this.drawing || !this.ctx) return;
-    const e = this.canvas.getBoundingClientRect(), s = { x: t.clientX - e.left, y: t.clientY - e.top };
+    const t = this.canvas.getBoundingClientRect(), s = { x: e.clientX - t.left, y: e.clientY - t.top };
     if (this.currentPath.push(s), this.ctx.strokeStyle = this.selectedColor, this.ctx.lineWidth = 3, this.ctx.lineCap = "round", this.ctx.lineJoin = "round", this.currentPath.length >= 2) {
       const i = this.currentPath[this.currentPath.length - 2];
       this.ctx.beginPath(), this.ctx.moveTo(i.x, i.y), this.ctx.lineTo(s.x, s.y), this.ctx.stroke();
@@ -831,15 +831,15 @@ class K {
     }), this.drawing = !1, this.currentPath = [];
   }
   getAnnotatedImage() {
-    var t;
-    return ((t = this.canvas) == null ? void 0 : t.toDataURL("image/png")) || this.screenshotDataUrl;
+    var e;
+    return ((e = this.canvas) == null ? void 0 : e.toDataURL("image/png")) || this.screenshotDataUrl;
   }
 }
-class H {
-  constructor(t, e) {
-    this.shadowRoot = t, this.events = e, this.annotations = [], this.active = !1, this.onKeydown = (s) => {
+class _ {
+  constructor(e, t) {
+    this.shadowRoot = e, this.events = t, this.annotations = [], this.active = !1, this.onKeydown = (s) => {
       s.ctrlKey && s.shiftKey && s.key === "R" && (s.preventDefault(), this.trigger());
-    }, this.annotationCanvas = new K(t);
+    }, this.annotationCanvas = new W(e);
   }
   start() {
     document.addEventListener("keydown", this.onKeydown);
@@ -854,17 +854,17 @@ class H {
     if (!this.active) {
       this.active = !0;
       try {
-        const t = await this.annotationCanvas.open();
-        t && (this.annotations.push(t), this.events.emit({ type: "report:submitted" }));
+        const e = await this.annotationCanvas.open();
+        e && (this.annotations.push(e), this.events.emit({ type: "report:submitted" }));
       } finally {
         this.active = !1;
       }
     }
   }
 }
-class _ {
-  constructor(t, e) {
-    this.requiredTaps = t, this.onActivate = e, this.tapCount = 0, this.tapTimer = null, this.handler = null;
+class V {
+  constructor(e, t) {
+    this.requiredTaps = e, this.onActivate = t, this.tapCount = 0, this.tapTimer = null, this.handler = null;
   }
   start() {
     this.handler = this.onTap.bind(this), document.addEventListener("pointerdown", this.handler, { passive: !0 });
@@ -872,17 +872,17 @@ class _ {
   stop() {
     this.handler && (document.removeEventListener("pointerdown", this.handler), this.handler = null), this.reset();
   }
-  onTap(t) {
+  onTap(e) {
     this.tapCount++, this.tapTimer && clearTimeout(this.tapTimer), this.tapCount >= this.requiredTaps ? (this.reset(), this.onActivate()) : this.tapTimer = setTimeout(() => this.reset(), 800);
   }
   reset() {
     this.tapCount = 0, this.tapTimer && (clearTimeout(this.tapTimer), this.tapTimer = null);
   }
 }
-const w = "firstlook:uat-active";
+const y = "firstlook:uat-active";
 class C {
-  constructor(t) {
-    this.onActivate = t, this.handlers = [];
+  constructor(e) {
+    this.onActivate = e, this.handlers = [];
   }
   start() {
     if (this.checkUrl()) {
@@ -893,29 +893,29 @@ class C {
       this.onActivate();
       return;
     }
-    const t = () => {
+    const e = () => {
       this.checkUrl() && (this.persist(), this.onActivate());
     };
-    window.addEventListener("hashchange", t), this.handlers.push(["hashchange", t]), window.addEventListener("popstate", t), this.handlers.push(["popstate", t]);
+    window.addEventListener("hashchange", e), this.handlers.push(["hashchange", e]), window.addEventListener("popstate", e), this.handlers.push(["popstate", e]);
   }
   stop() {
-    for (const [t, e] of this.handlers)
-      window.removeEventListener(t, e);
+    for (const [e, t] of this.handlers)
+      window.removeEventListener(e, t);
     this.handlers = [];
   }
   static clearPersisted() {
     try {
-      sessionStorage.removeItem(w);
+      sessionStorage.removeItem(y);
     } catch {
     }
   }
   checkUrl() {
-    const t = new URLSearchParams(window.location.search);
-    if (t.has("firstlook") || t.has("uat-mode") || t.get("uat") === "1")
+    const e = new URLSearchParams(window.location.search);
+    if (e.has("firstlook") || e.has("uat-mode") || e.get("uat") === "1")
       return !0;
-    const e = window.location.hash, s = e.indexOf("?");
+    const t = window.location.hash, s = t.indexOf("?");
     if (s !== -1) {
-      const i = new URLSearchParams(e.substring(s));
+      const i = new URLSearchParams(t.substring(s));
       if (i.has("firstlook") || i.has("uat-mode") || i.get("uat") === "1")
         return !0;
     }
@@ -923,69 +923,99 @@ class C {
   }
   persist() {
     try {
-      sessionStorage.setItem(w, "1");
+      sessionStorage.setItem(y, "1");
     } catch {
     }
   }
   hasPersisted() {
     try {
-      return sessionStorage.getItem(w) === "1";
+      return sessionStorage.getItem(y) === "1";
     } catch {
       return !1;
     }
   }
 }
-class W {
-  constructor(t) {
-    this.onActivate = t, this.handler = null;
+const x = class x {
+  constructor(e) {
+    this.onActivate = e, this.handler = null, this.sequence = [], this.typeBuffer = "", this.sequenceTimer = null, this.typeTimer = null;
   }
   start() {
-    this.handler = (t) => {
-      t.code === "KeyU" && t.shiftKey && (t.ctrlKey || t.metaKey) && (t.preventDefault(), this.onActivate());
+    this.handler = (e) => {
+      if ((e.key === "u" || e.key === "U") && e.shiftKey && (e.ctrlKey || e.metaKey)) {
+        e.preventDefault(), this.onActivate();
+        return;
+      }
+      if (e.key.length === 1) {
+        if (this.typeBuffer += e.key, this.typeTimer && clearTimeout(this.typeTimer), this.typeTimer = setTimeout(() => {
+          this.typeBuffer = "";
+        }, 3e3), this.typeBuffer.endsWith(x.MAGIC_WORD)) {
+          this.typeBuffer = "", this.onActivate();
+          return;
+        }
+        this.typeBuffer.length > 20 && (this.typeBuffer = this.typeBuffer.slice(-12));
+      }
+      if (e.key.startsWith("Arrow")) {
+        this.sequence.push(e.key), this.sequenceTimer && clearTimeout(this.sequenceTimer), this.sequenceTimer = setTimeout(() => {
+          this.sequence = [];
+        }, 3e3);
+        const t = x.KONAMI;
+        this.sequence.length > t.length && (this.sequence = this.sequence.slice(-t.length)), this.sequence.length === t.length && this.sequence.every((s, i) => s === t[i]) && (this.sequence = [], this.onActivate());
+      }
     }, window.addEventListener("keydown", this.handler);
   }
   stop() {
-    this.handler && (window.removeEventListener("keydown", this.handler), this.handler = null);
+    this.handler && (window.removeEventListener("keydown", this.handler), this.handler = null), this.sequenceTimer && (clearTimeout(this.sequenceTimer), this.sequenceTimer = null), this.typeTimer && (clearTimeout(this.typeTimer), this.typeTimer = null);
   }
-}
-class V {
-  constructor(t, e) {
-    this.shadowRoot = t, this.callbacks = e, this.root = null, this.outsideClickHandler = null;
+};
+x.KONAMI = [
+  "ArrowUp",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowLeft",
+  "ArrowRight"
+], x.MAGIC_WORD = "1st/look.";
+let S = x;
+class X {
+  constructor(e, t) {
+    this.shadowRoot = e, this.callbacks = t, this.root = null, this.outsideClickHandler = null;
   }
   show() {
     if (this.root) return;
     this.root = r("div", { className: "fl-debug-menu" }), this.root.style.pointerEvents = "auto";
-    for (const e of ["click", "mousedown", "mouseup", "pointerdown", "pointerup", "touchstart", "touchend"])
-      this.root.addEventListener(e, (s) => s.stopPropagation());
-    const t = [
+    for (const t of ["click", "mousedown", "mouseup", "pointerdown", "pointerup", "touchstart", "touchend"])
+      this.root.addEventListener(t, (s) => s.stopPropagation());
+    const e = [
       { icon: "▶", label: "Start Session", action: this.callbacks.onStartSession },
       { icon: "📸", label: "Report Issue", action: this.callbacks.onReportIssue },
       { icon: "✖", label: "Close SDK", action: this.callbacks.onClose }
     ];
-    for (const e of t) {
+    for (const t of e) {
       const s = r("button", { className: "fl-debug-menu-item" }, [
-        r("span", { className: "fl-debug-menu-item-icon" }, [e.icon]),
-        e.label
+        r("span", { className: "fl-debug-menu-item-icon" }, [t.icon]),
+        t.label
       ]);
       s.onclick = (i) => {
-        i.stopPropagation(), this.hide(), e.action();
+        i.stopPropagation(), this.hide(), t.action();
       }, this.root.appendChild(s);
     }
     this.shadowRoot.appendChild(this.root), setTimeout(() => {
-      this.outsideClickHandler = (e) => {
-        this.root && !this.root.contains(e.target) && this.hide();
+      this.outsideClickHandler = (t) => {
+        this.root && !this.root.contains(t.target) && this.hide();
       }, document.addEventListener("click", this.outsideClickHandler, { capture: !0 });
     }, 100);
   }
   hide() {
-    var t;
-    (t = this.root) == null || t.remove(), this.root = null, this.outsideClickHandler && (document.removeEventListener("click", this.outsideClickHandler, { capture: !0 }), this.outsideClickHandler = null);
+    var e;
+    (e = this.root) == null || e.remove(), this.root = null, this.outsideClickHandler && (document.removeEventListener("click", this.outsideClickHandler, { capture: !0 }), this.outsideClickHandler = null);
   }
   get visible() {
     return this.root !== null;
   }
 }
-const X = (
+const G = (
   /* css */
   `
   :host {
@@ -1487,9 +1517,9 @@ const X = (
   .fl-feedback-modal-actions { padding: 0 16px 16px; }
 `
 ), Y = 5;
-class G {
+class J {
   constructor() {
-    this.config = null, this.events = new E(), this.state = "idle", this.hostElement = null, this.shadowRoot = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.watermark = null, this.fieldMasker = null, this.storage = null, this.issueReporter = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.sessionId = null, this.sessionStartTime = 0, this.maxDurationTimer = null, this.backupTimer = null, this.isFlushing = !1;
+    this.config = null, this.events = new L(), this.state = "idle", this.hostElement = null, this.shadowRoot = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.watermark = null, this.fieldMasker = null, this.storage = null, this.issueReporter = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.sessionId = null, this.sessionStartTime = 0, this.maxDurationTimer = null, this.backupTimer = null, this.isFlushing = !1;
   }
   // ----------------------------------------------------------------
   // Public API
@@ -1498,12 +1528,12 @@ class G {
    * Initialize the SDK with configuration.
    * This does NOT activate the UI — it only sets up triggers.
    */
-  async init(t) {
+  async init(e) {
     if (this.state !== "idle") {
       console.warn("[FirstLook] SDK already initialized.");
       return;
     }
-    this.config = M(t), this.storage = new j(), await this.storage.open(), this.createShadowHost(), this.setupTriggers(), this.fieldMasker = new B(this.config.security.maskSelectors), this.state = "initialized", this.events.emit({ type: "sdk:initialized" }), this.flushUploadQueue(!0);
+    this.config = R(e), this.storage = new H(), await this.storage.open(), this.createShadowHost(), this.setupTriggers(), this.fieldMasker = new $(this.config.security.maskSelectors), this.state = "initialized", this.events.emit({ type: "sdk:initialized" }), this.flushUploadQueue(!0);
   }
   /**
    * Manually activate the SDK UI (bypassing triggers).
@@ -1518,15 +1548,15 @@ class G {
   /**
    * Start a UAT session with a list of quests.
    */
-  async startSession(t) {
+  async startSession(e) {
     var s;
     if (this.state !== "active")
       throw new Error("[FirstLook] Cannot start session: SDK not active. Call activate() first.");
-    (s = this.debugMenu) == null || s.hide(), this.sessionId = L(), this.sessionStartTime = Date.now(), this.questManager = new R(this.events), this.questManager.loadQuests(t), this.sessionRecorder = new z(
+    (s = this.debugMenu) == null || s.hide(), this.sessionId = D(), this.sessionStartTime = Date.now(), this.questManager = new E(this.events), this.questManager.loadQuests(e), this.sessionRecorder = new B(
       this.config,
       this.events,
       this.fieldMasker.getCombinedSelector()
-    ), this.voiceRecorder = new O(this.events), this.issueReporter = new H(this.shadowRoot, this.events), this.issueReporter.start(), this.sessionRecorder.start(), this.fieldMasker.start(), this.config.recording.voice && await this.voiceRecorder.start(), this.config.security.watermark && (this.watermark = new Q(this.shadowRoot, this.config), this.watermark.show()), this.questOverlay = new N(this.shadowRoot, {
+    ), this.voiceRecorder = new Q(this.events), this.issueReporter = new _(this.shadowRoot, this.events), this.issueReporter.start(), this.sessionRecorder.start(), this.fieldMasker.start(), this.config.recording.voice && await this.voiceRecorder.start(), this.config.security.watermark && (this.watermark = new U(this.shadowRoot, this.config), this.watermark.show()), this.questOverlay = new O(this.shadowRoot, {
       onOkWithFeedback: (i) => this.handleQuestOk(i),
       onConcern: (i) => this.handleConcern(i),
       onNg: () => this.handleQuestNg(),
@@ -1536,18 +1566,18 @@ class G {
       onMinimize: () => {
       }
     }), this.questManager.startSession(this.sessionStartTime), this.renderCurrentQuest();
-    const e = this.config.recording.maxDuration;
-    return e > 0 && (this.maxDurationTimer = setTimeout(() => this.endSession(), e * 1e3)), this.backupTimer = setInterval(() => this.backupSession(), 3e4), this.state = "recording", this.events.emit({ type: "session:started", sessionId: this.sessionId }), this.sessionId;
+    const t = this.config.recording.maxDuration;
+    return t > 0 && (this.maxDurationTimer = setTimeout(() => this.endSession(), t * 1e3)), this.backupTimer = setInterval(() => this.backupSession(), 3e4), this.state = "recording", this.events.emit({ type: "session:started", sessionId: this.sessionId }), this.sessionId;
   }
   /**
    * Fetch quest definitions from the API and start a session.
    */
-  async startSessionFromRemote(t) {
+  async startSessionFromRemote(e) {
     if (this.state !== "active")
       throw new Error("[FirstLook] Cannot start session: SDK not active. Call activate() first.");
     if (!this.config)
       throw new Error("[FirstLook] SDK not initialized.");
-    const e = this.config.endpoint.replace(/\/ingest-session$/, ""), s = await fetch(`${e}/export-quests?id=${encodeURIComponent(t)}`, {
+    const t = this.config.endpoint.replace(/\/ingest-session$/, ""), s = await fetch(`${t}/export-quests?id=${encodeURIComponent(e)}`, {
       headers: { "X-API-Key": this.config.apiKey }
     });
     if (!s.ok)
@@ -1559,12 +1589,12 @@ class G {
    * End the current session, persist data, and trigger upload.
    */
   async endSession() {
-    var i, n, o, l, c, h, d, m, f, p, g;
+    var i, n, o, l, a, h, d, m, f, p, g;
     if (this.state !== "recording" || !this.sessionId) return null;
-    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (i = this.sessionRecorder) == null || i.stop(), await ((n = this.voiceRecorder) == null ? void 0 : n.stopAsync()), (o = this.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide();
-    const t = this.questManager.getResults();
+    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (i = this.sessionRecorder) == null || i.stop(), await ((n = this.voiceRecorder) == null ? void 0 : n.stopAsync()), (o = this.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (a = this.watermark) == null || a.hide();
+    const e = this.questManager.getResults();
     await Promise.allSettled(
-      t.map(async (b) => {
+      e.map(async (b) => {
         if (b.voiceMemoBlob) {
           try {
             b.voiceMemoBase64 = await this.blobToBase64(b.voiceMemoBlob);
@@ -1585,29 +1615,29 @@ class G {
         );
       })
     );
-    const e = {
+    const t = {
       sessionId: this.sessionId,
       projectId: this.config.projectId,
       userId: this.config.userId,
       role: this.config.role,
-      deviceInfo: y(),
+      deviceInfo: T(),
       startedAt: new Date(this.sessionStartTime).toISOString(),
       endedAt: (/* @__PURE__ */ new Date()).toISOString(),
       duration: Math.floor((Date.now() - this.sessionStartTime) / 1e3),
-      quests: t,
+      quests: e,
       recordings: ((h = this.sessionRecorder) == null ? void 0 : h.getSnapshots()) ?? []
     };
-    await ((d = this.storage) == null ? void 0 : d.saveSession(e));
+    await ((d = this.storage) == null ? void 0 : d.saveSession(t));
     const s = ((m = this.issueReporter) == null ? void 0 : m.getAnnotations()) ?? [];
     for (const b of s)
       await ((f = this.storage) == null ? void 0 : f.saveAnnotation(this.sessionId, b));
-    return await ((p = this.storage) == null ? void 0 : p.enqueueUpload({ session: e, annotations: s })), (g = this.questOverlay) == null || g.destroy(), this.questOverlay = null, this.state = "finished", this.events.emit({ type: "session:ended", sessionId: this.sessionId }), this.flushUploadQueue(!1), e;
+    return await ((p = this.storage) == null ? void 0 : p.enqueueUpload({ session: t, annotations: s })), (g = this.questOverlay) == null || g.destroy(), this.questOverlay = null, this.state = "finished", this.events.emit({ type: "session:ended", sessionId: this.sessionId }), this.flushUploadQueue(!1), t;
   }
   /**
    * Subscribe to SDK events.
    */
-  on(t, e) {
-    return this.events.on(t, e);
+  on(e, t) {
+    return this.events.on(e, t);
   }
   /**
    * Get current SDK state.
@@ -1619,26 +1649,26 @@ class G {
    * Completely destroy the SDK instance and clean up all resources.
    */
   destroy() {
-    var t, e, s, i, n, o, l, c, h, d, m, f;
-    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (t = this.tapTrigger) == null || t.stop(), (e = this.deepLinkTrigger) == null || e.stop(), (s = this.keyboardTrigger) == null || s.stop(), C.clearPersisted(), (i = this.sessionRecorder) == null || i.stop(), (n = this.voiceRecorder) == null || n.stopAsync().catch(() => {
-    }), (o = this.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide(), (h = this.questOverlay) == null || h.destroy(), (d = this.debugMenu) == null || d.hide(), (m = this.hostElement) == null || m.remove(), (f = this.storage) == null || f.close(), this.events.removeAll(), this.config = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.issueReporter = null, this.fieldMasker = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.storage = null, this.hostElement = null, this.shadowRoot = null, this.sessionId = null, this.state = "idle";
+    var e, t, s, i, n, o, l, a, h, d, m, f;
+    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (e = this.tapTrigger) == null || e.stop(), (t = this.deepLinkTrigger) == null || t.stop(), (s = this.keyboardTrigger) == null || s.stop(), C.clearPersisted(), (i = this.sessionRecorder) == null || i.stop(), (n = this.voiceRecorder) == null || n.stopAsync().catch(() => {
+    }), (o = this.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (a = this.watermark) == null || a.hide(), (h = this.questOverlay) == null || h.destroy(), (d = this.debugMenu) == null || d.hide(), (m = this.hostElement) == null || m.remove(), (f = this.storage) == null || f.close(), this.events.removeAll(), this.config = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.issueReporter = null, this.fieldMasker = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.storage = null, this.hostElement = null, this.shadowRoot = null, this.sessionId = null, this.state = "idle";
   }
   // ----------------------------------------------------------------
   // Private methods
   // ----------------------------------------------------------------
   createShadowHost() {
-    var e;
-    (e = document.getElementById("firstlook-sdk-root")) == null || e.remove(), this.hostElement = document.createElement("div"), this.hostElement.id = "firstlook-sdk-root", this.hostElement.style.cssText = "position:fixed;inset:0;z-index:2147483647;pointer-events:none;", document.body.appendChild(this.hostElement), this.shadowRoot = this.hostElement.attachShadow({ mode: "closed" });
-    const t = document.createElement("style");
-    t.textContent = X, this.shadowRoot.appendChild(t);
+    var t;
+    (t = document.getElementById("firstlook-sdk-root")) == null || t.remove(), this.hostElement = document.createElement("div"), this.hostElement.id = "firstlook-sdk-root", this.hostElement.style.cssText = "position:fixed;inset:0;z-index:2147483647;pointer-events:none;", document.body.appendChild(this.hostElement), this.shadowRoot = this.hostElement.attachShadow({ mode: "closed" });
+    const e = document.createElement("style");
+    e.textContent = G, this.shadowRoot.appendChild(e);
   }
   setupTriggers() {
-    const t = this.config.triggers;
-    this.tapTrigger = new _(t.tapCount, () => this.onActivate()), this.tapTrigger.start(), t.deepLink && (this.deepLinkTrigger = new C(() => this.onActivate()), this.deepLinkTrigger.start()), t.keyboard && (this.keyboardTrigger = new W(() => this.onActivate()), this.keyboardTrigger.start()), t.customCheck && t.customCheck() && this.onActivate();
+    const e = this.config.triggers;
+    this.tapTrigger = new V(e.tapCount, () => this.onActivate()), this.tapTrigger.start(), e.deepLink && (this.deepLinkTrigger = new C(() => this.onActivate()), this.deepLinkTrigger.start()), e.keyboard && (this.keyboardTrigger = new S(() => this.onActivate()), this.keyboardTrigger.start()), e.customCheck && e.customCheck() && this.onActivate();
   }
   onActivate() {
-    var t, e, s;
-    this.state === "initialized" && (this.state = "active", (t = this.tapTrigger) == null || t.stop(), (e = this.deepLinkTrigger) == null || e.stop(), (s = this.keyboardTrigger) == null || s.stop(), this.events.emit({ type: "sdk:activated" }), this.debugMenu = new V(this.shadowRoot, {
+    var e, t, s;
+    this.state === "initialized" && (this.state = "active", (e = this.tapTrigger) == null || e.stop(), (t = this.deepLinkTrigger) == null || t.stop(), (s = this.keyboardTrigger) == null || s.stop(), this.events.emit({ type: "sdk:activated" }), this.debugMenu = new X(this.shadowRoot, {
       onStartSession: () => {
         this.events.emit({ type: "sdk:activated" });
       },
@@ -1651,76 +1681,76 @@ class G {
       }
     }), this.debugMenu.show());
   }
-  handleQuestOk(t) {
+  handleQuestOk(e) {
     var i;
     if (!this.questManager || !this.sessionRecorder) return;
-    const e = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
-    this.questManager.completeCurrentQuest(e, {
-      comment: t || void 0,
+    const t = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
+    this.questManager.completeCurrentQuest(t, {
+      comment: e || void 0,
       checklist: s
     }), this.renderCurrentQuest();
   }
-  handleConcern(t) {
+  handleConcern(e) {
     var i;
     if (!this.questManager || !this.sessionRecorder) return;
-    const e = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
-    this.questManager.completeCurrentQuest(e, {
-      comment: t,
+    const t = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
+    this.questManager.completeCurrentQuest(t, {
+      comment: e,
       concern: !0,
       checklist: s
     }), this.renderCurrentQuest();
   }
   handleQuestNg() {
     if (!this.questManager || !this.questOverlay) return;
-    const t = this.questManager.getCurrentQuest();
-    t && this.questOverlay.renderFeedbackModal(t.title, "ng");
+    const e = this.questManager.getCurrentQuest();
+    e && this.questOverlay.renderFeedbackModal(e.title, "ng");
   }
-  handleNgFeedbackSubmit(t) {
+  handleNgFeedbackSubmit(e) {
     var i;
     if (!this.questManager || !this.sessionRecorder) return;
-    const e = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
-    this.questManager.failCurrentQuest(e, t || void 0, void 0, s), this.renderCurrentQuest();
+    const t = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
+    this.questManager.failCurrentQuest(t, e || void 0, void 0, s), this.renderCurrentQuest();
   }
-  handleMemo(t) {
-    if (!this.questManager || !t) return;
-    const e = {
-      comment: t,
+  handleMemo(e) {
+    if (!this.questManager || !e) return;
+    const t = {
+      comment: e,
       timestamp: Date.now(),
       relativeTime: Date.now() - this.sessionStartTime
     };
-    this.questManager.addFeedback(e);
+    this.questManager.addFeedback(t);
   }
   renderCurrentQuest() {
     var s;
     if (!this.questManager || !this.questOverlay) return;
-    const t = this.questManager.getStatus();
-    if (t.isBlocked) {
+    const e = this.questManager.getStatus();
+    if (e.isBlocked) {
       const n = this.questManager.getResults().find((l) => l.status === "FAILED"), o = n ? n.questId : "Unknown";
       this.questOverlay.renderBlocked(o);
       return;
     }
-    if (t.isFinished) {
-      this.questOverlay.renderSummary(t.completed, t.failed, t.total);
+    if (e.isFinished) {
+      this.questOverlay.renderSummary(e.completed, e.failed, e.total);
       return;
     }
-    const e = this.questManager.getCurrentQuest();
-    e && this.questOverlay.renderQuest(
-      e,
+    const t = this.questManager.getCurrentQuest();
+    t && this.questOverlay.renderQuest(
+      t,
       this.questManager.getQuestStatuses(),
       ((s = this.voiceRecorder) == null ? void 0 : s.recording) ?? !1
     );
   }
-  async flushUploadQueue(t) {
+  async flushUploadQueue(e) {
     if (!(!this.storage || !this.config || this.isFlushing)) {
       this.isFlushing = !0;
       try {
-        if (t) {
+        if (e) {
           const s = navigator.connection;
           if (s && s.type && s.type !== "wifi" && s.effectiveType !== "4g")
             return;
         }
-        const e = await this.storage.getPendingUploads();
-        for (const s of e) {
+        const t = await this.storage.getPendingUploads();
+        for (const s of t) {
           if (s.attempts >= Y) {
             await this.storage.removeFromQueue(s.key);
             continue;
@@ -1749,32 +1779,32 @@ class G {
     }
   }
   async backupSession() {
-    var t;
+    var e;
     if (!(!this.storage || !this.sessionId || !this.config || !this.sessionRecorder))
       try {
-        const e = {
+        const t = {
           sessionId: this.sessionId,
           projectId: this.config.projectId,
           userId: this.config.userId,
           role: this.config.role,
-          deviceInfo: y(),
+          deviceInfo: T(),
           startedAt: new Date(this.sessionStartTime).toISOString(),
           duration: Math.floor((Date.now() - this.sessionStartTime) / 1e3),
-          quests: ((t = this.questManager) == null ? void 0 : t.getResults()) ?? [],
+          quests: ((e = this.questManager) == null ? void 0 : e.getResults()) ?? [],
           recordings: this.sessionRecorder.getSnapshots()
         };
-        await this.storage.saveSession(e);
+        await this.storage.saveSession(t);
       } catch {
       }
   }
-  blobToBase64(t) {
-    return new Promise((e, s) => {
+  blobToBase64(e) {
+    return new Promise((t, s) => {
       const i = new FileReader();
-      i.onloadend = () => e(i.result), i.onerror = () => s(i.error), i.readAsDataURL(t);
+      i.onloadend = () => t(i.result), i.onerror = () => s(i.error), i.readAsDataURL(e);
     });
   }
 }
 export {
-  G as FirstLookSDK
+  J as FirstLookSDK
 };
 //# sourceMappingURL=firstlook.es.js.map