@spilki/widget 1.0.31 → 1.0.33

package/dist/bootstrap.es.js

@@ -1,4 +1,4 @@
-const R = `
+const F = `
   <style>
     :host {
       all: initial;
@@ -71,13 +71,13 @@ const R = `
     <span class="badge" hidden aria-hidden="true">0</span>
   </button>
 `;
-function K(r) {
+function R(o) {
   const e = document.createElement("div");
-  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", r.position), e.style.setProperty("--spilki-accent", r.color);
+  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", o.position), e.style.setProperty("--spilki-accent", o.color);
   const t = e.attachShadow({ mode: "open" });
-  t.innerHTML = R;
+  t.innerHTML = F;
   const s = t.querySelector("button"), i = t.querySelector(".badge");
-  return s.addEventListener("click", () => r.onClick()), {
+  return s.addEventListener("click", () => o.onClick()), {
     element: e,
     mount() {
       document.body.appendChild(e);
@@ -98,65 +98,68 @@ function K(r) {
     }
   };
 }
-const N = "https://api.spilki.app", T = {
+const K = "https://api.spilki.app", C = {
   welcome: "Hi! I'm your assistant.",
   placeholder: "Type a message…",
   sendLabel: "Send",
-  typing: "Assistant is typing…",
+  typing: "Assistant is typing",
+  thinking: "Assistant is thinking",
+  searching: "Searching",
+  executingTool: "Working on it",
   offline: "Unable to connect. Please try again later.",
   title: "Spilki Assistant"
-}, k = {
-  apiBase: N,
+}, w = {
+  apiBase: K,
   position: "bottom-right",
   theme: "auto",
   color: "#6366f1",
-  welcome: T.welcome,
+  welcome: C.welcome,
   persist: !0,
   sound: !0,
-  i18n: T
+  i18n: C
 };
-function H(r) {
-  var t, s, i, o, a, n, l, g;
-  const e = { ...T, ...(t = r.i18n) != null ? t : {} };
+function H(o) {
+  var t, s, i, r, a, n, l, g;
+  const e = { ...C, ...(t = o.i18n) != null ? t : {} };
   return {
-    ...k,
-    ...r,
-    apiBase: (s = r.apiBase) != null ? s : k.apiBase,
+    ...w,
+    ...o,
+    apiBase: (s = o.apiBase) != null ? s : w.apiBase,
     i18n: e,
-    welcome: (i = r.welcome) != null ? i : e.welcome,
-    position: (o = r.position) != null ? o : k.position,
-    theme: (a = r.theme) != null ? a : k.theme,
-    color: (n = r.color) != null ? n : k.color,
-    persist: (l = r.persist) != null ? l : k.persist,
-    sound: (g = r.sound) != null ? g : k.sound
+    welcome: (i = o.welcome) != null ? i : e.welcome,
+    position: (r = o.position) != null ? r : w.position,
+    theme: (a = o.theme) != null ? a : w.theme,
+    color: (n = o.color) != null ? n : w.color,
+    persist: (l = o.persist) != null ? l : w.persist,
+    sound: (g = o.sound) != null ? g : w.sound
   };
 }
-function z(r = "msg") {
-  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
+function z(o = "msg") {
+  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${o}-${Math.random().toString(16).slice(2)}`;
 }
-function q() {
-  var r, e;
-  return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
+function _() {
+  var o, e;
+  return (e = (o = window.matchMedia) == null ? void 0 : o.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
 }
-function j(r) {
-  return r === "light" || r === "dark" ? r : q() ? "dark" : "light";
+function P(o) {
+  return o === "light" || o === "dark" ? o : _() ? "dark" : "light";
 }
-function x(r, e = 30) {
-  return r.slice(-e);
+function x(o, e = 30) {
+  return o.slice(-e);
 }
-function _(r) {
-  if (!r || r.length === 0) return;
+function G(o) {
+  if (!o || o.length === 0) return;
   const e = window.location.origin;
-  r.includes(e) || console.warn(
-    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${r.join(", ")}`
+  o.includes(e) || console.warn(
+    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${o.join(", ")}`
   );
 }
-const J = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function V(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}` : `${J[e.getMonth()]} ${e.getDate()}, ${i}`;
+const q = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function Y(o) {
+  const e = new Date(o), t = /* @__PURE__ */ new Date(), s = (l) => String(l).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, r = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), a = r - 864e5, n = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+  return n === r ? `Today at ${i}` : n === a ? `Yesterday at ${i}` : `${q[e.getMonth()]} ${e.getDate()}, ${i}`;
 }
-const Y = ':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:.5rem;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}.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}', P = 24 * 60 * 60 * 1e3, G = 2 * 60 * 1e3, X = 200, Z = [
+const V = ':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}', j = 24 * 60 * 60 * 1e3, J = 2 * 60 * 1e3, X = 200, Z = [
   "😀",
   "😂",
   "🤣",
@@ -208,8 +211,8 @@ const Y = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-t
   "☕",
   "🍕"
 ];
-function v(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function E(o) {
+  return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 class Q {
   constructor(e) {
@@ -226,9 +229,9 @@ class Q {
       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 = v(e.i18n.title), s = v(e.i18n.typing), i = v(e.i18n.offline), o = v(e.i18n.placeholder), a = v(e.i18n.sendLabel);
+    const t = E(e.i18n.title), s = E(e.i18n.typing), i = E(e.i18n.offline), r = E(e.i18n.placeholder), a = E(e.i18n.sendLabel);
     this.shadow.innerHTML = `
-      <style>${Y}</style>
+      <style>${V}</style>
       <div class="wrapper" role="dialog" aria-modal="true" aria-label="${t}">
         <header>
           <h1><span class="status-dot" aria-hidden="true"></span>${t}</h1>
@@ -245,7 +248,7 @@ class Q {
         <div class="emoji-picker" aria-label="Emoji picker"></div>
         <div class="input-area">
           <div class="input-wrap">
-            <textarea rows="1" placeholder="${o}" aria-label="${o}"></textarea>
+            <textarea rows="1" placeholder="${r}" aria-label="${r}"></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">
@@ -326,7 +329,7 @@ class Q {
     this.messagesEl.innerHTML = "", this.seenIds.clear(), this.renderedMessages.length = 0, this.lastTimelineMessage = null;
     for (const s of e) {
       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);
+      const i = this.createHistoryContainer(s.messages), r = s.messages[s.messages.length - 1].ts, a = this.createSeparatorElement(r, i);
       this.messagesEl.appendChild(i), this.messagesEl.appendChild(a);
     }
     t.forEach((s) => {
@@ -355,6 +358,20 @@ class Q {
   hideSuggestedReplies() {
     this.suggestedRepliesEl.toggleAttribute("hidden", !0), this.suggestedRepliesEl.replaceChildren(), this.collectFocusable(), this.focusInput();
   }
+  setAgentActivity(e, t) {
+    var i;
+    if (e === null) {
+      this.typingEl.toggleAttribute("hidden", !0);
+      return;
+    }
+    const s = {
+      TYPING: t.typing,
+      THINKING: t.thinking,
+      SEARCHING: t.searching,
+      EXECUTING_TOOL: t.executingTool
+    };
+    this.typingEl.textContent = (i = s[e]) != null ? i : t.typing, this.typingEl.toggleAttribute("hidden", !1);
+  }
   setTyping(e) {
     this.typingEl.toggleAttribute("hidden", !e);
   }
@@ -378,16 +395,16 @@ class Q {
   }
   createSeparatorElement(e, t) {
     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 = V(e);
+    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 = Y(e);
     const i = () => {
-      const o = t.classList.toggle("expanded");
-      s.setAttribute("aria-expanded", String(o)), s.setAttribute(
+      const r = t.classList.toggle("expanded");
+      s.setAttribute("aria-expanded", String(r)), s.setAttribute(
         "aria-label",
-        o ? "Hide previous conversation" : "Show previous conversation"
+        r ? "Hide previous conversation" : "Show previous conversation"
       );
     };
-    return s.addEventListener("click", i), s.addEventListener("keydown", (o) => {
-      const a = o;
+    return s.addEventListener("click", i), s.addEventListener("keydown", (r) => {
+      const a = r;
       (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i());
     }), s;
   }
@@ -397,8 +414,8 @@ class Q {
     let s = null;
     return e.forEach((i) => {
       this.appendDateSeparatorIfNeeded(s, i, t);
-      const { item: o } = this.createMessageElement(i);
-      t.appendChild(o), s = i;
+      const { item: r } = this.createMessageElement(i);
+      t.appendChild(r), s = i;
     }), t;
   }
   appendTimelineMessage(e) {
@@ -414,24 +431,24 @@ class Q {
   }
   updateTimestampVisibility() {
     for (let e = 0; e < this.renderedMessages.length; e += 1) {
-      const t = this.renderedMessages[e], s = this.renderedMessages[e + 1], i = !!s && s.message.author === t.message.author && s.message.ts - t.message.ts <= G && s.message.ts >= t.message.ts;
+      const t = this.renderedMessages[e], s = this.renderedMessages[e + 1], i = !!s && s.message.author === t.message.author && s.message.ts - t.message.ts <= J && s.message.ts >= t.message.ts;
       t.timeEl.toggleAttribute("hidden", i), t.timeEl.textContent = this.formatMessageTimestamp(t.message.ts);
     }
   }
   formatMessageTimestamp(e) {
     const s = Date.now() - e;
-    if (s < P) {
+    if (s < j) {
       const i = Math.max(1, Math.round(s / 6e4));
       if (i < 60)
         return this.relativeTimeFormat.format(-i, "minute");
-      const o = Math.max(1, Math.round(i / 60));
-      return this.relativeTimeFormat.format(-o, "hour");
+      const r = Math.max(1, Math.round(i / 60));
+      return this.relativeTimeFormat.format(-r, "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 - P ? "Yesterday" : this.dateSeparatorFormat.format(t);
+    return i === s ? "Today" : i === s - j ? "Yesterday" : this.dateSeparatorFormat.format(t);
   }
   isSameDay(e, t) {
     return this.startOfDay(e) === this.startOfDay(t);
@@ -499,8 +516,8 @@ class Q {
     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 o = s + e.length;
-    this.input.setSelectionRange(o, o), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
+    const r = s + e.length;
+    this.input.setSelectionRange(r, r), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
   }
   collectFocusable() {
     const e = this.shadow.querySelectorAll(
@@ -516,10 +533,10 @@ class Q {
     e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
   }
 }
-const w = 1500, D = 8e3;
+const v = 1500, D = 8e3;
 class ee {
   constructor(e, t) {
-    this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = w, this.connectPromise = null, this.options = e, this.handlers = t;
+    this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = v, this.connectPromise = null, this.options = e, this.handlers = t;
   }
   setAccessToken(e) {
     this.options.accessToken = e;
@@ -560,8 +577,8 @@ class ee {
     });
     if (!i.ok)
       throw new Error(`SpilkiWidget: connect failed (${i.status})`);
-    const o = await i.json();
-    return this.sessionId = o.sessionId, this.options.sessionId = o.sessionId, this.backoff = w, await this.startTransport(o), o;
+    const r = await i.json();
+    return this.sessionId = r.sessionId, this.options.sessionId = r.sessionId, this.backoff = v, await this.startTransport(r), r;
   }
   async send(e, t) {
     var a, n;
@@ -576,7 +593,7 @@ class ee {
       this.ws.send(JSON.stringify({ type: "message", payload: s }));
       return;
     }
-    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, o = await fetch(i, {
+    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, r = await fetch(i, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -584,12 +601,12 @@ class ee {
       },
       body: JSON.stringify(s)
     });
-    if (!o.ok)
-      throw new Error(`SpilkiWidget: send failed (${o.status})`);
+    if (!r.ok)
+      throw new Error(`SpilkiWidget: send failed (${r.status})`);
   }
   // #1: accept resetBackoff param; #8 #9: clear retryTimer
   stop(e = !0) {
-    this.stopped = !0, e && (this.backoff = w), this.retryTimer && (clearTimeout(this.retryTimer), this.retryTimer = void 0), this.ws && (this.wsOnOpen && this.ws.removeEventListener("open", this.wsOnOpen), this.wsOnMessage && this.ws.removeEventListener("message", this.wsOnMessage), this.wsOnClose && this.ws.removeEventListener("close", this.wsOnClose), this.wsOnError && this.ws.removeEventListener("error", this.wsOnError), this.ws.close(), this.ws = void 0), this.wsOnOpen = this.wsOnMessage = this.wsOnClose = this.wsOnError = void 0, this.sseAbort && (this.sseAbort.abort(), this.sseAbort = void 0), this.pollTimer && (clearTimeout(this.pollTimer), this.pollTimer = void 0), this.currentKind = null;
+    this.stopped = !0, e && (this.backoff = v), this.retryTimer && (clearTimeout(this.retryTimer), this.retryTimer = void 0), this.ws && (this.wsOnOpen && this.ws.removeEventListener("open", this.wsOnOpen), this.wsOnMessage && this.ws.removeEventListener("message", this.wsOnMessage), this.wsOnClose && this.ws.removeEventListener("close", this.wsOnClose), this.wsOnError && this.ws.removeEventListener("error", this.wsOnError), this.ws.close(), this.ws = void 0), this.wsOnOpen = this.wsOnMessage = this.wsOnClose = this.wsOnError = void 0, this.sseAbort && (this.sseAbort.abort(), this.sseAbort = void 0), this.pollTimer && (clearTimeout(this.pollTimer), this.pollTimer = void 0), this.currentKind = null;
   }
   async startTransport(e) {
     if (this.stopped) return;
@@ -614,8 +631,8 @@ class ee {
             i.close();
             return;
           }
-          this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = w, t();
-        }, this.wsOnMessage = (o) => this.handleIncoming(o.data), this.wsOnClose = () => {
+          this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = v, t();
+        }, this.wsOnMessage = (r) => this.handleIncoming(r.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"));
@@ -635,8 +652,8 @@ class ee {
           "X-Authorization": `Bearer ${this.options.accessToken}`
         },
         signal: i.signal
-      }).then((o) => {
-        if (!o.ok || !o.body) {
+      }).then((r) => {
+        if (!r.ok || !r.body) {
           s(new Error("SSE failed"));
           return;
         }
@@ -644,39 +661,39 @@ class ee {
           i.abort();
           return;
         }
-        this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = w, t();
-        const a = o.body.getReader(), n = new TextDecoder();
+        this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = v, t();
+        const a = r.body.getReader(), n = new TextDecoder();
         let l = "";
         const g = () => {
-          a.read().then(({ done: m, value: d }) => {
-            var f;
-            if (m || this.stopped) {
+          a.read().then(({ done: u, value: h }) => {
+            var m;
+            if (u || this.stopped) {
               this.stopped || (this.handlers.onError(new Error("SpilkiWidget: SSE stream ended")), this.retryFallback("sse"));
               return;
             }
-            l += n.decode(d, { stream: !0 });
-            const h = l.split(`
+            l += n.decode(h, { stream: !0 });
+            const d = l.split(`
 
 `);
-            l = (f = h.pop()) != null ? f : "";
-            for (const b of h)
-              for (const p of b.split(`
+            l = (m = d.pop()) != null ? m : "";
+            for (const f of d)
+              for (const p of f.split(`
 `))
                 p.startsWith("data:") && this.handleIncoming(p.slice(5).trim());
             g();
-          }).catch((m) => {
-            i.signal.aborted || (this.handlers.onError(m), this.stopped || this.retryFallback("sse"));
+          }).catch((u) => {
+            i.signal.aborted || (this.handlers.onError(u), this.stopped || this.retryFallback("sse"));
           });
         };
         g();
-      }).catch((o) => {
-        i.signal.aborted || s(o);
+      }).catch((r) => {
+        i.signal.aborted || s(r);
       });
     });
   }
   // #15: add auth header to poll fetch
   async startPoll(e) {
-    this.currentKind = "poll", this.handlers.onOpen("poll"), this.backoff = w;
+    this.currentKind = "poll", this.handlers.onOpen("poll"), this.backoff = v;
     const t = async () => {
       if (!this.stopped)
         try {
@@ -687,7 +704,7 @@ class ee {
           });
           if (!s.ok) throw new Error(`Poll failed ${s.status}`);
           const i = await s.json();
-          x(i).forEach((o) => this.handlers.onMessage(o)), this.backoff = w;
+          x(i).forEach((r) => this.handlers.onMessage(r)), this.backoff = v;
         } catch (s) {
           this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, D);
         } finally {
@@ -718,18 +735,24 @@ class ee {
   dispatchIncoming(e) {
     var t;
     if ("type" in e) {
-      e.type === "message" ? this.handlers.onMessage(e.payload) : e.type === "typing" && this.handlers.onTyping(!!((t = e.payload) != null && t.active));
+      e.type === "message" ? this.handlers.onMessage(e.payload) : e.type === "typing" ? this.handlers.onTyping(!!((t = e.payload) != null && t.active)) : e.type === "AGENT_EVENT" && se(e.payload) && this.handlers.onAgentEvent(e.payload);
       return;
     }
     this.handlers.onMessage(e);
   }
 }
-const L = 30 * 60 * 1e3, S = 30;
-class te {
+const te = /* @__PURE__ */ new Set(["TYPING", "THINKING", "SEARCHING", "EXECUTING_TOOL"]);
+function se(o) {
+  if (typeof o != "object" || o === null) return !1;
+  const e = o;
+  return te.has(e.eventType) && typeof e.active == "boolean";
+}
+const L = 30 * 60 * 1e3, ie = 3e4, T = 30;
+class oe {
   constructor(e, t) {
-    this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.state = {
+    this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.activeEvents = /* @__PURE__ */ new Set(), this.state = {
       isOpen: !1,
-      isTyping: !1,
+      agentActivity: null,
       isConnected: !1,
       messages: []
     }, this.historyKey = `spilki-history:${e}`, this.sessionKey = `spilki-session:${e}`, this.tokenKey = `spilki-token:${e}`, this.activityKey = `spilki-activity:${e}`, this.lastReadKey = `spilki-lastread:${e}`, this.persist = t.persist, this.state.messages = this.loadMessages();
@@ -737,7 +760,7 @@ class te {
   get snapshot() {
     return {
       isOpen: this.state.isOpen,
-      isTyping: this.state.isTyping,
+      agentActivity: this.state.agentActivity,
       isConnected: this.state.isConnected,
       messages: this.state.messages
     };
@@ -751,8 +774,27 @@ class te {
   close() {
     this.state.isOpen && (this.state.isOpen = !1, this.emit());
   }
+  handleAgentEvent(e, t) {
+    t ? this.activeEvents.add(e) : this.activeEvents.delete(e), this.updateDisplayedActivity();
+  }
   setTyping(e) {
-    this.state.isTyping !== e && (this.state.isTyping = e, this.emit());
+    this.handleAgentEvent("TYPING", e);
+  }
+  updateDisplayedActivity() {
+    this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.activeEvents.size > 0 && (this.activityTimer = setTimeout(() => {
+      this.activeEvents.clear(), this.state.agentActivity = null, this.activityTimer = null, this.emit();
+    }, ie));
+    const e = this.resolveTopActivity();
+    this.state.agentActivity !== e && (this.state.agentActivity = e, this.emit());
+  }
+  resolveTopActivity() {
+    var t;
+    return this.activeEvents.size === 0 ? null : (t = [
+      "EXECUTING_TOOL",
+      "SEARCHING",
+      "THINKING",
+      "TYPING"
+    ].find((s) => this.activeEvents.has(s))) != null ? t : null;
   }
   setConnected(e) {
     this.state.isConnected !== e && (this.state.isConnected = e, this.emit());
@@ -765,10 +807,10 @@ class te {
       author: e.author,
       text: e.text
     };
-    return this.state.messages.some((o) => o.id === t.id) ? null : (this.state.messages = x([...this.state.messages, t], S), this.persistMessages(), this.touchActivity(), this.emit(), t);
+    return this.state.messages.some((r) => r.id === t.id) ? null : (this.state.messages = x([...this.state.messages, t], T), this.persistMessages(), this.touchActivity(), this.emit(), t);
   }
   setMessages(e) {
-    this.state.messages = x(e, S), this.persistMessages(), this.emit();
+    this.state.messages = x(e, T), this.persistMessages(), this.emit();
   }
   clearMessages() {
     this.state.messages = [], this.persistMessages(), this.emit();
@@ -888,14 +930,14 @@ class te {
       const e = localStorage.getItem(this.historyKey);
       if (!e) return [];
       const t = JSON.parse(e);
-      return Array.isArray(t) ? x(t, S) : [];
+      return Array.isArray(t) ? x(t, T) : [];
     } catch (e) {
       return console.error("SpilkiWidget: unable to load messages", e), [];
     }
   }
 }
-function se(r) {
-  const e = r.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
+function re(o) {
+  const e = o.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("")
@@ -905,24 +947,24 @@ function se(r) {
     return s.from(t, "base64").toString("utf8");
   throw new Error("SpilkiWidget: no base64 decoder available");
 }
-function ie(r) {
-  if (!r) return null;
-  const e = r.split(".");
+function ne(o) {
+  if (!o) return null;
+  const e = o.split(".");
   if (e.length < 2) return null;
   try {
-    const t = se(e[1]);
+    const t = re(e[1]);
     return JSON.parse(t);
   } catch (t) {
     return console.error("SpilkiWidget: unable to parse JWT", t), null;
   }
 }
-function re(r) {
-  const e = ie(r);
+function ae(o) {
+  const e = ne(o);
   if (!(e != null && e.exp) || typeof e.exp != "number") return !0;
   const t = Math.floor(Date.now() / 1e3);
   return e.exp < t + 60;
 }
-const oe = {
+const le = {
   onOpen() {
   },
   onClose() {
@@ -934,8 +976,8 @@ const oe = {
   onTransportChange() {
   }
 };
-async function ne(r, e, t) {
-  const s = `${r.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
+async function ce(o, e, t) {
+  const s = `${o.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 })
@@ -943,19 +985,19 @@ async function ne(r, e, t) {
   if (!i.ok) throw new Error(`SpilkiWidget: install failed (${i.status})`);
   return (await i.json()).accessToken;
 }
-async function ae(r, e) {
-  const t = `${r.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
+async function he(o, e) {
+  const t = `${o.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 le(r) {
+function de(o) {
   let e = !1, t = null;
   const s = [], i = () => {
     var n;
-    if (!r) return null;
+    if (!o) return null;
     if (t) return t;
     try {
       const l = (n = window.AudioContext) != null ? n : window.webkitAudioContext;
@@ -965,7 +1007,7 @@ function le(r) {
       return null;
     }
     return t;
-  }, o = () => {
+  }, r = () => {
     e = !0;
     try {
       const n = i();
@@ -975,23 +1017,23 @@ function le(r) {
     }
   }, a = (n) => {
     const l = () => {
-      o(), window.removeEventListener(n, l, !0);
+      r(), window.removeEventListener(n, l, !0);
     };
     s.push({ type: n, listener: l }), window.addEventListener(n, l, { capture: !0, passive: !0 });
   };
   return a("pointerdown"), a("keydown"), {
-    markUserInteraction: o,
+    markUserInteraction: r,
     play() {
-      if (!r || !e) return;
+      if (!o || !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 g = (d, h, f) => {
-        const b = n.createOscillator(), p = n.createGain();
-        b.type = "sine", b.frequency.setValueAtTime(d, h), p.gain.setValueAtTime(1e-4, h), p.gain.exponentialRampToValueAtTime(1, h + 0.012), p.gain.exponentialRampToValueAtTime(1e-4, h + f), b.connect(p), p.connect(l), b.start(h), b.stop(h + f + 0.02);
-      }, m = n.currentTime;
-      g(880, m, 0.08), g(1175, m + 0.09, 0.08);
+      const g = (h, d, m) => {
+        const f = n.createOscillator(), p = n.createGain();
+        f.type = "sine", f.frequency.setValueAtTime(h, d), p.gain.setValueAtTime(1e-4, d), p.gain.exponentialRampToValueAtTime(1, d + 0.012), p.gain.exponentialRampToValueAtTime(1e-4, d + m), f.connect(p), p.connect(l), f.start(d), f.stop(d + m + 0.02);
+      }, u = n.currentTime;
+      g(880, u, 0.08), g(1175, u + 0.09, 0.08);
     },
     destroy() {
       s.forEach(({ type: n, listener: l }) => {
@@ -1001,112 +1043,115 @@ function le(r) {
     }
   };
 }
-function U(r) {
-  var O, M, I, A;
-  if (!r.org)
+function U(o) {
+  var I, O, M, B;
+  if (!o.org)
     throw new Error("SpilkiWidget: org is required");
-  const e = H(r);
-  _(e.allowedOriginsHint);
-  const t = { ...oe, ...(O = e.hooks) != null ? O : {} }, s = new te(e.org, { persist: e.persist }), i = le(e.sound);
-  let o = (M = s.accessToken) != null ? M : void 0, a = null;
+  const e = H(o);
+  G(e.allowedOriginsHint);
+  const t = { ...le, ...(I = e.hooks) != null ? I : {} }, s = new oe(e.org, { persist: e.persist }), i = de(e.sound);
+  let r = (O = s.accessToken) != null ? O : void 0, a = null;
   const n = () => {
-    m.setBadge(s.countUnread());
+    u.setBadge(s.countUnread());
   }, l = () => {
-    s.markRead(), m.setBadge(0);
+    s.markRead(), u.setBadge(0);
   }, g = async () => a || (a = (async () => {
     try {
-      if (o && re(o))
+      if (r && ae(r))
         try {
-          o = await ae(e.apiBase, o), s.persistAccessToken(o), h.setAccessToken(o);
+          r = await he(e.apiBase, r), s.persistAccessToken(r), d.setAccessToken(r);
           return;
         } catch {
-          o = void 0, s.clearAccessToken();
+          r = void 0, s.clearAccessToken();
         }
-      if (!o) {
-        if (!r.installationToken) throw new Error("SpilkiWidget: missing installationToken");
-        if (!r.org) throw new Error("SpilkiWidget: missing org");
-        o = await ne(e.apiBase, r.installationToken, r.org), s.persistAccessToken(o), h.setAccessToken(o);
+      if (!r) {
+        if (!o.installationToken) throw new Error("SpilkiWidget: missing installationToken");
+        if (!o.org) throw new Error("SpilkiWidget: missing org");
+        r = await ce(e.apiBase, o.installationToken, o.org), s.persistAccessToken(r), d.setAccessToken(r);
       }
     } finally {
       a = null;
     }
-  })(), a), m = K({
+  })(), a), u = R({
     color: e.color,
-    position: (I = e.position) != null ? I : "bottom-right",
+    position: (M = e.position) != null ? M : "bottom-right",
     onClick: () => {
       s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), l(), t.onOpen());
     }
-  }), d = new Q({
+  }), h = new Q({
     color: e.color,
-    theme: j(e.theme),
-    position: (A = e.position) != null ? A : "bottom-right",
+    theme: P(e.theme),
+    position: (B = e.position) != null ? B : "bottom-right",
     i18n: e.i18n,
     onClose: () => {
       s.close(), t.onClose();
     },
     onSend: (c) => {
-      const u = s.addMessage({ author: "user", text: c });
-      u && (d.appendMessage(u), g().then(() => h.send(c, u.id)).catch((y) => {
-        t.onError(y), s.setConnected(!1), d.setOffline(!0);
+      const k = s.addMessage({ author: "user", text: c });
+      k && (h.appendMessage(k), g().then(() => d.send(c, k.id)).catch((b) => {
+        t.onError(b), s.setConnected(!1), h.setOffline(!0);
       }));
     }
-  }), h = new ee(
+  }), d = new ee(
     {
       apiBase: e.apiBase,
-      accessToken: o,
+      accessToken: r,
       org: e.org,
       sessionId: s.sessionId
     },
     {
       onOpen(c) {
-        C.transport = c, t.onTransportChange(c), s.setConnected(!0), d.setOffline(!1);
+        A.transport = c, t.onTransportChange(c), s.setConnected(!0), h.setOffline(!1);
       },
       onMessage(c) {
-        const u = s.addMessage(c);
-        u && (d.appendMessage(u), !s.snapshot.isOpen && u.author === "bot" && (n(), i.play()), t.onMessage(u));
+        const b = c.suggestedReplies, y = s.addMessage(c);
+        y && (h.appendMessage(y), y.author === "bot" && b && b.length > 0 && h.setSuggestedReplies(b), !s.snapshot.isOpen && y.author === "bot" && (n(), i.play()), t.onMessage(y));
       },
       onTyping(c) {
         s.setTyping(c);
       },
+      onAgentEvent(c) {
+        s.handleAgentEvent(c.eventType, c.active);
+      },
       onError(c) {
-        t.onError(c), s.setConnected(!1), s.snapshot.isOpen && d.setOffline(!0);
+        t.onError(c), s.setConnected(!1), s.snapshot.isOpen && h.setOffline(!0);
       }
     }
   );
-  m.mount(), d.mount();
-  const f = s.snapshot.messages, b = s.isSessionExpired(), p = s.getConversationGroups();
-  if (f.length === 0 && e.welcome) {
+  u.mount(), h.mount();
+  const m = s.snapshot.messages, f = s.isSessionExpired(), p = s.getConversationGroups();
+  if (m.length === 0 && e.welcome) {
     const c = {
       id: "welcome",
       author: "bot",
       text: e.welcome,
       ts: Date.now()
     };
-    s.addMessage(c), d.appendMessage(c);
-  } else b && f.length > 0 ? d.renderWithConversations(p, []) : p.length > 1 ? d.renderWithConversations(p.slice(0, -1), p[p.length - 1].messages) : d.updateMessages(f);
-  let E = !1;
-  const W = s.subscribe(() => {
+    s.addMessage(c), h.appendMessage(c);
+  } else f && m.length > 0 ? h.renderWithConversations(p, []) : p.length > 1 ? h.renderWithConversations(p.slice(0, -1), p[p.length - 1].messages) : h.updateMessages(m);
+  let S = !1;
+  const $ = s.subscribe(() => {
     const c = s.snapshot;
-    if (m.setOpen(c.isOpen), d.setTyping(c.isTyping), d.setOffline(!c.isConnected), d.updateTheme(j(e.theme)), c.isOpen) {
-      if (!E) {
-        const u = s.countUnread() > 0, y = s.lastReadTs;
-        l(), u && d.scrollToFirstUnread(y);
+    if (u.setOpen(c.isOpen), h.setAgentActivity(c.agentActivity, e.i18n), h.setOffline(!c.isConnected), h.updateTheme(P(e.theme)), c.isOpen) {
+      if (!S) {
+        const k = s.countUnread() > 0, b = s.lastReadTs;
+        l(), k && h.scrollToFirstUnread(b);
       }
-      E = !0, d.show();
+      S = !0, h.show();
     } else
-      E = !1, d.hide();
-  }), F = f.length === 0 || b;
+      S = !1, h.hide();
+  }), W = m.length === 0 || f;
   n(), g().then(
-    () => h.connect().then((c) => {
-      var y, B;
-      e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((y = h.kind) != null ? y : "ws");
-      const u = (B = c.suggestedReplies) != null ? B : [];
-      u.length > 0 && F && d.setSuggestedReplies(u);
+    () => d.connect().then((c) => {
+      var b, y;
+      e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((b = d.kind) != null ? b : "ws");
+      const k = (y = c.suggestedReplies) != null ? y : [];
+      k.length > 0 && W && h.setSuggestedReplies(k);
     })
   ).catch((c) => {
-    t.onError(c), s.setConnected(!1), d.setOffline(!0);
+    t.onError(c), s.setConnected(!1), h.setOffline(!0);
   });
-  const C = {
+  const A = {
     transport: null,
     open() {
       i.markUserInteraction(), s.open(), l(), t.onOpen();
@@ -1115,17 +1160,17 @@ function U(r) {
       s.close(), t.onClose();
     },
     destroy() {
-      W(), h.stop(), i.destroy(), m.destroy(), d.destroy();
+      $(), d.stop(), i.destroy(), u.destroy(), h.destroy();
     }
   };
-  return C;
+  return A;
 }
-function $() {
+function N() {
   var s, i;
   if (typeof document == "undefined") return;
-  const r = document.currentScript;
-  if (!r) return;
-  const e = r.dataset;
+  const o = document.currentScript;
+  if (!o) return;
+  const e = o.dataset;
   if (e.autoinit === "false") return;
   const t = e.org;
   if (!t) {
@@ -1140,7 +1185,7 @@ function $() {
     theme: (i = e.theme) != null ? i : void 0
   });
 }
-typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (r) => U(r));
-$();
-$();
+typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (o) => U(o));
+N();
+N();
 //# sourceMappingURL=bootstrap.es.js.map