@spilki/widget 1.0.36 → 1.0.38

package/dist/widget.es.js

@@ -74,13 +74,13 @@ const Y = `
     <span class="badge" hidden aria-hidden="true">0</span>
   </button>
 `;
-function G(o) {
+function G(r) {
   const e = document.createElement("div");
-  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", o.position), e.style.setProperty("--spilki-accent", o.color);
+  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", r.position), e.style.setProperty("--spilki-accent", r.color);
   const t = e.attachShadow({ mode: "open" });
   t.innerHTML = Y;
   const s = t.querySelector("button"), i = t.querySelector(".badge");
-  return s.addEventListener("click", () => o.onClick()), {
+  return s.addEventListener("click", () => r.onClick()), {
     element: e,
     mount() {
       document.body.appendChild(e);
@@ -92,12 +92,12 @@ function G(o) {
       s.setAttribute("aria-expanded", String(a)), s.setAttribute("aria-label", a ? "Close chat" : "Open chat");
     },
     setBadge(a) {
-      const r = Math.max(0, a), l = s.getAttribute("aria-expanded") === "true";
-      if (r === 0) {
+      const n = Math.max(0, a), l = s.getAttribute("aria-expanded") === "true";
+      if (n === 0) {
         i.toggleAttribute("hidden", !0), i.textContent = "0", l || s.setAttribute("aria-label", "Open chat");
         return;
       }
-      i.toggleAttribute("hidden", !1), i.textContent = r > 99 ? "99+" : String(r), l || s.setAttribute("aria-label", `Open chat, ${r} unread`);
+      i.toggleAttribute("hidden", !1), i.textContent = n > 99 ? "99+" : String(n), l || s.setAttribute("aria-label", `Open chat, ${n} unread`);
     },
     setDimmed(a) {
       e.toggleAttribute("data-dimmed", a);
@@ -110,7 +110,7 @@ function G(o) {
     }
   };
 }
-const V = "https://api.spilki.app", M = {
+const V = "https://api.spilki.app", P = {
   welcome: "Hi! I'm your assistant.",
   placeholder: "Type a message…",
   sendLabel: "Send",
@@ -125,53 +125,53 @@ const V = "https://api.spilki.app", M = {
   position: "bottom-right",
   theme: "auto",
   color: "#6366f1",
-  welcome: M.welcome,
+  welcome: P.welcome,
   persist: !0,
   sound: !0,
-  i18n: M
+  i18n: P
 };
-function J(o) {
-  var t, s, i, n, a, r, l, p;
-  const e = { ...M, ...(t = o.i18n) != null ? t : {} };
+function J(r) {
+  var t, s, i, o, a, n, l, p;
+  const e = { ...P, ...(t = r.i18n) != null ? t : {} };
   return {
     ...w,
-    ...o,
-    apiBase: (s = o.apiBase) != null ? s : w.apiBase,
+    ...r,
+    apiBase: (s = r.apiBase) != null ? s : w.apiBase,
     i18n: e,
-    welcome: (i = o.welcome) != null ? i : e.welcome,
-    position: (n = o.position) != null ? n : w.position,
-    theme: (a = o.theme) != null ? a : w.theme,
-    color: (r = o.color) != null ? r : w.color,
-    persist: (l = o.persist) != null ? l : w.persist,
-    sound: (p = o.sound) != null ? p : w.sound
+    welcome: (i = r.welcome) != null ? i : e.welcome,
+    position: (o = r.position) != null ? o : w.position,
+    theme: (a = r.theme) != null ? a : w.theme,
+    color: (n = r.color) != null ? n : w.color,
+    persist: (l = r.persist) != null ? l : w.persist,
+    sound: (p = r.sound) != null ? p : w.sound
   };
 }
-function X(o = "msg") {
-  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${o}-${Math.random().toString(16).slice(2)}`;
+function X(r = "msg") {
+  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
 }
 function Z() {
-  var o, e;
-  return (e = (o = window.matchMedia) == null ? void 0 : o.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
+  var r, e;
+  return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
 }
-function R(o) {
-  return o === "light" || o === "dark" ? o : Z() ? "dark" : "light";
+function $(r) {
+  return r === "light" || r === "dark" ? r : Z() ? "dark" : "light";
 }
-function A(o, e = 30) {
-  return o.slice(-e);
+function A(r, e = 30) {
+  return r.slice(-e);
 }
-function Q(o) {
-  if (!o || o.length === 0) return;
+function Q(r) {
+  if (!r || r.length === 0) return;
   const e = window.location.origin;
-  o.includes(e) || console.warn(
-    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${o.join(", ")}`
+  r.includes(e) || console.warn(
+    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${r.join(", ")}`
   );
 }
 const ee = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function te(o) {
-  const e = new Date(o), t = /* @__PURE__ */ new Date(), s = (l) => String(l).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, n = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), a = n - 864e5, r = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
-  return r === n ? `Today at ${i}` : r === a ? `Yesterday at ${i}` : `${ee[e.getMonth()]} ${e.getDate()}, ${i}`;
+function te(r) {
+  const e = new Date(r), t = /* @__PURE__ */ new Date(), s = (l) => String(l).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, o = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), a = o - 864e5, n = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+  return n === o ? `Today at ${i}` : n === a ? `Yesterday at ${i}` : `${ee[e.getMonth()]} ${e.getDate()}, ${i}`;
 }
-const se = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-text-light: #0f172a;--spilki-text-dark: #f8fafc;--spilki-border-light: rgba(15, 23, 42, .1);--spilki-border-dark: rgba(148, 163, 184, .25);--spilki-muted-light: #64748b;--spilki-muted-dark: #94a3b8;--spilki-shadow: 0 10px 40px rgba(15, 23, 42, .2);--spilki-radius: 16px;--spilki-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:inherit;font-family:var(--spilki-font)}.wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--spilki-surface);color:var(--spilki-text);border-radius:var(--spilki-radius);box-shadow:var(--spilki-shadow);border:1px solid var(--spilki-border);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--spilki-surface);border-bottom:1px solid var(--spilki-border)}header h1{font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}header button.close{border:none;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}header button.close:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}header .status-dot{width:10px;height:10px;border-radius:999px;background:var(--spilki-accent)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent;scroll-behavior:smooth}.message{display:flex;flex-direction:column;gap:.15rem;max-width:85%;width:fit-content;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;align-items:flex-end}.message .bubble{padding:.6rem .8rem;border-radius:1rem;background:#6366f126}.message.user .bubble{background:var(--spilki-accent);color:#fff}.message.bot .bubble{background:#94a3b826}.msg-time{font-size:.7rem;color:var(--spilki-muted);margin-top:2px}.date-separator{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.72rem;color:var(--spilki-muted);white-space:nowrap}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.scroll-bottom{position:absolute;right:1rem;bottom:88px;width:38px;height:38px;border:none;border-radius:999px;background:var(--spilki-accent);color:#fff;box-shadow:0 8px 20px #0f172a40;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;z-index:3}.scroll-bottom.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-arrow{font-size:.8rem;line-height:1}.scroll-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}.suggested-replies{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--spilki-border)}.suggested-chip{border:1px solid var(--spilki-accent);background:transparent;color:var(--spilki-accent);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-family:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.suggested-chip:hover{background:var(--spilki-accent);color:#fff}.suggested-chip:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.input-area{padding:.5rem .75rem}.input-wrap{display:flex;align-items:center;border:1px solid var(--spilki-border);border-radius:1.5rem;background:transparent;padding-left:0}.input-area textarea{flex:1;resize:none;min-height:2.4rem;max-height:6rem;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none;appearance:none;padding:.55rem 0 .55rem 1rem;font-family:inherit;font-size:.95rem;color:var(--spilki-text);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.input-actions{display:flex;align-items:center;gap:.25rem;padding:.25rem .35rem;flex-shrink:0}.input-actions button{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;padding:0;transition:opacity .15s}.emoji-btn{background:#6366f126;color:var(--spilki-accent)}.emoji-btn:hover{background:#6366f140}.emoji-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:1px}.send-btn{background:var(--spilki-accent);color:#fff}.send-btn:hover{opacity:.85}.send-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.emoji-picker{position:absolute;right:1rem;bottom:80px;width:240px;max-height:180px;overflow-y:auto;display:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;padding:.5rem;background:var(--spilki-surface);border:1px solid var(--spilki-border);border-radius:12px;box-shadow:0 14px 30px #0f172a40;z-index:4}.emoji-option{width:100%;aspect-ratio:1;border:none;border-radius:8px;background:transparent;font-size:1rem;cursor:pointer}.emoji-option:hover,.emoji-option:focus-visible{background:#94a3b833}.typing{font-size:.75rem;color:var(--spilki-muted);padding:0 1rem .75rem}.typing:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.offline{font-size:.8rem;padding:0 1rem;color:#f97316}:host([data-theme="dark"]){--spilki-surface: var(--spilki-bg-dark);--spilki-text: var(--spilki-text-dark);--spilki-border: var(--spilki-border-dark);--spilki-muted: var(--spilki-muted-dark)}:host([data-theme="dark"]) .messages,:host([data-theme="dark"]) .input-area textarea,:host([data-theme="dark"]) .emoji-picker{scrollbar-color:rgba(255,255,255,.2) transparent}:host([data-theme="light"]){--spilki-surface: var(--spilki-bg-light);--spilki-text: var(--spilki-text-light);--spilki-border: var(--spilki-border-light);--spilki-muted: var(--spilki-muted-light)}:host([data-theme="dark"]) .message .bubble{background:#94a3b81f}:host([data-theme="dark"]) .message.bot .bubble{background:#6366f126}:host([data-theme="dark"]) .input-area textarea{background:transparent}.messages::-webkit-scrollbar,.input-area textarea::-webkit-scrollbar,.emoji-picker::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track,.input-area textarea::-webkit-scrollbar-track,.emoji-picker::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.input-area textarea::-webkit-scrollbar-thumb,.emoji-picker::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.input-area textarea::-webkit-scrollbar-thumb:hover,.emoji-picker::-webkit-scrollbar-thumb:hover{background:#94a3b880}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb{background:#fff3}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb:hover{background:#ffffff59}.conversation-separator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;user-select:none;font-size:.7rem;color:var(--spilki-muted);white-space:nowrap}.conversation-separator:before,.conversation-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.conversation-separator:hover{color:var(--spilki-text)}.conversation-separator:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}.conversation-history{display:none;flex-direction:column;gap:.5rem}.conversation-history.expanded{display:flex}', $ = 24 * 60 * 60 * 1e3, ie = 2 * 60 * 1e3, oe = 200, ne = [
+const se = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-text-light: #0f172a;--spilki-text-dark: #f8fafc;--spilki-border-light: rgba(15, 23, 42, .1);--spilki-border-dark: rgba(148, 163, 184, .25);--spilki-muted-light: #64748b;--spilki-muted-dark: #94a3b8;--spilki-shadow: 0 10px 40px rgba(15, 23, 42, .2);--spilki-radius: 16px;--spilki-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:inherit;font-family:var(--spilki-font)}.wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--spilki-surface);color:var(--spilki-text);border-radius:var(--spilki-radius);box-shadow:var(--spilki-shadow);border:1px solid var(--spilki-border);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--spilki-surface);border-bottom:1px solid var(--spilki-border)}header h1{font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}header button.close{border:none;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}header button.close:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}header .status-dot{width:10px;height:10px;border-radius:999px;background:var(--spilki-accent)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent;scroll-behavior:smooth}.message{display:flex;flex-direction:column;gap:.15rem;max-width:85%;width:fit-content;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;align-items:flex-end}.message .bubble{padding:.6rem .8rem;border-radius:1rem;background:#6366f126}.message.user .bubble{background:var(--spilki-accent);color:#fff}.message.bot .bubble{background:#94a3b826}.msg-time{font-size:.7rem;color:var(--spilki-muted);margin-top:2px}.date-separator{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.72rem;color:var(--spilki-muted);white-space:nowrap}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.scroll-bottom{position:absolute;right:1rem;bottom:88px;width:38px;height:38px;border:none;border-radius:999px;background:var(--spilki-accent);color:#fff;box-shadow:0 8px 20px #0f172a40;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;z-index:3}.scroll-bottom.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-arrow{font-size:.8rem;line-height:1}.scroll-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}.suggested-replies{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--spilki-border)}.suggested-chip{border:1px solid var(--spilki-accent);background:transparent;color:var(--spilki-accent);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-family:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.suggested-chip:hover{background:var(--spilki-accent);color:#fff}.suggested-chip:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.input-area{padding:.5rem .75rem}.input-wrap{display:flex;align-items:center;border:1px solid var(--spilki-border);border-radius:1.5rem;background:transparent;padding-left:0}.input-area textarea{flex:1;resize:none;min-height:2.4rem;max-height:6rem;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none;appearance:none;padding:.55rem 0 .55rem 1rem;font-family:inherit;font-size:.95rem;color:var(--spilki-text);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.input-actions{display:flex;align-items:center;gap:.25rem;padding:.25rem .35rem;flex-shrink:0}.input-actions button{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;padding:0;transition:opacity .15s}.emoji-btn{background:#6366f126;color:var(--spilki-accent)}.emoji-btn:hover{background:#6366f140}.emoji-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:1px}.send-btn{background:var(--spilki-accent);color:#fff}.send-btn:hover{opacity:.85}.send-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.emoji-picker{position:absolute;right:1rem;bottom:80px;width:240px;max-height:180px;overflow-y:auto;display:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;padding:.5rem;background:var(--spilki-surface);border:1px solid var(--spilki-border);border-radius:12px;box-shadow:0 14px 30px #0f172a40;z-index:4}.emoji-option{width:100%;aspect-ratio:1;border:none;border-radius:8px;background:transparent;font-size:1rem;cursor:pointer}.emoji-option:hover,.emoji-option:focus-visible{background:#94a3b833}.typing{font-size:.75rem;color:var(--spilki-muted);padding:0 1rem .75rem}.typing:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.offline{font-size:.8rem;padding:0 1rem;color:#f97316}:host([data-theme="dark"]){--spilki-surface: var(--spilki-bg-dark);--spilki-text: var(--spilki-text-dark);--spilki-border: var(--spilki-border-dark);--spilki-muted: var(--spilki-muted-dark)}:host([data-theme="dark"]) .messages,:host([data-theme="dark"]) .input-area textarea,:host([data-theme="dark"]) .emoji-picker{scrollbar-color:rgba(255,255,255,.2) transparent}:host([data-theme="light"]){--spilki-surface: var(--spilki-bg-light);--spilki-text: var(--spilki-text-light);--spilki-border: var(--spilki-border-light);--spilki-muted: var(--spilki-muted-light)}:host([data-theme="dark"]) .message .bubble{background:#94a3b81f}:host([data-theme="dark"]) .message.bot .bubble{background:#6366f126}:host([data-theme="dark"]) .input-area textarea{background:transparent}.messages::-webkit-scrollbar,.input-area textarea::-webkit-scrollbar,.emoji-picker::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track,.input-area textarea::-webkit-scrollbar-track,.emoji-picker::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.input-area textarea::-webkit-scrollbar-thumb,.emoji-picker::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.input-area textarea::-webkit-scrollbar-thumb:hover,.emoji-picker::-webkit-scrollbar-thumb:hover{background:#94a3b880}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb{background:#fff3}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb:hover{background:#ffffff59}.conversation-separator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;user-select:none;font-size:.7rem;color:var(--spilki-muted);white-space:nowrap}.conversation-separator:before,.conversation-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.conversation-separator:hover{color:var(--spilki-text)}.conversation-separator:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}.conversation-history{display:none;flex-direction:column;gap:.5rem}.conversation-history.expanded{display:flex}', N = 24 * 60 * 60 * 1e3, ie = 2 * 60 * 1e3, re = 200, oe = [
   "😀",
   "😂",
   "🤣",
@@ -223,10 +223,10 @@ const se = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-
   "☕",
   "🍕"
 ];
-function S(o) {
-  return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function S(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class re {
+class ne {
   constructor(e) {
     this.options = e, this.relativeTimeFormat = new Intl.RelativeTimeFormat(void 0, {
       numeric: "auto"
@@ -241,7 +241,7 @@ class re {
       day: "numeric",
       year: "numeric"
     }), this.renderedMessages = [], this.focusable = [], this.seenIds = /* @__PURE__ */ new Set(), this.lastTimelineMessage = null, this.scrollUnreadCount = 0, this.emojiPickerOpen = !1, this.open = !1, this.host = document.createElement("div"), this.host.setAttribute("part", "panel-root"), this.host.style.position = "fixed", this.host.style.bottom = "96px", this.host.style[e.position === "bottom-right" ? "right" : "left"] = "24px", this.host.style.width = "360px", this.host.style.maxWidth = "calc(100vw - 32px)", this.host.style.height = "520px", this.host.style.display = "none", this.host.style.zIndex = "2147483001", this.shadow = this.host.attachShadow({ mode: "open" });
-    const t = S(e.i18n.title), s = S(e.i18n.typing), i = S(e.i18n.offline), n = S(e.i18n.placeholder), a = S(e.i18n.sendLabel);
+    const t = S(e.i18n.title), s = S(e.i18n.typing), i = S(e.i18n.offline), o = S(e.i18n.placeholder), a = S(e.i18n.sendLabel);
     this.shadow.innerHTML = `
       <style>${se}</style>
       <div class="wrapper" role="dialog" aria-modal="true" aria-label="${t}">
@@ -260,7 +260,7 @@ class re {
         <div class="emoji-picker" aria-label="Emoji picker"></div>
         <div class="input-area">
           <div class="input-wrap">
-            <textarea rows="1" placeholder="${n}" aria-label="${n}"></textarea>
+            <textarea rows="1" placeholder="${o}" aria-label="${o}"></textarea>
             <div class="input-actions">
               <button class="emoji-btn" type="button" aria-label="Insert emoji">
                 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
@@ -279,18 +279,18 @@ class re {
           </div>
         </div>
       </div>
-    `, this.host.dataset.theme = e.theme, this.host.style.setProperty("--spilki-accent", e.color), this.messagesEl = this.shadow.querySelector(".messages"), this.typingEl = this.shadow.querySelector(".typing"), this.input = this.shadow.querySelector("textarea"), this.offlineEl = this.shadow.querySelector(".offline"), this.sendButton = this.shadow.querySelector(".send-btn"), this.emojiButton = this.shadow.querySelector(".emoji-btn"), this.emojiPickerEl = this.shadow.querySelector(".emoji-picker"), this.scrollBottomButton = this.shadow.querySelector(".scroll-bottom"), this.scrollBottomCountEl = this.shadow.querySelector(".scroll-count"), this.closeButton = this.shadow.querySelector("header .close"), this.suggestedRepliesEl = this.shadow.querySelector(".suggested-replies"), this.handleCloseClick = () => this.options.onClose(), this.handleSendClick = () => this.send(), this.handleInputKeydown = (r) => {
-      if (r.key === "Enter" && !r.shiftKey)
-        r.preventDefault(), this.send();
-      else if (r.key === "Escape") {
+    `, this.host.dataset.theme = e.theme, this.host.style.setProperty("--spilki-accent", e.color), this.messagesEl = this.shadow.querySelector(".messages"), this.typingEl = this.shadow.querySelector(".typing"), this.input = this.shadow.querySelector("textarea"), this.offlineEl = this.shadow.querySelector(".offline"), this.sendButton = this.shadow.querySelector(".send-btn"), this.emojiButton = this.shadow.querySelector(".emoji-btn"), this.emojiPickerEl = this.shadow.querySelector(".emoji-picker"), this.scrollBottomButton = this.shadow.querySelector(".scroll-bottom"), this.scrollBottomCountEl = this.shadow.querySelector(".scroll-count"), this.closeButton = this.shadow.querySelector("header .close"), this.suggestedRepliesEl = this.shadow.querySelector(".suggested-replies"), this.handleCloseClick = () => this.options.onClose(), this.handleSendClick = () => this.send(), this.handleInputKeydown = (n) => {
+      if (n.key === "Enter" && !n.shiftKey)
+        n.preventDefault(), this.send();
+      else if (n.key === "Escape") {
         if (this.emojiPickerOpen) {
-          r.stopPropagation(), this.closeEmojiPicker();
+          n.stopPropagation(), this.closeEmojiPicker();
           return;
         }
         this.options.onClose();
       }
-    }, this.handleShadowKeydown = (r) => {
-      const l = r;
+    }, this.handleShadowKeydown = (n) => {
+      const l = n;
       if (l.key === "Escape") {
         if (this.emojiPickerOpen) {
           l.preventDefault(), this.closeEmojiPicker();
@@ -303,9 +303,9 @@ class re {
       this.scrollToBottom(), this.resetScrollUnreadCount();
     }, this.handleEmojiClick = () => {
       this.toggleEmojiPicker();
-    }, this.handleDocumentPointerDown = (r) => {
+    }, this.handleDocumentPointerDown = (n) => {
       if (!this.emojiPickerOpen) return;
-      const l = r.composedPath();
+      const l = n.composedPath();
       l.includes(this.emojiPickerEl) || l.includes(this.emojiButton) || this.closeEmojiPicker();
     }, this.closeButton.addEventListener("click", this.handleCloseClick), this.sendButton.addEventListener("click", this.handleSendClick), this.emojiButton.addEventListener("click", this.handleEmojiClick), this.scrollBottomButton.addEventListener("click", this.handleScrollBottomClick), this.input.addEventListener("keydown", this.handleInputKeydown), this.messagesEl.addEventListener("scroll", this.handleMessagesScroll), this.shadow.addEventListener("keydown", this.handleShadowKeydown), this.shadow.addEventListener("focusin", this.handleFocusin), document.addEventListener("pointerdown", this.handleDocumentPointerDown, !0), this.renderEmojiPicker(), this.updateScrollBottomState(), this.collectFocusable();
   }
@@ -343,8 +343,8 @@ class re {
   renderWithConversations(e, t) {
     this.messagesEl.innerHTML = "", this.seenIds.clear(), this.renderedMessages.length = 0, this.lastTimelineMessage = null;
     for (const s of e) {
-      s.messages.forEach((r) => this.seenIds.add(r.id));
-      const i = this.createHistoryContainer(s.messages), n = s.messages[s.messages.length - 1].ts, a = this.createSeparatorElement(n, i);
+      s.messages.forEach((n) => this.seenIds.add(n.id));
+      const i = this.createHistoryContainer(s.messages), o = s.messages[s.messages.length - 1].ts, a = this.createSeparatorElement(o, i);
       this.messagesEl.appendChild(i), this.messagesEl.appendChild(a);
     }
     t.forEach((s) => {
@@ -412,14 +412,14 @@ class re {
     const s = document.createElement("div");
     s.className = "conversation-separator", s.setAttribute("role", "button"), s.setAttribute("tabindex", "0"), s.setAttribute("aria-expanded", "false"), s.setAttribute("aria-label", "Show previous conversation"), s.textContent = te(e);
     const i = () => {
-      const n = t.classList.toggle("expanded");
-      s.setAttribute("aria-expanded", String(n)), s.setAttribute(
+      const o = t.classList.toggle("expanded");
+      s.setAttribute("aria-expanded", String(o)), s.setAttribute(
         "aria-label",
-        n ? "Hide previous conversation" : "Show previous conversation"
+        o ? "Hide previous conversation" : "Show previous conversation"
       );
     };
-    return s.addEventListener("click", i), s.addEventListener("keydown", (n) => {
-      const a = n;
+    return s.addEventListener("click", i), s.addEventListener("keydown", (o) => {
+      const a = o;
       (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i());
     }), s;
   }
@@ -429,8 +429,8 @@ class re {
     let s = null;
     return e.forEach((i) => {
       this.appendDateSeparatorIfNeeded(s, i, t);
-      const { item: n } = this.createMessageElement(i);
-      t.appendChild(n), s = i;
+      const { item: o } = this.createMessageElement(i);
+      t.appendChild(o), s = i;
     }), t;
   }
   appendTimelineMessage(e) {
@@ -452,18 +452,18 @@ class re {
   }
   formatMessageTimestamp(e) {
     const s = Date.now() - e;
-    if (s < $) {
+    if (s < N) {
       const i = Math.max(1, Math.round(s / 6e4));
       if (i < 60)
         return this.relativeTimeFormat.format(-i, "minute");
-      const n = Math.max(1, Math.round(i / 60));
-      return this.relativeTimeFormat.format(-n, "hour");
+      const o = Math.max(1, Math.round(i / 60));
+      return this.relativeTimeFormat.format(-o, "hour");
     }
     return this.absoluteTimeFormat.format(new Date(e));
   }
   formatDateSeparator(e) {
     const t = new Date(e), s = this.startOfDay(Date.now()), i = this.startOfDay(e);
-    return i === s ? "Today" : i === s - $ ? "Yesterday" : this.dateSeparatorFormat.format(t);
+    return i === s ? "Today" : i === s - N ? "Yesterday" : this.dateSeparatorFormat.format(t);
   }
   isSameDay(e, t) {
     return this.startOfDay(e) === this.startOfDay(t);
@@ -473,7 +473,7 @@ class re {
     return new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime();
   }
   isScrolledUp() {
-    return this.distanceFromBottom() > oe;
+    return this.distanceFromBottom() > re;
   }
   distanceFromBottom() {
     return this.messagesEl.scrollHeight - this.messagesEl.scrollTop - this.messagesEl.clientHeight;
@@ -520,7 +520,7 @@ class re {
     this.emojiPickerOpen && (this.emojiPickerOpen = !1, this.emojiPickerEl.style.display = "none", this.emojiButton.setAttribute("aria-expanded", "false"), this.collectFocusable());
   }
   renderEmojiPicker() {
-    this.emojiPickerEl.replaceChildren(), ne.forEach((e) => {
+    this.emojiPickerEl.replaceChildren(), oe.forEach((e) => {
       const t = document.createElement("button");
       t.type = "button", t.className = "emoji-option", t.textContent = e, t.setAttribute("aria-label", `Insert ${e}`), t.addEventListener("click", () => {
         this.insertEmojiAtCursor(e), this.closeEmojiPicker();
@@ -528,11 +528,11 @@ class re {
     });
   }
   insertEmojiAtCursor(e) {
-    var a, r;
-    const t = this.input.value, s = (a = this.input.selectionStart) != null ? a : t.length, i = (r = this.input.selectionEnd) != null ? r : t.length;
+    var a, n;
+    const t = this.input.value, s = (a = this.input.selectionStart) != null ? a : t.length, i = (n = this.input.selectionEnd) != null ? n : t.length;
     this.input.value = `${t.slice(0, s)}${e}${t.slice(i)}`;
-    const n = s + e.length;
-    this.input.setSelectionRange(n, n), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
+    const o = s + e.length;
+    this.input.setSelectionRange(o, o), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
   }
   collectFocusable() {
     const e = this.shadow.querySelectorAll(
@@ -548,63 +548,57 @@ class re {
     e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
   }
 }
-function ae(o) {
-  if (!(o instanceof HTMLElement) || o.hasAttribute("disabled") || o.getAttribute("aria-disabled") === "true" || o.hasAttribute("inert"))
+function ae(r) {
+  if (!(r instanceof HTMLElement) || r.hasAttribute("disabled") || r.getAttribute("aria-disabled") === "true" || r.hasAttribute("inert"))
     return !1;
-  const e = getComputedStyle(o);
+  const e = getComputedStyle(r);
   if (e.display === "none" || e.visibility === "hidden" || e.pointerEvents === "none")
     return !1;
-  const t = o.tagName;
-  if (t === "BUTTON" || t === "SELECT" || t === "TEXTAREA" || t === "A" && o.hasAttribute("href") || t === "INPUT" && o.type !== "hidden" || t === "IFRAME") return !0;
-  const s = o.getAttribute("role");
-  if (s === "button" || s === "link" || o.getAttribute("contenteditable") === "true") return !0;
-  const i = o.getAttribute("tabindex");
+  const t = r.tagName;
+  if (t === "BUTTON" || t === "SELECT" || t === "TEXTAREA" || t === "A" && r.hasAttribute("href") || t === "INPUT" && r.type !== "hidden" || t === "IFRAME") return !0;
+  const s = r.getAttribute("role");
+  if (s === "button" || s === "link" || r.getAttribute("contenteditable") === "true") return !0;
+  const i = r.getAttribute("tabindex");
   return i !== null && i !== "-1";
 }
-function K(o, e, t) {
-  const s = document.elementsFromPoint(o, e);
+function K(r, e, t) {
+  const s = document.elementsFromPoint(r, e);
   for (const i of s) {
     if (t.has(i)) continue;
-    let n = !1;
+    let o = !1;
     for (const a of t)
       if (a.contains(i)) {
-        n = !0;
+        o = !0;
         break;
       }
-    if (!n && ae(i))
+    if (!o && ae(i))
       return !0;
   }
   return !1;
 }
-function N(o, e) {
-  const t = [
-    [o.x + o.width / 2, o.y + o.height / 2],
-    [o.x + o.width / 2, o.y + 4],
-    [o.x + o.width / 2, o.y + o.height - 4],
-    [o.x + 4, o.y + o.height / 2],
-    [o.x + o.width - 4, o.y + o.height / 2]
-  ];
-  for (const [s, i] of t)
-    if (K(s, i, e)) return !0;
+function O(r, e) {
+  for (let s = r.x + 4; s <= r.x + r.width - 4; s += 8)
+    for (let i = r.y + 4; i <= r.y + r.height - 4; i += 8)
+      if (K(s, i, e)) return !0;
   return !1;
 }
 function F() {
-  var o, e;
-  return (e = (o = window.matchMedia) == null ? void 0 : o.call(window, "(pointer: coarse)").matches) != null ? e : !1;
+  var r, e;
+  return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(pointer: coarse)").matches) != null ? e : !1;
 }
-function le(o) {
-  return o === "bottom-right" ? "bottom-left" : "bottom-right";
+function le(r) {
+  return r === "bottom-right" ? "bottom-left" : "bottom-right";
 }
 class ce {
   constructor(e) {
-    this.rafId = 0, this.pendingX = 0, this.pendingY = 0, this.pendingUpdate = !1, this.passthrough = !1, this.cachedRect = null, this.bubble = e.bubble, this.widgetHosts = e.widgetHosts, this.currentPosition = e.position, this.handlePointerMove = (t) => this.onPointerMove(t), this.handlePointerUp = () => this.exitPassthrough(), this.handleScroll = () => this.onLayoutChange(), this.handleResize = () => this.onLayoutChange(), window.addEventListener("scroll", this.handleScroll, { passive: !0 }), window.addEventListener("resize", this.handleResize, { passive: !0 }), F() ? this.scheduleAutoDockCheck() : (document.addEventListener("pointermove", this.handlePointerMove, {
+    this.rafId = 0, this.pendingX = 0, this.pendingY = 0, this.pendingUpdate = !1, this.passthrough = !1, this.overlapping = !1, this.cachedRect = null, this.recheckTimer = 0, this.bubble = e.bubble, this.widgetHosts = e.widgetHosts, this.currentPosition = e.position, this.handlePointerMove = (t) => this.onPointerMove(t), this.handlePointerUp = () => this.exitPassthrough(), this.handleScroll = () => this.onLayoutChange(), this.handleResize = () => this.onLayoutChange(), window.addEventListener("scroll", this.handleScroll, { passive: !0 }), window.addEventListener("resize", this.handleResize, { passive: !0 }), F() ? this.scheduleAutoDockCheck() : (document.addEventListener("pointermove", this.handlePointerMove, {
       passive: !0
     }), document.addEventListener("pointerup", this.handlePointerUp, {
       passive: !0
-    })), requestAnimationFrame(() => this.onLayoutChange());
+    })), requestAnimationFrame(() => this.onLayoutChange()), this.recheckTimer = window.setInterval(() => this.onLayoutChange(), 2e3);
   }
   destroy() {
-    document.removeEventListener("pointermove", this.handlePointerMove), document.removeEventListener("pointerup", this.handlePointerUp), window.removeEventListener("scroll", this.handleScroll), window.removeEventListener("resize", this.handleResize), this.rafId && cancelAnimationFrame(this.rafId), this.exitPassthrough();
+    document.removeEventListener("pointermove", this.handlePointerMove), document.removeEventListener("pointerup", this.handlePointerUp), window.removeEventListener("scroll", this.handleScroll), window.removeEventListener("resize", this.handleResize), this.rafId && cancelAnimationFrame(this.rafId), this.recheckTimer && clearInterval(this.recheckTimer), this.exitPassthrough();
   }
   onPointerMove(e) {
     this.pendingX = e.clientX, this.pendingY = e.clientY, this.pendingUpdate || (this.pendingUpdate = !0, this.rafId = requestAnimationFrame(() => this.tick()));
@@ -616,16 +610,16 @@ class ce {
       this.passthrough && this.exitPassthrough();
       return;
     }
-    const n = this.bubble.element, a = n.style.pointerEvents;
-    n.style.pointerEvents = "none";
-    const r = K(t, s, this.widgetHosts);
-    n.style.pointerEvents = a, r && !this.passthrough ? this.enterPassthrough() : !r && this.passthrough && this.exitPassthrough();
+    const o = this.bubble.element, a = o.style.pointerEvents;
+    o.style.pointerEvents = "none";
+    const n = K(t, s, this.widgetHosts);
+    o.style.pointerEvents = a, n && !this.passthrough ? this.enterPassthrough() : !n && this.passthrough && this.exitPassthrough();
   }
   enterPassthrough() {
     this.passthrough = !0, this.bubble.setDimmed(!0), this.bubble.setPassthrough(!0);
   }
   exitPassthrough() {
-    this.passthrough && (this.passthrough = !1, this.bubble.setDimmed(!1), this.bubble.setPassthrough(!1));
+    this.passthrough && (this.passthrough = !1, this.bubble.setPassthrough(!1), this.bubble.setDimmed(this.overlapping));
   }
   scheduleAutoDockCheck() {
     requestAnimationFrame(() => this.autoDockIfNeeded());
@@ -634,21 +628,27 @@ class ce {
     this.invalidateRect();
     const e = this.getBubbleRect(), t = this.bubble.element, s = t.style.pointerEvents;
     t.style.pointerEvents = "none";
-    const i = N(e, this.widgetHosts);
+    const i = O(e, this.widgetHosts);
     if (t.style.pointerEvents = s, !i) return;
-    const n = le(this.currentPosition);
-    this.currentPosition = n, this.bubble.setPosition(n), this.invalidateRect(), requestAnimationFrame(() => {
-      const a = this.getBubbleRect(), r = this.bubble.element, l = r.style.pointerEvents;
-      r.style.pointerEvents = "none";
-      const p = N(
+    const o = le(this.currentPosition);
+    this.currentPosition = o, this.bubble.setPosition(o), this.invalidateRect(), requestAnimationFrame(() => {
+      const a = this.getBubbleRect(), n = this.bubble.element, l = n.style.pointerEvents;
+      n.style.pointerEvents = "none";
+      const p = O(
         a,
         this.widgetHosts
       );
-      r.style.pointerEvents = l, p && this.bubble.setDimmed(!0);
+      n.style.pointerEvents = l, p && this.bubble.setDimmed(!0);
     });
   }
   onLayoutChange() {
-    this.invalidateRect(), F() && this.autoDockIfNeeded();
+    this.invalidateRect(), F() ? this.autoDockIfNeeded() : this.checkOverlapState();
+  }
+  checkOverlapState() {
+    const e = this.getBubbleRect(), t = this.bubble.element, s = t.style.pointerEvents;
+    t.style.pointerEvents = "none";
+    const i = O(e, this.widgetHosts);
+    t.style.pointerEvents = s, i !== this.overlapping && (this.overlapping = i, this.bubble.setDimmed(i));
   }
   getBubbleRect() {
     return this.cachedRect || (this.cachedRect = this.bubble.element.getBoundingClientRect()), this.cachedRect;
@@ -669,8 +669,8 @@ class he {
     const t = {};
     for (const [s, i] of Object.entries(e))
       if (typeof i == "string") {
-        const n = i.trim();
-        n && (t[s] = n);
+        const o = i.trim();
+        o && (t[s] = o);
       }
     this.user = t, this.sessionId && this.sendIdentify().catch(
       (s) => this.handlers.onError(s)
@@ -709,9 +709,9 @@ class he {
     }
   }
   async doConnect() {
-    var a, r;
+    var a, n;
     this.stopped = !1;
-    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/session`, t = (r = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? r : void 0, s = {
+    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/session`, t = (n = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? n : void 0, s = {
       organisationId: this.options.org,
       sessionId: t,
       userAgent: typeof navigator != "undefined" ? navigator.userAgent : "",
@@ -728,13 +728,13 @@ class he {
     });
     if (!i.ok)
       throw new Error(`SpilkiWidget: connect failed (${i.status})`);
-    const n = await i.json();
-    return this.sessionId = n.sessionId, this.options.sessionId = n.sessionId, this.backoff = v, await this.startTransport(n), n;
+    const o = await i.json();
+    return this.sessionId = o.sessionId, this.options.sessionId = o.sessionId, this.backoff = v, await this.startTransport(o), o;
   }
   async send(e, t) {
-    var a, r, l;
+    var a, n, l;
     const s = {
-      sessionId: (r = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? r : "",
+      sessionId: (n = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? n : "",
       text: e,
       ...t ? { messageId: t } : {},
       ...(l = this.user) != null && l.userId ? { userId: this.user.userId } : {}
@@ -745,7 +745,7 @@ class he {
       this.ws.send(JSON.stringify({ type: "message", payload: s }));
       return;
     }
-    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, n = await fetch(i, {
+    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, o = await fetch(i, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -753,8 +753,8 @@ class he {
       },
       body: JSON.stringify(s)
     });
-    if (!n.ok)
-      throw new Error(`SpilkiWidget: send failed (${n.status})`);
+    if (!o.ok)
+      throw new Error(`SpilkiWidget: send failed (${o.status})`);
   }
   // #1: accept resetBackoff param; #8 #9: clear retryTimer
   stop(e = !0) {
@@ -784,7 +784,7 @@ class he {
             return;
           }
           this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = v, t();
-        }, this.wsOnMessage = (n) => this.handleIncoming(n.data), this.wsOnClose = () => {
+        }, this.wsOnMessage = (o) => this.handleIncoming(o.data), this.wsOnClose = () => {
           this.stopped || this.retryFallback("ws");
         }, this.wsOnError = () => {
           this.handlers.onError(new Error("SpilkiWidget: websocket error")), i.readyState !== WebSocket.OPEN && s(new Error("WebSocket failed"));
@@ -804,8 +804,8 @@ class he {
           "X-Authorization": `Bearer ${this.options.accessToken}`
         },
         signal: i.signal
-      }).then((n) => {
-        if (!n.ok || !n.body) {
+      }).then((o) => {
+        if (!o.ok || !o.body) {
           s(new Error("SSE failed"));
           return;
         }
@@ -814,7 +814,7 @@ class he {
           return;
         }
         this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = v, t();
-        const a = n.body.getReader(), r = new TextDecoder();
+        const a = o.body.getReader(), n = new TextDecoder();
         let l = "";
         const p = () => {
           a.read().then(({ done: u, value: h }) => {
@@ -823,7 +823,7 @@ class he {
               this.stopped || (this.handlers.onError(new Error("SpilkiWidget: SSE stream ended")), this.retryFallback("sse"));
               return;
             }
-            l += r.decode(h, { stream: !0 });
+            l += n.decode(h, { stream: !0 });
             const d = l.split(`
 
 `);
@@ -838,8 +838,8 @@ class he {
           });
         };
         p();
-      }).catch((n) => {
-        i.signal.aborted || s(n);
+      }).catch((o) => {
+        i.signal.aborted || s(o);
       });
     });
   }
@@ -856,7 +856,7 @@ class he {
           });
           if (!s.ok) throw new Error(`Poll failed ${s.status}`);
           const i = await s.json();
-          A(i).forEach((n) => this.handlers.onMessage(n)), this.backoff = v;
+          A(i).forEach((o) => this.handlers.onMessage(o)), this.backoff = v;
         } catch (s) {
           this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, W);
         } finally {
@@ -894,12 +894,12 @@ class he {
   }
 }
 const de = /* @__PURE__ */ new Set(["TYPING", "THINKING", "SEARCHING", "EXECUTING_TOOL"]);
-function ue(o) {
-  if (typeof o != "object" || o === null) return !1;
-  const e = o;
+function ue(r) {
+  if (typeof r != "object" || r === null) return !1;
+  const e = r;
   return de.has(e.eventType);
 }
-const H = 30 * 60 * 1e3, pe = 3e4, O = 30;
+const H = 30 * 60 * 1e3, pe = 3e4, M = 30;
 class ge {
   constructor(e, t) {
     this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.state = {
@@ -948,10 +948,10 @@ class ge {
       author: e.author,
       text: e.text
     };
-    return this.state.messages.some((n) => n.id === t.id) ? null : (this.state.messages = A([...this.state.messages, t], O), this.resetAgentActivity(), this.persistMessages(), this.touchActivity(), this.emit(), t);
+    return this.state.messages.some((o) => o.id === t.id) ? null : (this.state.messages = A([...this.state.messages, t], M), this.resetAgentActivity(), this.persistMessages(), this.touchActivity(), this.emit(), t);
   }
   setMessages(e) {
-    this.state.messages = A(e, O), this.persistMessages(), this.emit();
+    this.state.messages = A(e, M), this.persistMessages(), this.emit();
   }
   clearMessages() {
     this.state.messages = [], this.persistMessages(), this.emit();
@@ -1071,14 +1071,14 @@ class ge {
       const e = localStorage.getItem(this.historyKey);
       if (!e) return [];
       const t = JSON.parse(e);
-      return Array.isArray(t) ? A(t, O) : [];
+      return Array.isArray(t) ? A(t, M) : [];
     } catch (e) {
       return console.error("SpilkiWidget: unable to load messages", e), [];
     }
   }
 }
-function me(o) {
-  const e = o.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
+function me(r) {
+  const e = r.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
   if (typeof atob == "function")
     return decodeURIComponent(
       Array.prototype.map.call(atob(t), (i) => `%${`00${i.charCodeAt(0).toString(16)}`.slice(-2)}`).join("")
@@ -1088,9 +1088,9 @@ function me(o) {
     return s.from(t, "base64").toString("utf8");
   throw new Error("SpilkiWidget: no base64 decoder available");
 }
-function fe(o) {
-  if (!o) return null;
-  const e = o.split(".");
+function fe(r) {
+  if (!r) return null;
+  const e = r.split(".");
   if (e.length < 2) return null;
   try {
     const t = me(e[1]);
@@ -1099,8 +1099,8 @@ function fe(o) {
     return console.error("SpilkiWidget: unable to parse JWT", t), null;
   }
 }
-function be(o) {
-  const e = fe(o);
+function be(r) {
+  const e = fe(r);
   if (!(e != null && e.exp) || typeof e.exp != "number") return !0;
   const t = Math.floor(Date.now() / 1e3);
   return e.exp < t + 60;
@@ -1117,8 +1117,8 @@ const ke = {
   onTransportChange() {
   }
 };
-async function ye(o, e, t) {
-  const s = `${o.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
+async function ye(r, e, t) {
+  const s = `${r.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
     method: "POST",
     headers: { "Content-Type": "application/json", Origin: window.location.origin },
     body: JSON.stringify({ token: e, organisationId: t })
@@ -1126,103 +1126,103 @@ async function ye(o, e, t) {
   if (!i.ok) throw new Error(`SpilkiWidget: install failed (${i.status})`);
   return (await i.json()).accessToken;
 }
-async function we(o, e) {
-  const t = `${o.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
+async function we(r, e) {
+  const t = `${r.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
     method: "POST",
     headers: { "X-Authorization": `Bearer ${e}`, Origin: window.location.origin }
   });
   if (!s.ok) throw new Error(`SpilkiWidget: refresh failed (${s.status})`);
   return (await s.json()).accessToken;
 }
-function ve(o) {
+function ve(r) {
   let e = !1, t = null;
   const s = [], i = () => {
-    var r;
-    if (!o) return null;
+    var n;
+    if (!r) return null;
     if (t) return t;
     try {
-      const l = (r = window.AudioContext) != null ? r : window.webkitAudioContext;
+      const l = (n = window.AudioContext) != null ? n : window.webkitAudioContext;
       if (!l) return null;
       t = new l();
     } catch {
       return null;
     }
     return t;
-  }, n = () => {
+  }, o = () => {
     e = !0;
     try {
-      const r = i();
-      (r == null ? void 0 : r.state) === "suspended" && r.resume().catch(() => {
+      const n = i();
+      (n == null ? void 0 : n.state) === "suspended" && n.resume().catch(() => {
       });
     } catch {
     }
-  }, a = (r) => {
+  }, a = (n) => {
     const l = () => {
-      n(), window.removeEventListener(r, l, !0);
+      o(), window.removeEventListener(n, l, !0);
     };
-    s.push({ type: r, listener: l }), window.addEventListener(r, l, { capture: !0, passive: !0 });
+    s.push({ type: n, listener: l }), window.addEventListener(n, l, { capture: !0, passive: !0 });
   };
   return a("pointerdown"), a("keydown"), {
-    markUserInteraction: n,
+    markUserInteraction: o,
     play() {
-      if (!o || !e) return;
-      const r = i();
-      if (!r || r.state !== "running") return;
-      const l = r.createGain();
-      l.gain.value = 0.15, l.connect(r.destination);
+      if (!r || !e) return;
+      const n = i();
+      if (!n || n.state !== "running") return;
+      const l = n.createGain();
+      l.gain.value = 0.15, l.connect(n.destination);
       const p = (h, d, y) => {
-        const f = r.createOscillator(), g = r.createGain();
+        const f = n.createOscillator(), g = n.createGain();
         f.type = "sine", f.frequency.setValueAtTime(h, d), g.gain.setValueAtTime(1e-4, d), g.gain.exponentialRampToValueAtTime(1, d + 0.012), g.gain.exponentialRampToValueAtTime(1e-4, d + y), f.connect(g), g.connect(l), f.start(d), f.stop(d + y + 0.02);
-      }, u = r.currentTime;
+      }, u = n.currentTime;
       p(880, u, 0.08), p(1175, u + 0.09, 0.08);
     },
     destroy() {
-      s.forEach(({ type: r, listener: l }) => {
-        window.removeEventListener(r, l, !0);
+      s.forEach(({ type: n, listener: l }) => {
+        window.removeEventListener(n, l, !0);
       }), s.length = 0, t && t.close().catch(() => {
       }), t = null;
     }
   };
 }
-function z(o) {
-  var B, L, D, j, U;
-  if (!o.org)
+function z(r) {
+  var L, D, j, U, R;
+  if (!r.org)
     throw new Error("SpilkiWidget: org is required");
-  const e = J(o);
+  const e = J(r);
   Q(e.allowedOriginsHint);
-  const t = { ...ke, ...(B = e.hooks) != null ? B : {} }, s = new ge(e.org, { persist: e.persist }), i = ve(e.sound);
-  let n = (L = s.accessToken) != null ? L : void 0, a = null;
-  const r = () => {
+  const t = { ...ke, ...(L = e.hooks) != null ? L : {} }, s = new ge(e.org, { persist: e.persist }), i = ve(e.sound);
+  let o = (D = s.accessToken) != null ? D : void 0, a = null;
+  const n = () => {
     u.setBadge(s.countUnread());
   }, l = () => {
     s.markRead(), u.setBadge(0);
   }, p = async () => a || (a = (async () => {
     try {
-      if (n && be(n))
+      if (o && be(o))
         try {
-          n = await we(e.apiBase, n), s.persistAccessToken(n), d.setAccessToken(n);
+          o = await we(e.apiBase, o), s.persistAccessToken(o), d.setAccessToken(o);
           return;
         } catch {
-          n = void 0, s.clearAccessToken();
+          o = void 0, s.clearAccessToken();
         }
-      if (!n) {
-        if (!o.installationToken) throw new Error("SpilkiWidget: missing installationToken");
-        if (!o.org) throw new Error("SpilkiWidget: missing org");
-        n = await ye(e.apiBase, o.installationToken, o.org), s.persistAccessToken(n), d.setAccessToken(n);
+      if (!o) {
+        if (!r.installationToken) throw new Error("SpilkiWidget: missing installationToken");
+        if (!r.org) throw new Error("SpilkiWidget: missing org");
+        o = await ye(e.apiBase, r.installationToken, r.org), s.persistAccessToken(o), d.setAccessToken(o);
       }
     } finally {
       a = null;
     }
   })(), a), u = G({
     color: e.color,
-    position: (D = e.position) != null ? D : "bottom-right",
+    position: (j = e.position) != null ? j : "bottom-right",
     onClick: () => {
       s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), l(), t.onOpen());
     }
-  }), h = new re({
+  }), h = new ne({
     color: e.color,
-    theme: R(e.theme),
-    position: (j = e.position) != null ? j : "bottom-right",
+    theme: $(e.theme),
+    position: (U = e.position) != null ? U : "bottom-right",
     i18n: e.i18n,
     onClose: () => {
       s.close(), t.onClose();
@@ -1236,7 +1236,7 @@ function z(o) {
   }), d = new he(
     {
       apiBase: e.apiBase,
-      accessToken: n,
+      accessToken: o,
       org: e.org,
       sessionId: s.sessionId
     },
@@ -1246,7 +1246,7 @@ function z(o) {
       },
       onMessage(c) {
         const m = c.suggestedReplies, k = s.addMessage(c);
-        k && (h.appendMessage(k), k.author === "bot" && m && m.length > 0 && h.setSuggestedReplies(m), !s.snapshot.isOpen && k.author === "bot" && (r(), i.play()), t.onMessage(k));
+        k && (h.appendMessage(k), k.author === "bot" && m && m.length > 0 && h.setSuggestedReplies(m), !s.snapshot.isOpen && k.author === "bot" && (n(), i.play()), t.onMessage(k));
       },
       onTyping() {
         s.handleAgentEvent("TYPING");
@@ -1260,11 +1260,11 @@ function z(o) {
     }
   );
   u.mount(), h.mount();
-  const y = (U = e.position) != null ? U : "bottom-right", f = /* @__PURE__ */ new Set([u.element, h.element]), g = new ce({
+  const y = (R = e.position) != null ? R : "bottom-right", f = /* @__PURE__ */ new Set([u.element, h.element]), g = new ce({
     bubble: u,
     widgetHosts: f,
     position: y
-  }), T = s.snapshot.messages, P = s.isSessionExpired(), x = s.getConversationGroups();
+  }), T = s.snapshot.messages, B = s.isSessionExpired(), x = s.getConversationGroups();
   if (T.length === 0 && e.welcome) {
     const c = {
       id: "welcome",
@@ -1273,11 +1273,11 @@ function z(o) {
       ts: Date.now()
     };
     s.addMessage(c), h.appendMessage(c);
-  } else P && T.length > 0 ? h.renderWithConversations(x, []) : x.length > 1 ? h.renderWithConversations(x.slice(0, -1), x[x.length - 1].messages) : h.updateMessages(T);
+  } else B && T.length > 0 ? h.renderWithConversations(x, []) : x.length > 1 ? h.renderWithConversations(x.slice(0, -1), x[x.length - 1].messages) : h.updateMessages(T);
   let C = !1;
   const _ = s.subscribe(() => {
     const c = s.snapshot;
-    if (u.setOpen(c.isOpen), h.setAgentActivity(c.agentActivity, e.i18n), h.setOffline(!c.isConnected), h.updateTheme(R(e.theme)), c.isOpen) {
+    if (u.setOpen(c.isOpen), h.setAgentActivity(c.agentActivity, e.i18n), h.setOffline(!c.isConnected), h.updateTheme($(e.theme)), c.isOpen) {
       if (!C) {
         const b = s.countUnread() > 0, m = s.lastReadTs;
         l(), b && h.scrollToFirstUnread(m);
@@ -1285,8 +1285,8 @@ function z(o) {
       C = !0, h.show();
     } else
       C = !1, h.hide();
-  }), q = T.length === 0 || P;
-  r(), p().then(
+  }), q = T.length === 0 || B;
+  n(), p().then(
     () => d.connect().then((c) => {
       var m, k;
       e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((m = d.kind) != null ? m : "ws");
@@ -1316,9 +1316,9 @@ function z(o) {
 function Ee() {
   var s, i;
   if (typeof document == "undefined") return;
-  const o = document.currentScript;
-  if (!o) return;
-  const e = o.dataset;
+  const r = document.currentScript;
+  if (!r) return;
+  const e = r.dataset;
   if (e.autoinit === "false") return;
   const t = e.org;
   if (!t) {
@@ -1334,8 +1334,8 @@ function Ee() {
   });
 }
 let E = null;
-typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (o) => (E = z(o), E), window.SpilkiWidget.identify = (o) => {
-  E ? E.identify(o) : console.warn("SpilkiWidget: call init() before identify()");
+typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (r) => (E = z(r), E), window.SpilkiWidget.identify = (r) => {
+  E ? E.identify(r) : console.warn("SpilkiWidget: call init() before identify()");
 });
 Ee();
 export {