@useago/sdk 1.5.6 → 1.7.0

package/dist/widget.js

@@ -1,364 +1,348 @@
-import { a as qt, b as Kt, i as Xt, o as Yt, s as Qt, t as Zt } from "./AgoClient-B_R_qi2s.js";
-import { t as Jt } from "./createConversationSession-CdtI4vrf.js";
-import { r as en, t as tn } from "./createFormCollector-YwaZ78wU.js";
-var nn = '"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', ke = `var(--ago-font, ${nn})`, ut = {
-  font: "--ago-font",
-  radius: "--ago-radius",
-  messageRadius: "--ago-message-radius",
-  brand: "--ago-brand-color",
-  brandText: "--ago-brand-text-color",
-  headerBg: "--ago-header-background",
-  headerText: "--ago-header-text-color",
-  panelBg: "--ago-panel-background",
-  messagesBg: "--ago-messages-background",
-  text: "--ago-text-color",
-  mutedText: "--ago-muted-text-color",
-  border: "--ago-border-color",
-  accent: "--ago-accent-color",
-  agentBubbleBg: "--ago-agent-bubble-background"
-}, Ae = "var(--ago-brand-color, #03182f)", _e = "var(--ago-brand-text-color, #fff)", on = "var(--ago-header-background, var(--ago-brand-color, #03182f))", mt = "var(--ago-header-text-color, #e8f0fe)", te = "var(--ago-panel-background, #fff)", yt = "var(--ago-messages-background, #fbfbfb)", ee = "var(--ago-text-color, #30373e)", wt = "var(--ago-muted-text-color, #6b6d6f)", N = "var(--ago-border-color, #dee3e8)", De = "var(--ago-accent-color, #1b5fc4)", gt = "var(--ago-agent-bubble-background, #f1f3f5)", rn = "var(--ago-radius, 16px)", ze = "var(--ago-message-radius, 16px)", an = "var(--ago-message-radius, 20px)";
-function sn(t, o) {
-  if (o)
-    for (const i of Object.keys(ut)) {
-      const r = o[i];
-      r != null && t.style.setProperty(ut[i], r);
-    }
-}
-function v(t, o) {
-  Object.assign(t.style, o);
-}
-function h(t = {}) {
-  const o = document.createElement("div");
-  return v(o, t), o;
-}
-var ht = "ago-chat-widget-keyframes";
-function ln() {
-  if (typeof document > "u" || document.getElementById(ht)) return;
-  const t = document.createElement("style");
-  t.id = ht, t.textContent = "@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }@keyframes ago-spin { to { transform: rotate(360deg); } }", document.head.appendChild(t);
-}
-function dn(t) {
+import { a as mn, b as hn, i as gn, o as xn, s as bn, t as yn } from "./AgoClient-PWPaekcg.js";
+import { t as wn } from "./createConversationSession-BkruoOVm.js";
+import { r as vn, t as Cn } from "./createFormCollector-CvVFNkp6.js";
+import { C as Qe, S as _t, _ as te, a as T, b as g, c as $e, d as Ot, f as Ye, g as En, h as ne, i as Lt, l as Sn, m as Bt, n as jn, o as Te, p as An, r as Je, s as Me, t as Vn, u as $t, v as Rn, x as kn, y as E } from "./sheetController-CBUVOroo.js";
+function In(n) {
   let o = [];
-  const i = document.createElement("form");
-  v(i, {
+  const r = document.createElement("form");
+  E(r, {
     display: "flex",
     flexDirection: "column",
     gap: "8px",
     padding: "12px",
-    borderTop: `1px solid ${N}`,
-    backgroundColor: te
-  }), i.className = "ago-chat-input";
-  const r = h({
+    borderTop: `1px solid ${T}`,
+    backgroundColor: ne
+  }), r.className = "ago-chat-input";
+  const i = g({
     display: "flex",
     flexWrap: "wrap",
     gap: "6px"
-  }), b = h({
+  }), w = g({
     display: "flex",
     gap: "8px",
     alignItems: "flex-end"
-  }), a = document.createElement("textarea");
-  a.placeholder = t.placeholder, a.setAttribute("aria-label", t.placeholder), a.rows = 1, v(a, {
+  }), s = document.createElement("textarea");
+  s.placeholder = n.placeholder, s.setAttribute("aria-label", n.placeholder), s.rows = 1, E(s, {
     flex: "1",
     resize: "none",
     boxSizing: "border-box",
     padding: "10px 12px",
-    border: `1px solid ${N}`,
+    border: `1px solid ${T}`,
     borderRadius: "12px",
     fontSize: "16px",
-    fontFamily: ke,
+    fontFamily: $e,
     lineHeight: "1.4",
     maxHeight: "110px",
     overflowY: "hidden"
   });
-  const C = () => {
-    a.style.height = "auto";
-    const c = Math.min(a.scrollHeight + 2, 110);
-    a.style.height = `${c}px`, a.style.overflowY = a.scrollHeight + 2 > 110 ? "auto" : "hidden";
+  const k = () => {
+    s.style.height = "auto";
+    const h = Math.min(s.scrollHeight + 2, 110);
+    s.style.height = `${h}px`, s.style.overflowY = s.scrollHeight + 2 > 110 ? "auto" : "hidden";
   };
-  a.addEventListener("input", () => {
-    C(), I();
+  s.addEventListener("input", () => {
+    k(), F();
   });
-  const m = '<svg width="18" height="18" viewBox="0 -960 960 960" fill="currentColor" aria-hidden="true"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>', x = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" style="animation: ago-spin 0.8s linear infinite"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>', p = document.createElement("button");
-  p.type = "submit", p.setAttribute("aria-label", "Send"), p.innerHTML = m, v(p, {
+  const m = '<svg width="18" height="18" viewBox="0 -960 960 960" fill="currentColor" aria-hidden="true"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>', v = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" style="animation: ago-spin 0.8s linear infinite"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>', f = '<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="5" y="5" width="14" height="14" rx="2"/></svg>', c = document.createElement("button");
+  c.type = "submit", c.setAttribute("aria-label", "Send"), c.innerHTML = m, E(c, {
     flexShrink: "0",
-    width: "40px",
-    height: "40px",
+    width: "44px",
+    height: "44px",
     padding: "0",
     border: "none",
     borderRadius: "50%",
-    backgroundColor: Ae,
-    color: _e,
+    backgroundColor: Te,
+    color: Me,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     cursor: "pointer"
   });
-  let f = !1;
-  const I = () => {
-    const l = a.value.trim() !== "" || o.length > 0, c = f || !l;
-    p.disabled = c, p.innerHTML = f ? x : m, p.style.opacity = c && !f ? "0.5" : "1", p.style.cursor = c ? "default" : "pointer";
+  let A = !1;
+  const z = () => A && !!n.onStop, F = () => {
+    const d = s.value.trim() !== "" || o.length > 0, h = z(), _ = !h && (A || !d);
+    c.disabled = _, c.type = h ? "button" : "submit", c.setAttribute("aria-label", h ? "Stop generating" : "Send"), c.innerHTML = h ? f : A ? v : m, c.style.opacity = _ && !A ? "0.5" : "1", c.style.cursor = _ ? "default" : "pointer";
   };
-  let R = null, A = null;
-  t.allowFiles && (R = document.createElement("input"), R.type = "file", R.multiple = !0, v(R, { display: "none" }), A = document.createElement("button"), A.type = "button", A.setAttribute("aria-label", "Attach file"), A.textContent = "📎", v(A, {
-    padding: "10px 12px",
-    border: `1px solid ${N}`,
+  c.addEventListener("click", () => {
+    z() && n.onStop?.();
+  });
+  let B = null, I = null;
+  n.allowFiles && (B = document.createElement("input"), B.type = "file", B.multiple = !0, E(B, { display: "none" }), I = document.createElement("button"), I.type = "button", I.setAttribute("aria-label", "Attach file"), I.textContent = "📎", E(I, {
+    flexShrink: "0",
+    minWidth: "44px",
+    minHeight: "44px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "0 12px",
+    border: `1px solid ${T}`,
     borderRadius: "12px",
-    backgroundColor: te,
+    backgroundColor: ne,
     cursor: "pointer",
     fontSize: "14px"
-  }), A.addEventListener("click", () => R?.click()), R.addEventListener("change", () => {
-    o = [...o, ...Array.from(R?.files ?? [])], Q();
+  }), I.addEventListener("click", () => B?.click()), B.addEventListener("change", () => {
+    o = [...o, ...Array.from(B?.files ?? [])], u();
   }));
-  function Q() {
-    r.replaceChildren(), o.forEach((l, c) => {
-      const w = h({
+  function u() {
+    i.replaceChildren(), o.forEach((d, h) => {
+      const _ = g({
         display: "flex",
         alignItems: "center",
         gap: "4px",
         padding: "4px 8px",
         backgroundColor: "#f0f4ff",
-        border: `1px solid ${N}`,
+        border: `1px solid ${T}`,
         borderRadius: "8px",
         fontSize: "12px"
-      }), B = document.createElement("span");
-      B.textContent = l.name;
-      const k = document.createElement("button");
-      k.type = "button", k.setAttribute("aria-label", `Remove ${l.name}`), k.textContent = "×", v(k, {
+      }), K = document.createElement("span");
+      K.textContent = d.name;
+      const D = document.createElement("button");
+      D.type = "button", D.setAttribute("aria-label", `Remove ${d.name}`), D.textContent = "×", E(D, {
+        flexShrink: "0",
+        width: "44px",
+        height: "44px",
+        margin: "-14px -12px -14px -4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
         border: "none",
         background: "transparent",
         cursor: "pointer",
         fontSize: "14px",
         lineHeight: "1"
-      }), k.addEventListener("click", () => {
-        o = o.filter((V, j) => j !== c), Q();
-      }), w.append(B, k), r.appendChild(w);
-    }), I();
+      }), D.addEventListener("click", () => {
+        o = o.filter((M, j) => j !== h), u();
+      }), _.append(K, D), i.appendChild(_);
+    }), F();
   }
-  const D = () => {
-    const l = a.value, c = o;
-    return a.value = "", C(), o = [], Q(), {
-      content: l,
-      files: c
+  const x = () => {
+    const d = s.value, h = o;
+    return s.value = "", k(), o = [], u(), {
+      content: d,
+      files: h
     };
-  }, g = () => {
-    const { content: l, files: c } = D();
-    (l.trim() || c.length > 0) && t.onSend(l.trim(), c.length > 0 ? c : void 0);
+  }, y = () => {
+    const { content: d, files: h } = x();
+    (d.trim() || h.length > 0) && n.onSend(d.trim(), h.length > 0 ? h : void 0);
   };
-  return i.addEventListener("submit", (l) => {
-    l.preventDefault(), g();
-  }), a.addEventListener("keydown", (l) => {
-    l.key === "Enter" && !l.shiftKey && (l.preventDefault(), g());
-  }), A && b.appendChild(A), b.append(a, p), R && i.appendChild(R), i.append(r, b), I(), {
-    inputRow: i,
-    getValueAndClear: D,
-    setDisabled: (l) => {
-      a.disabled = l, f = l, I();
+  return r.addEventListener("submit", (d) => {
+    d.preventDefault(), y();
+  }), s.addEventListener("keydown", (d) => {
+    d.key === "Enter" && !d.shiftKey && (d.preventDefault(), y());
+  }), I && w.appendChild(I), w.append(s, c), B && r.appendChild(B), r.append(i, w), F(), {
+    inputRow: r,
+    getValueAndClear: x,
+    setDisabled: (d) => {
+      s.disabled = d, A = d, F();
     },
-    focus: () => a.focus()
+    focus: () => s.focus(),
+    restoreDraft: (d, h) => {
+      d && !s.value.trim() && (s.value = d, k()), h?.length && (o = [...h, ...o], u()), F();
+    }
   };
 }
-var cn = {
+var _n = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
 };
-function ae(t) {
-  return t.replace(/[&<>"']/g, (o) => cn[o]);
+function ce(n) {
+  return n.replace(/[&<>"']/g, (o) => _n[o]);
 }
-function xt(t) {
-  const o = t.trim();
+function Nt(n) {
+  const o = n.trim();
   return /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i.test(o) || !/^[a-z][a-z0-9+.-]*:/i.test(o) ? o : null;
 }
-var Ct = '"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace', Se = "";
-function ne(t) {
-  const o = [], i = (b) => (o.push(b), `${Se}${o.length - 1}${Se}`);
-  let r = t;
-  return r = r.replace(/`([^`]+)`/g, (b, a) => i(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${Ct}">${ae(a)}</code>`)), r = r.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (b, a, C) => {
-    const m = xt(C);
-    return m ? i(`<img alt="${ae(a)}" src="${ae(m)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : b;
-  }), r = r.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (b, a, C) => {
-    const m = xt(C);
-    return m ? i(`<a href="${ae(m)}" target="_blank" rel="noopener noreferrer" style="color:#1b5fc4;text-decoration:underline">${ne(a)}</a>`) : b;
-  }), r = ae(r), r = r.replace(/\*\*([^*]+?)\*\*/g, "<strong>$1</strong>").replace(/__([^_]+?)__/g, "<strong>$1</strong>").replace(/~~([^~]+?)~~/g, "<del>$1</del>").replace(/(^|[^*])\*(?!\s)([^*]+?)\*/g, "$1<em>$2</em>").replace(/(^|[^\w_])_(?!\s)([^_]+?)_/g, "$1<em>$2</em>"), r = r.replace(new RegExp(`${Se}(\\d+)${Se}`, "g"), (b, a) => o[Number(a)]), r;
+var Dt = '"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace', Le = "";
+function ie(n) {
+  const o = [], r = (w) => (o.push(w), `${Le}${o.length - 1}${Le}`);
+  let i = n;
+  return i = i.replace(/`([^`]+)`/g, (w, s) => r(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${Dt}">${ce(s)}</code>`)), i = i.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (w, s, k) => {
+    const m = Nt(k);
+    return m ? r(`<img alt="${ce(s)}" src="${ce(m)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : w;
+  }), i = i.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (w, s, k) => {
+    const m = Nt(k);
+    return m ? r(`<a href="${ce(m)}" target="_blank" rel="noopener noreferrer" style="color:#1b5fc4;text-decoration:underline">${ie(s)}</a>`) : w;
+  }), i = ce(i), i = i.replace(/\*\*([^*]+?)\*\*/g, "<strong>$1</strong>").replace(/__([^_]+?)__/g, "<strong>$1</strong>").replace(/~~([^~]+?)~~/g, "<del>$1</del>").replace(/(^|[^*])\*(?!\s)([^*]+?)\*/g, "$1<em>$2</em>").replace(/(^|[^\w_])_(?!\s)([^_]+?)_/g, "$1<em>$2</em>"), i = i.replace(new RegExp(`${Le}(\\d+)${Le}`, "g"), (w, s) => o[Number(s)]), i;
 }
-function O(t, o, i) {
-  const r = document.createElement(t);
-  return Object.assign(r.style, o), i !== void 0 && (r.innerHTML = i), r;
+function P(n, o, r) {
+  const i = document.createElement(n);
+  return Object.assign(i.style, o), r !== void 0 && (i.innerHTML = r), i;
 }
-var Et = /^ {0,3}([-*_])( *\1){2,} *$/, St = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, Rt = /^ {0,3}(```+|~~~+)/, Ie = /^ {0,3}>\s?/, se = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, pn = [
+var Ht = /^ {0,3}([-*_])( *\1){2,} *$/, zt = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, Ft = /^ {0,3}(```+|~~~+)/, Ne = /^ {0,3}>\s?/, pe = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, Ln = [
   "20px",
   "18px",
   "16px",
   "15px",
   "14px",
   "13px"
-], Fe = (t) => t.match(/^\s*/)?.[0].length ?? 0;
-function fn(t) {
-  return t.trim() === "" || Et.test(t) || St.test(t) || Rt.test(t) || Ie.test(t) || se.test(t);
+], Ze = (n) => n.match(/^\s*/)?.[0].length ?? 0;
+function $n(n) {
+  return n.trim() === "" || Ht.test(n) || zt.test(n) || Ft.test(n) || Ne.test(n) || pe.test(n);
 }
-function kt(t) {
-  const o = t[0].match(se), i = o[1].length, r = /\d/.test(o[2]), b = O(r ? "ol" : "ul", {
+function Pt(n) {
+  const o = n[0].match(pe), r = o[1].length, i = /\d/.test(o[2]), w = P(i ? "ol" : "ul", {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
-    listStyleType: r ? "decimal" : "disc",
+    listStyleType: i ? "decimal" : "disc",
     listStylePosition: "outside"
   });
-  let a = 0;
-  for (; a < t.length; ) {
-    const C = t[a].match(se), m = [];
-    for (a++; a < t.length && Fe(t[a]) > i; )
-      m.push(t[a]), a++;
-    const x = O("li", {
+  let s = 0;
+  for (; s < n.length; ) {
+    const k = n[s].match(pe), m = [];
+    for (s++; s < n.length && Ze(n[s]) > r; )
+      m.push(n[s]), s++;
+    const v = P("li", {
       display: "list-item",
       margin: "2px 0",
       lineHeight: "1.6"
-    }), p = C[3].match(/^\[([ xX])\]\s+(.*)$/);
-    p ? (x.style.listStyleType = "none", x.style.marginLeft = "-20px", x.innerHTML = `<span style="margin-right:6px">${p[1].toLowerCase() === "x" ? "☑" : "☐"}</span>${ne(p[2])}`) : x.innerHTML = ne(C[3]), m.filter((f) => se.test(f)).length > 0 && x.appendChild(kt(m.filter((f) => f.trim() !== ""))), b.appendChild(x);
+    }), f = k[3].match(/^\[([ xX])\]\s+(.*)$/);
+    f ? (v.style.listStyleType = "none", v.style.marginLeft = "-20px", v.innerHTML = `<span style="margin-right:6px">${f[1].toLowerCase() === "x" ? "☑" : "☐"}</span>${ie(f[2])}`) : v.innerHTML = ie(k[3]), m.filter((c) => pe.test(c)).length > 0 && v.appendChild(Pt(m.filter((c) => c.trim() !== ""))), w.appendChild(v);
   }
-  return b;
+  return w;
 }
-function un(t) {
-  const o = (m) => m.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((x) => x.trim()), i = O("div", {
+function Nn(n) {
+  const o = (m) => m.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((v) => v.trim()), r = P("div", {
     overflowX: "auto",
     margin: "0 0 8px 0"
-  }), r = O("table", {
+  }), i = P("table", {
     borderCollapse: "collapse",
     width: "100%",
     fontSize: "13px"
-  }), b = document.createElement("thead"), a = document.createElement("tr");
-  for (const m of o(t[0])) a.appendChild(O("th", {
+  }), w = document.createElement("thead"), s = document.createElement("tr");
+  for (const m of o(n[0])) s.appendChild(P("th", {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
     textAlign: "left",
     backgroundColor: "#f5f7fa",
     fontWeight: "600"
-  }, ne(m)));
-  b.appendChild(a), r.appendChild(b);
-  const C = document.createElement("tbody");
-  for (const m of t.slice(2)) {
-    const x = document.createElement("tr");
-    for (const p of o(m)) x.appendChild(O("td", {
+  }, ie(m)));
+  w.appendChild(s), i.appendChild(w);
+  const k = document.createElement("tbody");
+  for (const m of n.slice(2)) {
+    const v = document.createElement("tr");
+    for (const f of o(m)) v.appendChild(P("td", {
       border: "1px solid #dee3e8",
       padding: "6px 10px"
-    }, ne(p)));
-    C.appendChild(x);
+    }, ie(f)));
+    k.appendChild(v);
   }
-  return r.appendChild(C), i.appendChild(r), i;
+  return i.appendChild(k), r.appendChild(i), r;
 }
-var mn = (t) => !!t && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(t);
-function We(t) {
-  const o = document.createDocumentFragment(), i = t.replace(/\r\n?/g, `
+var Tn = (n) => !!n && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(n);
+function et(n) {
+  const o = document.createDocumentFragment(), r = n.replace(/\r\n?/g, `
 `).split(`
 `);
-  let r = 0;
-  for (; r < i.length; ) {
-    const a = i[r];
-    if (a.trim() === "") {
-      r++;
+  let i = 0;
+  for (; i < r.length; ) {
+    const s = r[i];
+    if (s.trim() === "") {
+      i++;
       continue;
     }
-    const C = a.match(Rt);
-    if (C) {
-      const p = C[1][0], f = [];
-      for (r++; r < i.length && !new RegExp(`^ {0,3}${p === "`" ? "`{3,}" : "~{3,}"}\\s*$`).test(i[r]); )
-        f.push(i[r]), r++;
-      r++;
-      const I = O("pre", { margin: "0 0 8px 0" });
-      I.appendChild(O("code", {
+    const k = s.match(Ft);
+    if (k) {
+      const f = k[1][0], c = [];
+      for (i++; i < r.length && !new RegExp(`^ {0,3}${f === "`" ? "`{3,}" : "~{3,}"}\\s*$`).test(r[i]); )
+        c.push(r[i]), i++;
+      i++;
+      const A = P("pre", { margin: "0 0 8px 0" });
+      A.appendChild(P("code", {
         display: "block",
         background: "#f5f5f5",
         padding: "8px 12px",
         borderRadius: "6px",
         fontSize: "13px",
         overflowX: "auto",
-        fontFamily: Ct,
+        fontFamily: Dt,
         whiteSpace: "pre"
-      }, ae(f.join(`
-`)))), o.appendChild(I);
+      }, ce(c.join(`
+`)))), o.appendChild(A);
       continue;
     }
-    if (Et.test(a)) {
-      o.appendChild(O("hr", {
+    if (Ht.test(s)) {
+      o.appendChild(P("hr", {
         border: "none",
         borderTop: "1px solid #dee3e8",
         margin: "12px 0"
-      })), r++;
+      })), i++;
       continue;
     }
-    const m = a.match(St);
+    const m = s.match(zt);
     if (m) {
-      const p = m[1].length;
-      o.appendChild(O(`h${p}`, {
+      const f = m[1].length;
+      o.appendChild(P(`h${f}`, {
         margin: "16px 0 8px 0",
-        fontSize: pn[p - 1],
+        fontSize: Ln[f - 1],
         fontWeight: "600",
         lineHeight: "1.3"
-      }, ne(m[2]))), r++;
+      }, ie(m[2]))), i++;
       continue;
     }
-    if (Ie.test(a)) {
-      const p = [];
-      for (; r < i.length && Ie.test(i[r]); )
-        p.push(i[r].replace(Ie, "")), r++;
-      const f = O("blockquote", {
+    if (Ne.test(s)) {
+      const f = [];
+      for (; i < r.length && Ne.test(r[i]); )
+        f.push(r[i].replace(Ne, "")), i++;
+      const c = P("blockquote", {
         borderLeft: "4px solid #dee3e8",
         paddingLeft: "12px",
         margin: "0 0 8px 0",
         fontStyle: "italic",
         color: "#6b6d6f"
       });
-      f.appendChild(We(p.join(`
-`))), o.appendChild(f);
+      c.appendChild(et(f.join(`
+`))), o.appendChild(c);
       continue;
     }
-    if (a.includes("|") && mn(i[r + 1])) {
-      const p = [a, i[r + 1]];
-      for (r += 2; r < i.length && i[r].includes("|") && i[r].trim(); )
-        p.push(i[r]), r++;
-      o.appendChild(un(p));
+    if (s.includes("|") && Tn(r[i + 1])) {
+      const f = [s, r[i + 1]];
+      for (i += 2; i < r.length && r[i].includes("|") && r[i].trim(); )
+        f.push(r[i]), i++;
+      o.appendChild(Nn(f));
       continue;
     }
-    if (se.test(a)) {
-      const p = [], f = Fe(a);
-      for (; r < i.length && i[r].trim() !== ""; )
-        if (se.test(i[r]) || Fe(i[r]) > f)
-          p.push(i[r]), r++;
+    if (pe.test(s)) {
+      const f = [], c = Ze(s);
+      for (; i < r.length && r[i].trim() !== ""; )
+        if (pe.test(r[i]) || Ze(r[i]) > c)
+          f.push(r[i]), i++;
         else break;
-      o.appendChild(kt(p));
+      o.appendChild(Pt(f));
       continue;
     }
-    const x = [a];
-    for (r++; r < i.length && !fn(i[r]); )
-      x.push(i[r]), r++;
-    o.appendChild(O("p", {
+    const v = [s];
+    for (i++; i < r.length && !$n(r[i]); )
+      v.push(r[i]), i++;
+    o.appendChild(P("p", {
       margin: "0 0 8px 0",
       lineHeight: "1.6"
-    }, x.map((p) => ne(p)).join("<br>")));
+    }, v.map((f) => ie(f)).join("<br>")));
   }
-  const b = o.lastElementChild;
-  return b && (b.style.marginBottom = "0"), o;
+  const w = o.lastElementChild;
+  return w && (w.style.marginBottom = "0"), o;
 }
-function gn(t, o) {
-  const { isLast: i, isLastOfBlock: r, bubbleStyle: b, showAgentName: a, agentBubble: C, followUpEnabled: m, followUpHandler: x, isMobile: p } = o, f = t.role === "user", I = b === "imessage", R = h({
+function Tt(n, o) {
+  const { isLast: r, isLastOfBlock: i, bubbleStyle: w, showAgentName: s, agentBubble: k, followUpEnabled: m, followUpHandler: v, isMobile: f } = o, c = n.role === "user", A = w === "imessage", z = g({
     display: "flex",
     flexDirection: "column",
-    alignItems: f ? "flex-end" : "flex-start",
-    marginBottom: I && !r ? "2px" : "16px"
+    alignItems: c ? "flex-end" : "flex-start",
+    marginBottom: A && !i ? "2px" : "16px"
   });
-  if (R.className = `ago-message ago-message--${t.role}`, !f && a && t.agent) {
-    const g = h({
+  if (z.className = `ago-message ago-message--${n.role}`, !c && s && n.agent) {
+    const u = g({
       fontSize: "13px",
       fontWeight: "500",
-      color: ee,
+      color: te,
       marginBottom: "6px",
       padding: "0 4px"
     });
-    g.className = "ago-message__agent", g.textContent = t.agent.displayName || t.agent.name, R.appendChild(g);
+    u.className = "ago-message__agent", u.textContent = n.agent.displayName || n.agent.name, z.appendChild(u);
   }
-  if (!f && t.sources && t.sources.length > 0) {
-    const g = h({
+  if (!c && n.sources && n.sources.length > 0) {
+    const u = g({
       display: "grid",
       gridTemplateColumns: "1fr 1fr",
       gap: "6px",
@@ -366,28 +350,28 @@ function gn(t, o) {
       width: "100%",
       maxWidth: "85%"
     });
-    g.className = "ago-message__sources", t.sources.forEach((l, c) => {
-      const w = l.url ? document.createElement("a") : document.createElement("div");
-      l.url && w instanceof HTMLAnchorElement && (w.href = l.url, w.target = "_blank", w.rel = "noopener noreferrer"), v(w, {
+    u.className = "ago-message__sources", n.sources.forEach((x, y) => {
+      const d = x.url ? document.createElement("a") : document.createElement("div");
+      x.url && d instanceof HTMLAnchorElement && (d.href = x.url, d.target = "_blank", d.rel = "noopener noreferrer"), E(d, {
         display: "flex",
         alignItems: "center",
         gap: "8px",
         padding: "8px 10px",
-        border: `1px solid ${N}`,
+        border: `1px solid ${T}`,
         borderRadius: "8px",
-        backgroundColor: te,
+        backgroundColor: ne,
         textDecoration: "none",
-        color: ee,
+        color: te,
         fontSize: "12px",
         overflow: "hidden"
       });
-      const B = h({
+      const h = g({
         flexShrink: "0",
         width: "18px",
         height: "18px",
         borderRadius: "3px",
-        border: `1px solid ${De}`,
-        color: De,
+        border: `1px solid ${Je}`,
+        color: Je,
         fontSize: "11px",
         fontWeight: "500",
         display: "flex",
@@ -395,405 +379,482 @@ function gn(t, o) {
         justifyContent: "center",
         backgroundColor: "#f0f4ff"
       });
-      B.textContent = String(c + 1);
-      const k = h({
+      h.textContent = String(y + 1);
+      const _ = g({
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       });
-      k.textContent = l.title, k.title = l.title, w.append(B, k), g.appendChild(w);
-    }), R.appendChild(g);
+      _.textContent = x.title, _.title = x.title, d.append(h, _), u.appendChild(d);
+    }), z.appendChild(u);
   }
-  if (t.attachments && t.attachments.length > 0) {
-    const g = h({
+  if (n.attachments && n.attachments.length > 0) {
+    const u = g({
       display: "flex",
       flexWrap: "wrap",
       gap: "6px",
       marginBottom: "6px",
-      justifyContent: f ? "flex-end" : "flex-start",
+      justifyContent: c ? "flex-end" : "flex-start",
       maxWidth: "75%"
     });
-    g.className = "ago-message__attachments";
-    for (const l of t.attachments) {
-      const c = Qt(l.url);
-      if (qt(l) && c) {
+    u.className = "ago-message__attachments";
+    for (const x of n.attachments) {
+      const y = bn(x.url);
+      if (mn(x) && y) {
         const M = document.createElement("a");
-        M.href = c, M.target = "_blank", M.rel = "noopener noreferrer", v(M, {
+        M.href = y, M.target = "_blank", M.rel = "noopener noreferrer", E(M, {
           display: "inline-block",
           textDecoration: "none"
         });
-        const q = document.createElement("img");
-        q.src = c, q.alt = l.name, q.loading = "lazy", v(q, {
+        const j = document.createElement("img");
+        j.src = y, j.alt = x.name, j.loading = "lazy", E(j, {
           maxWidth: "180px",
           maxHeight: "160px",
           objectFit: "cover",
           borderRadius: "10px",
-          border: `1px solid ${N}`,
+          border: `1px solid ${T}`,
           display: "block"
-        }), M.appendChild(q), g.appendChild(M);
+        }), M.appendChild(j), u.appendChild(M);
         continue;
       }
-      const w = c ? document.createElement("a") : document.createElement("div");
-      c && w instanceof HTMLAnchorElement && (w.href = c, w.target = "_blank", w.rel = "noopener noreferrer"), v(w, {
+      const d = y ? document.createElement("a") : document.createElement("div");
+      y && d instanceof HTMLAnchorElement && (d.href = y, d.target = "_blank", d.rel = "noopener noreferrer"), E(d, {
         display: "inline-flex",
         alignItems: "center",
         gap: "8px",
         padding: "8px 12px",
         borderRadius: "10px",
-        border: `1px solid ${N}`,
-        backgroundColor: f ? "rgba(255,255,255,0.12)" : te,
-        color: f ? _e : ee,
+        border: `1px solid ${T}`,
+        backgroundColor: c ? "rgba(255,255,255,0.12)" : ne,
+        color: c ? Me : te,
         fontSize: "13px",
         textDecoration: "none",
         maxWidth: "220px"
       });
-      const B = document.createElement("span");
-      B.textContent = "📄", B.setAttribute("aria-hidden", "true"), v(B, {
+      const h = document.createElement("span");
+      h.textContent = "📄", h.setAttribute("aria-hidden", "true"), E(h, {
         fontSize: "16px",
         lineHeight: "1",
         flexShrink: "0"
       });
-      const k = h({
+      const _ = g({
         display: "flex",
         flexDirection: "column",
         minWidth: "0"
-      }), V = h({
+      }), K = g({
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
         maxWidth: "160px"
       });
-      V.textContent = l.name, V.title = l.name, k.appendChild(V);
-      const j = Yt(l.fileSize);
-      if (j) {
-        const M = h({
+      K.textContent = x.name, K.title = x.name, _.appendChild(K);
+      const D = xn(x.fileSize);
+      if (D) {
+        const M = g({
           fontSize: "11px",
-          color: wt
+          color: Bt
         });
-        M.textContent = j, k.appendChild(M);
+        M.textContent = D, _.appendChild(M);
       }
-      w.append(B, k), g.appendChild(w);
+      d.append(h, _), u.appendChild(d);
     }
-    R.appendChild(g);
+    z.appendChild(u);
   }
-  const A = f || C || I, Q = !!t.content || t.status === "IN_PROGRESS" || t.status === "WAITING_CLIENT", D = h({
-    maxWidth: A ? I || f ? p ? "88%" : "75%" : p ? "92%" : "85%" : "100%",
-    padding: A ? "10px 14px" : "2px 8px",
-    borderRadius: I ? an : A ? ze : "0",
-    backgroundColor: f ? Ae : A ? gt : "transparent",
-    color: f ? _e : ee,
+  const F = c || k || A, B = !!n.content || n.status === "IN_PROGRESS" || n.status === "WAITING_CLIENT", I = g({
+    maxWidth: F ? A || c ? f ? "88%" : "75%" : f ? "92%" : "85%" : "100%",
+    padding: F ? "10px 14px" : "2px 8px",
+    borderRadius: A ? An : F ? Ye : "0",
+    backgroundColor: c ? Te : F ? Lt : "transparent",
+    color: c ? Me : te,
     overflowWrap: "break-word",
     textWrap: "pretty",
     fontSize: "16px",
     lineHeight: "1.6"
   });
-  if (D.className = "ago-message__content", I && r) {
-    D.style.position = "relative";
-    const g = h({
+  if (I.className = "ago-message__content", A && i) {
+    I.style.position = "relative";
+    const u = g({
       position: "absolute",
       zIndex: "0",
       bottom: "-2px",
       width: "20px",
       height: "20px",
-      background: f ? Ae : gt
+      background: c ? Te : Lt
     });
-    g.className = "ago-message__tail";
-    const l = h({
+    u.className = "ago-message__tail";
+    const x = g({
       position: "absolute",
       zIndex: "1",
       bottom: "-2px",
       width: "10px",
       height: "20px",
-      background: yt
+      background: Ot
     });
-    l.className = "ago-message__tail-mask", f ? (g.style.right = "-8px", g.style.borderBottomLeftRadius = "16px 14px", l.style.right = "-10px", l.style.borderBottomLeftRadius = "10px") : (g.style.left = "-7px", g.style.borderBottomRightRadius = "16px 14px", l.style.left = "-10px", l.style.borderBottomRightRadius = "10px"), D.append(g, l);
+    x.className = "ago-message__tail-mask", c ? (u.style.right = "-8px", u.style.borderBottomLeftRadius = "16px 14px", x.style.right = "-10px", x.style.borderBottomLeftRadius = "10px") : (u.style.left = "-7px", u.style.borderBottomRightRadius = "16px 14px", x.style.left = "-10px", x.style.borderBottomRightRadius = "10px"), I.append(u, x);
   }
-  if (t.content ? D.appendChild(We(t.content)) : (t.status === "IN_PROGRESS" || t.status === "WAITING_CLIENT") && D.appendChild(xn()), Q && R.appendChild(D), i && t.followUpReplies && t.followUpReplies.length > 0) {
-    const g = h({
+  if (n.content ? I.appendChild(et(n.content)) : (n.status === "IN_PROGRESS" || n.status === "WAITING_CLIENT") && I.appendChild(On()), B && z.appendChild(I), r && n.followUpReplies && n.followUpReplies.length > 0) {
+    const u = g({
       display: "flex",
       flexWrap: "wrap",
       gap: "8px",
       marginTop: "10px"
     });
-    g.className = "ago-message__followups";
-    for (const l of t.followUpReplies) {
-      const c = document.createElement("button");
-      c.type = "button", c.className = "ago-message__followup-btn", c.textContent = l, c.disabled = !m, v(c, {
-        minHeight: "36px",
+    u.className = "ago-message__followups";
+    for (const x of n.followUpReplies) {
+      const y = document.createElement("button");
+      y.type = "button", y.className = "ago-message__followup-btn", y.textContent = x, y.disabled = !m, E(y, {
+        minHeight: "44px",
         padding: "6px 14px",
         fontSize: "14px",
-        borderRadius: ze,
-        border: `1px solid ${N}`,
-        backgroundColor: te,
-        color: ee,
+        borderRadius: Ye,
+        border: `1px solid ${T}`,
+        backgroundColor: ne,
+        color: te,
         cursor: m ? "pointer" : "default",
         transition: "border-color 0.15s"
-      }), x && c.addEventListener("click", () => x(l)), c.addEventListener("mouseenter", () => {
-        c.style.borderColor = De;
-      }), c.addEventListener("mouseleave", () => {
-        c.style.borderColor = N;
-      }), g.appendChild(c);
+      }), v && y.addEventListener("click", () => v(x)), y.addEventListener("mouseenter", () => {
+        y.style.borderColor = Je;
+      }), y.addEventListener("mouseleave", () => {
+        y.style.borderColor = T;
+      }), u.appendChild(y);
     }
-    R.appendChild(g);
+    z.appendChild(u);
   }
-  return R;
+  return z;
 }
-function hn(t) {
-  const o = h({
+function Mn(n) {
+  const o = g({
     display: "flex",
     alignItems: "center",
     gap: "8px",
     padding: "10px 14px",
     backgroundColor: "#f0fdf4",
     color: "#15803d",
-    borderRadius: ze,
+    borderRadius: Ye,
     marginTop: "8px",
     fontSize: "13px",
     border: "1px solid #bbf7d0"
   });
   o.className = "ago-form-notice", o.setAttribute("role", "status");
-  const i = document.createElement("span");
-  i.textContent = "✓", i.setAttribute("aria-hidden", "true"), v(i, { fontWeight: "700" });
   const r = document.createElement("span");
-  return r.textContent = t, o.append(i, r), o;
+  r.textContent = "✓", r.setAttribute("aria-hidden", "true"), E(r, { fontWeight: "700" });
+  const i = document.createElement("span");
+  return i.textContent = n, o.append(r, i), o;
 }
-function xn() {
-  const t = h({
+function On() {
+  const n = g({
     display: "flex",
     gap: "4px",
     padding: "4px 0"
   });
   for (let o = 0; o < 3; o++) {
-    const i = h({
+    const r = g({
       width: "6px",
       height: "6px",
       borderRadius: "50%",
-      backgroundColor: "#b5bfc8",
+      backgroundColor: "currentColor",
+      opacity: "0.55",
       animation: "ago-pulse 1.2s ease-in-out infinite",
       animationDelay: `${o * 0.2}s`
     });
-    t.appendChild(i);
+    n.appendChild(r);
   }
-  return t;
+  return n;
 }
-function bn() {
-  const t = "http://www.w3.org/2000/svg", o = document.createElementNS(t, "svg");
+function Bn() {
+  const n = "http://www.w3.org/2000/svg", o = document.createElementNS(n, "svg");
   o.setAttribute("width", "26"), o.setAttribute("height", "26"), o.setAttribute("viewBox", "0 0 24 24"), o.setAttribute("fill", "none");
-  const i = document.createElementNS(t, "path");
-  return i.setAttribute("d", "M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7a8.5 8.5 0 0 1-.9-3.8 8.38 8.38 0 0 1 8.5-8.5 8.38 8.38 0 0 1 8.5 8.5z"), i.setAttribute("stroke", "currentColor"), i.setAttribute("stroke-width", "2"), i.setAttribute("stroke-linecap", "round"), i.setAttribute("stroke-linejoin", "round"), o.appendChild(i), o;
+  const r = document.createElementNS(n, "path");
+  return r.setAttribute("d", "M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7a8.5 8.5 0 0 1-.9-3.8 8.38 8.38 0 0 1 8.5-8.5 8.38 8.38 0 0 1 8.5 8.5z"), r.setAttribute("stroke", "currentColor"), r.setAttribute("stroke-width", "2"), r.setAttribute("stroke-linecap", "round"), r.setAttribute("stroke-linejoin", "round"), o.appendChild(r), o;
 }
-var bt = "Form submitted.";
-function vn(t) {
-  if (typeof t == "string") return t || null;
-  if (!t || typeof t != "object") return null;
-  const o = t;
+var Mt = "Form submitted.";
+function Dn(n) {
+  if (typeof n == "string") return n || null;
+  if (!n || typeof n != "object") return null;
+  const o = n;
   if (typeof o.message == "string" && o.message) return o.message;
-  const i = o.result;
-  if (typeof i == "string" && i) return i;
-  if (i && typeof i == "object") {
-    const r = i.message;
-    if (typeof r == "string" && r) return r;
+  const r = o.result;
+  if (typeof r == "string" && r) return r;
+  if (r && typeof r == "object") {
+    const i = r.message;
+    if (typeof i == "string" && i) return i;
   }
   return null;
 }
-var yn = 0, He = 0, Pe = 0;
-function vt() {
-  if (He++ > 0) return;
-  Pe = window.scrollY;
-  const { style: t } = document.body;
-  t.position = "fixed", t.top = `-${Pe}px`, t.left = "0", t.right = "0", t.width = "100%", document.documentElement.style.overflow = "hidden";
-}
-function Re() {
-  if (He === 0 || --He > 0) return;
-  const { style: t } = document.body;
-  t.removeProperty("position"), t.removeProperty("top"), t.removeProperty("left"), t.removeProperty("right"), t.removeProperty("width"), document.documentElement.style.removeProperty("overflow"), window.scrollTo(0, Pe);
-}
-function wn(t) {
-  const o = typeof t == "string" ? document.querySelector(t) : t;
-  if (!o) throw new Error(`mountChatWidget: target "${String(t)}" not found.`);
+var Hn = 0;
+function zn(n) {
+  const o = typeof n == "string" ? document.querySelector(n) : n;
+  if (!o) throw new Error(`mountChatWidget: target "${String(n)}" not found.`);
   return o;
 }
-function kn(t, o) {
-  const { title: i = "Chat", welcomeMessage: r = "Hello! How can I help you today?", placeholder: b = "Type a message...", allowFiles: a = !1, height: C = 500, placement: m = "inline", width: x = 400, defaultOpen: p = !1, logoUrl: f, showAgentName: I = !1, agentBubble: R = !1, bubbleStyle: A = "default", showHeader: Q = !0, theme: D, loadThreads: g = !1, forms: l, formSubmittedMessage: c = bt, onFollowUpClick: w, onMessageSent: B, onMessageReceived: k, onFormSubmitted: V, onFormError: j, onOpen: M, onClose: q } = o, oe = typeof r == "string" ? {
-    message: r,
+function qn(n, o) {
+  const { title: r = "Chat", welcomeMessage: i = "Hello! How can I help you today?", placeholder: w = "Type a message...", allowFiles: s = !1, allowStop: k = !0, height: m = 500, placement: v = "inline", width: f = 400, defaultOpen: c = !1, logoUrl: A, showAgentName: z = !1, agentBubble: F = !1, bubbleStyle: B = "default", showHeader: I = !0, theme: u, loadThreads: x = !1, forms: y, formSubmittedMessage: d = Mt, onFollowUpClick: h, onMessageSent: _, onMessageReceived: K, onFormSubmitted: D, onFormError: M, onOpen: j, onClose: tt } = o, re = typeof i == "string" ? {
+    message: i,
     mode: "static"
-  } : r, Ue = oe.message, Ge = oe.mode ?? "static", It = "speed" in oe && oe.speed || 45, Ve = "followUpReplies" in oe && oe.followUpReplies || void 0;
-  if (!o.client && !o.config?.baseUrl) throw new Kt("mountChatWidget requires either `client` or `config` (with a baseUrl).", "config_missing_base_url");
-  const E = o.client ?? new Zt(o.config), je = wn(t), z = m === "left" || m === "right", At = z && (o.launcher ?? !0);
-  let Z = z ? p : !0, me = !1;
-  const _t = o.mobile?.breakpoint ?? 768, Le = o.mobile?.trigger ?? "tap", qe = typeof window < "u" && !!window.matchMedia, T = qe ? window.matchMedia(`(max-width: ${_t}px)`) : void 0, Lt = qe ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, re = !z && !!T, Ne = o.persistConversation, ge = Ne ? Jt(Ne === !0 ? {} : Ne) : void 0;
-  let P = o.conversationId ?? ge?.getLastActiveThread() ?? void 0, u = [], J = !1, le = null, K;
-  const Ke = [];
-  function Nt(e) {
-    if (typeof c == "function") {
-      const s = c(e);
-      if (typeof s == "string" && s) return s;
+  } : i, nt = re.message, ot = re.mode ?? "static", Wt = "speed" in re && re.speed || 45, it = "followUpReplies" in re && re.followUpReplies || void 0;
+  if (!o.client && !o.config?.baseUrl) throw new hn("mountChatWidget requires either `client` or `config` (with a baseUrl).", "config_missing_base_url");
+  const C = o.client ?? new yn(o.config), rt = zn(n), L = v === "left" || v === "right", Ut = L && (o.launcher ?? !0);
+  let oe = L ? c : !0, Oe = !1;
+  const Gt = o.mobile?.breakpoint ?? 768, Be = o.mobile?.trigger ?? "tap", st = typeof window < "u" && !!window.matchMedia, O = st ? window.matchMedia(`(max-width: ${Gt}px), (max-height: 500px) and (orientation: landscape)`) : void 0, jt = st ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, Vt = !!O, fe = !L && !!O, ue = /* @__PURE__ */ Symbol("ago-scroll-lock");
+  let se = !1;
+  const De = o.persistConversation, be = De ? wn(De === !0 ? {} : De) : void 0;
+  let V = o.conversationId ?? be?.getLastActiveThread() ?? void 0, p = [], ye = [], q = !1, ae = null, Q;
+  const He = [];
+  function qt(e) {
+    if (typeof d == "function") {
+      const l = d(e);
+      if (typeof l == "string" && l) return l;
     }
-    const n = vn(e);
-    return n || (typeof c == "string" ? c : bt);
+    const t = Dn(e);
+    return t || (typeof d == "string" ? d : Mt);
   }
-  const he = [], d = h({
+  const we = [], a = g({
     display: "flex",
     flexDirection: "column",
-    height: z ? "100%" : typeof C == "number" ? `${C}px` : C,
-    border: `1px solid ${N}`,
-    borderRadius: rn,
+    height: L ? "100%" : typeof m == "number" ? `${m}px` : m,
+    border: `1px solid ${T}`,
+    borderRadius: En,
     overflow: "hidden",
-    backgroundColor: te,
-    fontFamily: ke,
+    backgroundColor: ne,
+    fontFamily: $e,
     textAlign: "left",
     boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
   });
-  d.className = "ago-chat-widget", sn(d, D);
-  let F;
-  if (Q) {
-    if (F = h({
+  a.className = "ago-chat-widget", Rn(a, u);
+  let W;
+  if (I) {
+    if (W = g({
       padding: "14px 16px",
-      borderBottom: `1px solid ${N}`,
-      backgroundColor: on,
-      color: mt,
+      borderBottom: `1px solid ${T}`,
+      backgroundColor: Sn,
+      color: $t,
       display: "flex",
       alignItems: "center",
       gap: "10px"
-    }), F.className = "ago-chat-widget__header", f) {
-      const n = document.createElement("img");
-      n.src = f, n.alt = "Logo", v(n, {
+    }), W.className = "ago-chat-widget__header", A) {
+      const t = document.createElement("img");
+      t.src = A, t.alt = "Logo", E(t, {
         height: "24px",
         width: "auto"
-      }), F.appendChild(n);
+      }), W.appendChild(t);
     }
     const e = document.createElement("h3");
-    if (e.textContent = i, v(e, {
+    if (e.textContent = r, E(e, {
       margin: "0",
       fontSize: "15px",
       fontWeight: "600"
-    }), F.appendChild(e), z) {
-      const n = document.createElement("button");
-      n.type = "button", n.className = "ago-chat-widget__close", n.setAttribute("aria-label", "Close"), n.textContent = "×", v(n, {
+    }), W.appendChild(e), L) {
+      const t = document.createElement("button");
+      t.type = "button", t.className = "ago-chat-widget__close", t.setAttribute("aria-label", "Close"), t.textContent = "×", E(t, {
         marginLeft: "auto",
+        flexShrink: "0",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "44px",
+        height: "44px",
+        margin: "-10px -10px -10px auto",
         background: "transparent",
         border: "none",
-        color: mt,
+        color: $t,
         fontSize: "22px",
         lineHeight: "1",
         cursor: "pointer",
-        padding: "0 2px"
-      }), n.addEventListener("click", () => Oe()), F.appendChild(n);
+        padding: "0"
+      }), t.addEventListener("click", () => Ie()), W.appendChild(t);
     }
   }
-  const _ = h({
+  const S = g({
     flex: "1",
     overflow: "auto",
     overscrollBehavior: "contain",
     padding: "16px",
-    backgroundColor: yt
+    backgroundColor: Ot
   });
-  _.className = "ago-chat-widget__messages", _.setAttribute("role", "log"), _.setAttribute("aria-live", "polite"), _.setAttribute("aria-relevant", "additions text"), _.setAttribute("aria-atomic", "false");
-  const { inputRow: Te, setDisabled: Tt, focus: xe } = dn({
-    placeholder: b,
-    allowFiles: a,
-    onSend: (e, n) => {
-      we(e, n);
+  S.className = "ago-chat-widget__messages", S.setAttribute("role", "log"), S.setAttribute("aria-live", "polite"), S.setAttribute("aria-relevant", "additions text"), S.setAttribute("aria-atomic", "false");
+  const Xt = 48;
+  let le = !0, ze = 0;
+  function ve(e) {
+    ze++;
+    try {
+      e();
+    } finally {
+      const t = () => {
+        ze--;
+      };
+      typeof queueMicrotask == "function" ? queueMicrotask(t) : t();
     }
+  }
+  function Kt() {
+    return S.scrollHeight - S.scrollTop - S.clientHeight <= Xt;
+  }
+  const J = document.createElement("button");
+  J.type = "button", J.className = "ago-chat-widget__jump", J.setAttribute("aria-label", "Jump to latest message"), J.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M19 12l-7 7-7-7"/></svg>', E(J, {
+    position: "absolute",
+    left: "50%",
+    bottom: "12px",
+    transform: "translateX(-50%)",
+    width: "44px",
+    height: "44px",
+    display: "none",
+    alignItems: "center",
+    justifyContent: "center",
+    border: `1px solid ${T}`,
+    borderRadius: "50%",
+    backgroundColor: ne,
+    color: te,
+    boxShadow: "rgba(15, 15, 15, 0.16) 0px 2px 10px 0px",
+    cursor: "pointer",
+    zIndex: "2"
+  }), J.addEventListener("click", () => {
+    le = !0, ve(() => {
+      S.scrollTop = S.scrollHeight;
+    }), Fe();
+  });
+  function Fe() {
+    J.style.display = le ? "none" : "flex";
+  }
+  function Pe() {
+    le && ve(() => {
+      S.scrollTop = S.scrollHeight;
+    }), Fe();
+  }
+  S.addEventListener("scroll", () => {
+    ze > 0 || (le = Kt(), Fe());
   });
-  ln(), d.append(...F ? [F] : [], _, Te);
-  let be = d, U, $;
-  const ve = m === "left" ? "left" : "right";
-  if (z && (U = h({
+  const at = g({
+    position: "relative",
+    flex: "1",
+    display: "flex",
+    minHeight: "0"
+  });
+  at.append(S, J);
+  const { inputRow: We, setDisabled: Qt, focus: Ce, restoreDraft: Jt } = In({
+    placeholder: w,
+    allowFiles: s,
+    onSend: (e, t) => {
+      Re(e, t);
+    },
+    onStop: k ? () => {
+      vt();
+    } : void 0
+  });
+  kn(), a.append(...W ? [W] : [], at, We);
+  let Ee = a, $, H;
+  const Se = v === "left" ? "left" : "right";
+  if (L && ($ = g({
     position: "fixed",
     top: "0",
     bottom: "0",
-    [ve]: "0",
-    width: typeof x == "number" ? `${x}px` : x,
+    [Se]: "0",
+    width: typeof f == "number" ? `${f}px` : f,
     maxWidth: "100vw",
     display: "flex",
     zIndex: "2147483000",
     transition: "transform 0.3s ease",
     boxShadow: "rgba(15, 15, 15, 0.18) 0px 0px 24px 0px"
-  }), U.className = "ago-chat-widget-panel", v(d, {
+  }), $.className = "ago-chat-widget-panel", E(a, {
     height: "100%",
     width: "100%",
     borderRadius: "0",
     border: "none",
     boxShadow: "none",
-    [ve === "left" ? "borderRight" : "borderLeft"]: `1px solid ${N}`
-  }), U.appendChild(d), be = U), At) {
-    if ($ = document.createElement("button"), $.type = "button", $.className = "ago-chat-widget-launcher", $.setAttribute("aria-label", `Open ${i}`), v($, {
+    [Se === "left" ? "borderRight" : "borderLeft"]: `1px solid ${T}`
+  }), $.appendChild(a), Ee = $), Ut) {
+    if (H = document.createElement("button"), H.type = "button", H.className = "ago-chat-widget-launcher", H.setAttribute("aria-label", `Open ${r}`), E(H, {
       position: "fixed",
       bottom: "20px",
-      [ve]: "20px",
+      [Se]: "20px",
       width: "56px",
       height: "56px",
       borderRadius: "50%",
       border: "none",
-      backgroundColor: Ae,
-      color: _e,
+      backgroundColor: Te,
+      color: Me,
       cursor: "pointer",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       zIndex: "2147483000",
       boxShadow: "rgba(15, 15, 15, 0.2) 0px 4px 14px 0px",
-      fontFamily: ke
-    }), f) {
+      fontFamily: $e
+    }), A) {
       const e = document.createElement("img");
-      e.src = f, e.alt = "", v(e, {
+      e.src = A, e.alt = "", E(e, {
         width: "26px",
         height: "26px",
         objectFit: "contain"
-      }), $.appendChild(e);
-    } else $.appendChild(bn());
-    $.addEventListener("click", () => Me());
+      }), H.appendChild(e);
+    } else H.appendChild(Bn());
+    H.addEventListener("click", () => je());
   }
-  const de = re ? `ago-vt-${++yn}` : "", Xe = 52;
-  let W = !1, ce = 0, ie = 0, H, pe, X;
-  const ye = {
-    height: d.style.height,
-    border: d.style.border,
-    borderRadius: d.style.borderRadius,
-    boxShadow: d.style.boxShadow
+  const me = fe ? `ago-vt-${++Hn}` : "", lt = 52;
+  let X = !1, Y = 0, de = 0, U, he, Z;
+  const Ae = {
+    height: a.style.height,
+    border: a.style.border,
+    borderRadius: a.style.borderRadius,
+    boxShadow: a.style.boxShadow
   };
-  je.appendChild(be), $ && je.appendChild($), Ce(), re && (H = Gt(), d.insertBefore(H, d.firstChild), pe = document.createElement("style"), pe.id = de, pe.textContent = `::view-transition-group(${de}),::view-transition-group(${de}-bar){animation-duration:0.3s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}`, document.head.appendChild(pe), (Le === "focus" || Le === "tap") && (d.addEventListener("pointerdown", (e) => {
-    if (W || !T?.matches) return;
-    const n = Te.contains(e.target);
-    if (Le === "tap") {
+  rt.appendChild(Ee), H && rt.appendChild(H), ke(), fe && (U = pn(), a.insertBefore(U, a.firstChild), he = document.createElement("style"), he.id = me, he.textContent = `::view-transition-group(${me}),::view-transition-group(${me}-bar){animation-duration:0.3s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}`, document.head.appendChild(he), (Be === "focus" || Be === "tap") && (a.addEventListener("pointerdown", (e) => {
+    if (X || !O?.matches) return;
+    const t = We.contains(e.target);
+    if (Be === "tap") {
       if ((e.target instanceof Element ? e.target : null)?.closest("button,a[href],[role='button']")) return;
-    } else if (!n) return;
-    n && e.preventDefault(), fe();
-  }, !0), d.addEventListener("focusin", (e) => {
-    T?.matches && Te.contains(e.target) && fe();
-  })), document.addEventListener("keydown", it)), T && T.addEventListener("change", at);
-  const $t = w !== !1, Bt = w === !1 ? void 0 : w ?? ((e) => {
-    re && T?.matches && !W ? fe().then(() => we(e)) : we(e);
+    } else if (!t) return;
+    t && e.preventDefault(), ge();
+  }, !0), a.addEventListener("focusin", (e) => {
+    O?.matches && We.contains(e.target) && ge();
+  }))), Vt && document.addEventListener("keydown", Et), O && O.addEventListener("change", St);
+  const Yt = h !== !1, Zt = h === !1 ? void 0 : h ?? ((e) => {
+    fe && O?.matches && !X ? ge().then(() => Re(e)) : Re(e);
   });
-  function L() {
-    if (_.replaceChildren(), u.length === 0) {
-      if (Ge === "static") {
-        const n = h({
+  function dt(e) {
+    const t = p.length - 1;
+    return {
+      isLast: e === t,
+      isLastOfBlock: e === t || p[e + 1].role !== p[e].role,
+      bubbleStyle: B,
+      showAgentName: z,
+      agentBubble: F,
+      followUpEnabled: Yt,
+      followUpHandler: Zt,
+      isMobile: !!O?.matches
+    };
+  }
+  function en() {
+    if (ae || He.length > 0) return !1;
+    const e = p.length - 1, t = p[e];
+    if (!t || t.role !== "assistant") return !1;
+    const l = ye[e];
+    if (!l || l.parentNode !== S) return !1;
+    const R = Tt(t, dt(e));
+    return ve(() => S.replaceChild(R, l)), ye[e] = R, Pe(), !0;
+  }
+  function N() {
+    ve(tn), Pe();
+    const e = p[p.length - 1], t = q && e?.role === "assistant" && (e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT");
+    S.setAttribute("aria-busy", t ? "true" : "false"), Qt(t);
+  }
+  function tn() {
+    if (S.replaceChildren(), ye = [], p.length === 0) {
+      if (ot === "static") {
+        const e = g({
           textAlign: "center",
-          color: wt,
+          color: Bt,
           padding: "24px 16px",
           fontSize: "16px",
           lineHeight: "1.5"
         });
-        n.appendChild(We(Ue)), _.appendChild(n);
+        e.appendChild(et(nt)), S.appendChild(e);
       }
-    } else u.forEach((n, s) => {
-      const S = s === u.length - 1 || u[s + 1].role !== n.role;
-      _.appendChild(gn(n, {
-        isLast: s === u.length - 1,
-        isLastOfBlock: S,
-        bubbleStyle: A,
-        showAgentName: I,
-        agentBubble: R,
-        followUpEnabled: $t,
-        followUpHandler: Bt,
-        isMobile: !!T?.matches
-      }));
+    } else p.forEach((e, t) => {
+      const l = Tt(e, dt(t));
+      ye[t] = l, S.appendChild(l);
     });
-    for (const n of Ke) _.appendChild(hn(n));
-    if (le) {
-      const n = h({
+    for (const e of He) S.appendChild(Mn(e));
+    if (ae) {
+      const e = g({
         padding: "10px 14px",
         backgroundColor: "#fef2f2",
         color: "#dc2626",
@@ -802,37 +863,37 @@ function kn(t, o) {
         fontSize: "13px",
         border: "1px solid #fecaca"
       });
-      n.setAttribute("role", "alert"), n.textContent = le, _.appendChild(n);
+      e.setAttribute("role", "alert"), e.textContent = ae, S.appendChild(e);
     }
-    _.scrollTop = _.scrollHeight;
-    const e = u[u.length - 1];
-    Tt(J && e?.role === "assistant" && (e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT"));
   }
-  function Mt() {
-    for (let e = u.length - 1; e >= 0; e--) {
-      const n = u[e];
-      if (n.role === "assistant" && (n.status === "IN_PROGRESS" || n.status === "WAITING_CLIENT")) return n;
+  function ct() {
+    for (let e = p.length - 1; e >= 0; e--) {
+      const t = p[e];
+      if (t.role === "assistant" && (t.status === "IN_PROGRESS" || t.status === "WAITING_CLIENT")) return t;
     }
   }
-  const Ye = (e) => {
-    P || (P = e.conversationId);
-  }, Qe = (e) => {
-    const n = Mt();
-    n && (n.content += e.content, L());
-  }, Ze = (e) => {
-    const n = u.findIndex((s) => s.id === e.id || s.role === "assistant" && s.status === "IN_PROGRESS");
-    n >= 0 ? u[n] = e : u.push(e), L(), xe();
-  }, Je = (e) => {
-    const n = u.findIndex((s) => s.id === e.id || s.role === "assistant" && s.status === "IN_PROGRESS");
-    n >= 0 ? u[n] = e : u.push(e), J = !1, L(), e.status === "DONE" && k?.({
+  const pt = (e) => {
+    V || (V = e.conversationId);
+  }, ft = (e) => {
+    const t = ct();
+    t && (t.content += e.content, en() || N());
+  }, ut = (e) => {
+    const t = p.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
+    t >= 0 ? p[t] = e : p.push(e), N(), Ve() || Ce();
+  }, mt = (e) => {
+    const t = p.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
+    t >= 0 ? p[t] = e : p.push(e), q = !1, N(), e.status === "DONE" && K?.({
       id: e.id,
       content: e.content
     });
-  }, et = (e) => {
-    le = e.error, J = !1, u = u.filter((n) => !n.id.startsWith("temp-")), L();
+  }, ht = () => {
+    const e = ct();
+    e && (e.content ? e.status = "CANCELED" : p = p.filter((t) => t !== e)), q = !1, N();
+  }, gt = (e) => {
+    ae = e.error, q = !1, p = p.filter((t) => !t.id.startsWith("temp-")), N();
   };
-  function Ot(e) {
-    const n = {
+  function nn(e) {
+    const t = {
       id: `ago-intro-${Date.now()}`,
       conversationId: "",
       content: "",
@@ -840,240 +901,267 @@ function kn(t, o) {
       status: "IN_PROGRESS",
       createdAt: /* @__PURE__ */ new Date()
     };
-    u.push(n), L();
-    const s = e.match(/\S+\s*/g) ?? [e];
-    let S = 0;
-    K = setInterval(() => {
-      if (S >= s.length) {
-        clearInterval(K), K = void 0, n.status = "DONE", Ve && (n.followUpReplies = Ve), L();
+    p.push(t), N();
+    const l = e.match(/\S+\s*/g) ?? [e];
+    let R = 0;
+    Q = setInterval(() => {
+      if (R >= l.length) {
+        clearInterval(Q), Q = void 0, t.status = "DONE", it && (t.followUpReplies = it), N();
         return;
       }
-      n.content += s[S], S++, L();
-    }, It);
+      t.content += l[R], R++, N();
+    }, Wt);
   }
-  E.on("message:start", Ye), E.on("message:chunk", Qe), E.on("message:answer-complete", Ze), E.on("message:complete", Je), E.on("message:error", et);
-  const tt = (e) => V?.(e), nt = (e) => j?.(e);
-  V && E.on("form:submitted", tt), j && E.on("form:error", nt);
-  const $e = [];
-  let ot = !1;
-  const rt = (e) => {
-    if (ot) return;
-    $e.push(e.install(E));
-    let n = e.store.get().submitted;
-    const s = e.store.subscribe((S) => {
-      S.submitted && !n && (Ke.push(Nt(S.submitResult)), L()), n = S.submitted;
+  C.on("message:start", pt), C.on("message:chunk", ft), C.on("message:answer-complete", ut), C.on("message:complete", mt), C.on("message:stopped", ht), C.on("message:error", gt);
+  const xt = (e) => D?.(e), bt = (e) => M?.(e);
+  D && C.on("form:submitted", xt), M && C.on("form:error", bt);
+  const Ue = [];
+  let yt = !1;
+  const wt = (e) => {
+    if (yt) return;
+    Ue.push(e.install(C));
+    let t = e.store.get().submitted;
+    const l = e.store.subscribe((R) => {
+      R.submitted && !t && (He.push(qt(R.submitResult)), N()), t = R.submitted;
     });
-    $e.push(s);
+    Ue.push(l);
   };
-  for (const e of l ?? []) e.schema != null ? rt(tn(e)) : en(E, e).then((n) => rt(n)).catch(() => {
+  for (const e of y ?? []) e.schema != null ? wt(Cn(e)) : vn(C, e).then((t) => wt(t)).catch(() => {
   });
-  async function we(e, n) {
-    const s = e.trim();
-    if (!s && !n?.length || J) return;
-    if (B?.(s), J = !0, le = null, K) {
-      clearInterval(K), K = void 0;
-      const y = u.find((G) => G.id.startsWith("ago-intro-"));
-      y && !y.content ? u = u.filter((G) => G !== y) : y && (y.status = "DONE");
+  async function Re(e, t) {
+    const l = e.trim();
+    if (!l && !t?.length || q) return;
+    if (_?.(l), q = !0, ae = null, le = !0, Q) {
+      clearInterval(Q), Q = void 0;
+      const b = p.find((G) => G.id.startsWith("ago-intro-"));
+      b && !b.content ? p = p.filter((G) => G !== b) : b && (b.status = "DONE");
     }
-    const S = Date.now();
-    u.push({
-      id: `temp-user-${S}`,
-      conversationId: P || "",
-      content: s,
+    const R = Date.now();
+    p.push({
+      id: `temp-user-${R}`,
+      conversationId: V || "",
+      content: l,
       role: "user",
       status: "DONE",
-      attachments: n && n.length > 0 ? Xt(n) : void 0,
+      attachments: t && t.length > 0 ? gn(t) : void 0,
       createdAt: /* @__PURE__ */ new Date()
-    }), u.push({
-      id: `temp-assistant-${S}`,
-      conversationId: P || "",
+    }), p.push({
+      id: `temp-assistant-${R}`,
+      conversationId: V || "",
       content: "",
       role: "assistant",
       status: "IN_PROGRESS",
       createdAt: /* @__PURE__ */ new Date()
-    }), L();
+    }), N();
     try {
-      const y = await E.sendMessage(s, {
-        conversationId: P,
-        files: n
+      const b = await C.sendMessage(l, {
+        conversationId: V,
+        files: t
       });
-      y.conversationId && (P || (P = y.conversationId), ge?.setActiveThread(y.conversationId, y.createdAt));
-      const G = u.find((Y) => Y.id === `temp-user-${S}`);
-      if (G && (G.id = `user-${S}`, G.conversationId = y.conversationId), !u.some((Y) => Y.id === y.id)) {
-        const Y = u.findIndex((jt) => jt.id === `temp-assistant-${S}`);
-        Y >= 0 ? u[Y] = y : u.push(y);
+      b.conversationId && (V || (V = b.conversationId), be?.setActiveThread(b.conversationId, b.createdAt));
+      const G = p.find((ee) => ee.id === `temp-user-${R}`);
+      if (G && (G.id = `user-${R}`, G.conversationId = b.conversationId), b.id && !p.some((ee) => ee.id === b.id)) {
+        const ee = p.findIndex((un) => un.id === `temp-assistant-${R}`);
+        ee >= 0 ? p[ee] = b : p.push(b);
       }
-      u = u.filter((Y) => !Y.id.startsWith("temp-")), y.status !== "WAITING_CLIENT" && (J = !1), L(), g && Be();
-    } catch (y) {
-      le = y instanceof Error ? y.message : "Failed to send message", J = !1, u = u.filter((G) => !G.id.startsWith("temp-")), L();
+      p = p.filter((ee) => !ee.id.startsWith("temp-")), b.status !== "WAITING_CLIENT" && (q = !1), N(), x && Ge();
+    } catch (b) {
+      ae = b instanceof Error ? b.message : "Failed to send message", q = !1, p = p.filter((G) => !G.id.startsWith("temp-")), Jt(l, t), N();
     }
   }
-  async function Be() {
+  async function vt() {
+    q && await C.stop();
+  }
+  async function Ge() {
     try {
-      const { data: e } = await E.getConversations();
-      he.splice(0, he.length, ...e);
+      const { data: e } = await C.getConversations();
+      we.splice(0, we.length, ...e);
     } catch {
     }
-    return he;
+    return we;
   }
-  async function Dt(e) {
+  async function on(e) {
     try {
-      const n = (await E.getConversation(e))?.messages ?? [];
-      n.length > 0 && u.length === 0 && (u = n, L());
+      const t = (await C.getConversation(e))?.messages ?? [];
+      t.length > 0 && p.length === 0 && (p = t, N());
     } catch {
-      u.length === 0 && (ge?.clear(), P = void 0);
+      p.length === 0 && (be?.clear(), V = void 0);
     }
   }
-  return L(), re && T?.matches || xe(), P ? Dt(P) : Ge === "streaming" && Ot(Ue), g && Be(), {
-    client: E,
-    element: be,
-    sendMessage: we,
-    ...z || re ? {
-      open: Ft,
-      close: Ht,
-      toggle: Pt
+  return N(), fe && O?.matches || Ce(), V ? on(V) : ot === "streaming" && nn(nt), x && Ge(), {
+    client: C,
+    element: Ee,
+    sendMessage: Re,
+    stop: vt,
+    ...L || fe ? {
+      open: sn,
+      close: an,
+      toggle: ln
     } : {},
-    session: ge,
-    threads: he,
-    refreshThreads: Be,
+    session: be,
+    threads: we,
+    refreshThreads: Ge,
     destroy() {
-      K && clearInterval(K), E.off("message:start", Ye), E.off("message:chunk", Qe), E.off("message:answer-complete", Ze), E.off("message:complete", Je), E.off("message:error", et), V && E.off("form:submitted", tt), j && E.off("form:error", nt), ot = !0, $e.forEach((e) => e()), be.remove(), $?.remove(), H?.remove(), pe?.remove(), X?.remove(), T?.removeEventListener("change", at), re && (document.removeEventListener("keydown", it), dt(), W && Re()), me && (me = !1, Re()), o.client || E.destroy();
+      se || (se = !0, Q && clearInterval(Q), C.off("message:start", pt), C.off("message:chunk", ft), C.off("message:answer-complete", ut), C.off("message:complete", mt), C.off("message:stopped", ht), C.off("message:error", gt), D && C.off("form:submitted", xt), M && C.off("form:error", bt), yt = !0, Ue.forEach((e) => e()), Ee.remove(), H?.remove(), U?.remove(), he?.remove(), Z?.remove(), O?.removeEventListener("change", St), document.removeEventListener("keydown", Et), Ke(), Oe = !1, Qe(ue), o.client || C.destroy());
     }
   };
-  function Ce() {
-    if (!U) return;
+  function ke() {
+    if (!$) return;
     {
-      const s = ve === "left" ? "border-right" : "border-left";
-      T?.matches ? (U.style.width = "100%", d.style.borderRadius = "0", d.style.removeProperty(s)) : (U.style.width = typeof x == "number" ? `${x}px` : x, d.style.setProperty(s, `1px solid ${N}`));
+      const l = Se === "left" ? "border-right" : "border-left";
+      O?.matches ? ($.style.width = "100%", a.style.borderRadius = "0", a.style.removeProperty(l)) : ($.style.width = typeof f == "number" ? `${f}px` : f, a.style.setProperty(l, `1px solid ${T}`));
     }
-    const e = m === "left" ? "translateX(-100%)" : "translateX(100%)";
-    U.style.transform = Z ? "translateX(0)" : e, U.setAttribute("aria-hidden", Z ? "false" : "true"), $ && ($.style.display = Z ? "none" : "flex");
-    const n = Z && !!T?.matches;
-    n !== me && (me = n, n ? vt() : Re());
+    const e = v === "left" ? "translateX(-100%)" : "translateX(100%)";
+    $.style.transform = oe ? "translateX(0)" : e, $.setAttribute("aria-hidden", oe ? "false" : "true"), H && (H.style.display = oe ? "none" : "flex");
+    const t = Ct();
+    t !== Oe && (Oe = t, t ? (a.setAttribute("role", "dialog"), a.setAttribute("aria-modal", "true"), a.setAttribute("aria-label", r), a.tabIndex = -1, a.style.paddingBottom = "env(safe-area-inset-bottom)", _t(ue), Y = qe(), Xe(), At()) : (Ke(), cn(), Y = 0, a.removeAttribute("role"), a.removeAttribute("aria-modal"), a.removeAttribute("aria-label"), a.style.removeProperty("padding-bottom"), Qe(ue)));
+  }
+  function je() {
+    oe = !0, ke(), Ve() ? a.focus({ preventScroll: !0 }) : Ce(), j?.();
+  }
+  function Ie() {
+    oe = !1, ke(), tt?.();
   }
-  function Me() {
-    Z = !0, Ce(), xe(), M?.();
+  function rn() {
+    oe ? Ie() : je();
   }
-  function Oe() {
-    Z = !1, Ce(), q?.();
+  function sn() {
+    L ? je() : ge();
   }
-  function zt() {
-    Z ? Oe() : Me();
+  function an() {
+    L ? Ie() : xe();
   }
-  function Ft() {
-    z ? Me() : fe();
+  function ln() {
+    L ? rn() : X ? xe() : ge();
   }
-  function Ht() {
-    z ? Oe() : ue();
+  function Ve() {
+    return !!O?.matches;
   }
-  function Pt() {
-    z ? zt() : W ? ue() : fe();
+  function Ct() {
+    return Ve() && (L ? oe : X);
   }
-  function Wt() {
-    return Array.from(d.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((e) => e.getClientRects().length > 0);
+  function dn() {
+    return Array.from(a.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((e) => e.getClientRects().length > 0);
   }
-  function it(e) {
-    if (!W) return;
+  function Et(e) {
+    if (!Ct()) return;
     if (e.key === "Escape") {
-      ue();
+      L ? Ie() : xe();
       return;
     }
     if (e.key !== "Tab") return;
-    const n = Wt();
-    if (n.length === 0) {
+    const t = dn();
+    if (t.length === 0) {
       e.preventDefault();
       return;
     }
-    const s = n[0], S = n[n.length - 1], y = document.activeElement;
-    e.shiftKey && (y === s || !d.contains(y)) ? (e.preventDefault(), S.focus()) : !e.shiftKey && (y === S || !d.contains(y)) && (e.preventDefault(), s.focus());
+    const l = t[0], R = t[t.length - 1], b = document.activeElement;
+    e.shiftKey && (b === l || !a.contains(b)) ? (e.preventDefault(), R.focus()) : !e.shiftKey && (b === R || !a.contains(b)) && (e.preventDefault(), l.focus());
   }
-  function at(e) {
-    z ? Ce() : !e.matches && W && ue(), L();
+  function St(e) {
+    L ? ke() : !e.matches && X && xe(), N();
   }
-  function st() {
+  function qe() {
     return window.visualViewport?.height ?? window.innerHeight;
   }
-  function lt() {
-    const e = window.visualViewport, n = e?.offsetTop ?? 0, s = e?.height ?? ce, S = Math.min(0, n + s - ce);
-    d.style.top = `${S}px`, H && (H.style.top = `${n}px`);
+  function Xe() {
+    const e = window.visualViewport, t = e?.offsetTop ?? 0, l = e?.height ?? Y;
+    if (L) {
+      if (!$) return;
+      const b = window.innerHeight || Y, G = Math.max(0, b - (t + l));
+      $.style.bottom = `${G}px`, $.style.top = `${t}px`;
+      return;
+    }
+    const R = Math.min(0, t + l - Y);
+    a.style.top = `${R}px`, U && (U.style.top = `${t}px`);
   }
-  function Ee() {
-    ie || (ie = requestAnimationFrame(() => {
-      ie = 0, lt();
+  function cn() {
+    L && $ && ($.style.removeProperty("bottom"), $.style.removeProperty("top"));
+  }
+  function _e() {
+    de || (de = requestAnimationFrame(() => {
+      de = 0, !se && Xe();
     }));
   }
-  function Ut() {
-    window.visualViewport?.addEventListener("resize", Ee), window.visualViewport?.addEventListener("scroll", Ee);
+  function At() {
+    window.visualViewport?.addEventListener("resize", _e), window.visualViewport?.addEventListener("scroll", _e);
   }
-  function dt() {
-    window.visualViewport?.removeEventListener("resize", Ee), window.visualViewport?.removeEventListener("scroll", Ee), ie && (cancelAnimationFrame(ie), ie = 0);
+  function Ke() {
+    window.visualViewport?.removeEventListener("resize", _e), window.visualViewport?.removeEventListener("scroll", _e), de && (cancelAnimationFrame(de), de = 0);
   }
-  function ct() {
-    _.scrollTop = _.scrollHeight;
+  function Rt() {
+    le = !0, Pe();
   }
-  function Gt() {
-    const e = h({
+  function pn() {
+    const e = g({
       position: "fixed",
       top: "0",
       left: "0",
       right: "0",
-      height: `calc(${Xe}px + env(safe-area-inset-top))`,
+      height: `calc(${lt}px + env(safe-area-inset-top))`,
       display: "none",
       alignItems: "center",
       justifyContent: "space-between",
       padding: "env(safe-area-inset-top) 14px 0",
-      backgroundColor: te,
-      borderBottom: `1px solid ${N}`,
+      backgroundColor: ne,
+      borderBottom: `1px solid ${T}`,
       zIndex: "2147483001",
-      fontFamily: ke
+      fontFamily: $e
     });
-    if (e.className = "ago-chat-widget-mobile-bar", f) {
-      const s = document.createElement("img");
-      s.src = f, s.alt = "", v(s, {
+    if (e.className = "ago-chat-widget-mobile-bar", A) {
+      const l = document.createElement("img");
+      l.src = A, l.alt = "", E(l, {
         height: "28px",
         width: "auto"
-      }), e.appendChild(s);
-    } else if (i) {
-      const s = document.createElement("span");
-      s.textContent = i, v(s, {
+      }), e.appendChild(l);
+    } else if (r) {
+      const l = document.createElement("span");
+      l.textContent = r, E(l, {
         fontSize: "15px",
         fontWeight: "600",
-        color: ee,
+        color: te,
         overflow: "hidden",
         whiteSpace: "nowrap",
         textOverflow: "ellipsis"
-      }), e.appendChild(s);
-    } else e.appendChild(h({}));
-    const n = document.createElement("button");
-    return n.type = "button", n.setAttribute("aria-label", "Close"), n.textContent = "×", v(n, {
+      }), e.appendChild(l);
+    } else e.appendChild(g({}));
+    const t = document.createElement("button");
+    return t.type = "button", t.setAttribute("aria-label", "Close"), t.textContent = "×", E(t, {
+      flexShrink: "0",
+      width: "44px",
+      height: "44px",
+      marginRight: "-10px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
       border: "none",
       background: "transparent",
       fontSize: "26px",
       lineHeight: "1",
-      color: ee,
+      color: te,
       cursor: "pointer",
-      padding: "4px 8px"
-    }), n.addEventListener("click", () => {
-      ue();
-    }), e.appendChild(n), e;
+      padding: "0"
+    }), t.addEventListener("click", () => {
+      xe();
+    }), e.appendChild(t), e;
   }
-  function Vt() {
-    return typeof document.startViewTransition == "function" && !Lt?.matches && !!T?.matches;
+  function fn() {
+    return typeof document.startViewTransition == "function" && !jt?.matches && !!O?.matches;
   }
-  function pt(e) {
-    const n = document;
-    if (Vt() && n.startViewTransition) {
-      d.style.setProperty("view-transition-name", de), H?.style.setProperty("view-transition-name", `${de}-bar`);
-      const s = () => {
-        d.style.removeProperty("view-transition-name"), H?.style.removeProperty("view-transition-name");
+  function kt(e) {
+    const t = document;
+    if (fn() && t.startViewTransition) {
+      a.style.setProperty("view-transition-name", me), U?.style.setProperty("view-transition-name", `${me}-bar`);
+      const l = () => {
+        a.style.removeProperty("view-transition-name"), U?.style.removeProperty("view-transition-name");
       };
-      return n.startViewTransition(e).finished.then(s, s);
+      return t.startViewTransition(e).finished.then(l, l);
     }
     return e(), Promise.resolve();
   }
-  function ft(e) {
+  function It(e) {
     if (e)
-      X && d.parentElement?.insertBefore(X, d), v(d, {
+      Z && a.parentElement?.insertBefore(Z, a), E(a, {
         position: "fixed",
         top: "0",
         left: "0",
@@ -1084,12 +1172,12 @@ function kn(t, o) {
         border: "none",
         borderRadius: "0",
         boxShadow: "none",
-        paddingTop: `calc(${Xe}px + env(safe-area-inset-top))`,
+        paddingTop: `calc(${lt}px + env(safe-area-inset-top))`,
         paddingBottom: "env(safe-area-inset-bottom)"
-      }), d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", i), vt(), F && (F.style.display = "none"), H && (H.style.display = "flex");
+      }), a.setAttribute("role", "dialog"), a.setAttribute("aria-modal", "true"), a.setAttribute("aria-label", r), W && (W.style.display = "none"), U && (U.style.display = "flex");
     else {
-      X?.remove(), X = void 0;
-      for (const n of [
+      Z?.remove(), Z = void 0;
+      for (const t of [
         "position",
         "top",
         "left",
@@ -1098,31 +1186,35 @@ function kn(t, o) {
         "z-index",
         "padding-top",
         "padding-bottom"
-      ]) d.style.removeProperty(n);
-      d.style.height = ye.height, d.style.border = ye.border, d.style.borderRadius = ye.borderRadius, d.style.boxShadow = ye.boxShadow, d.removeAttribute("role"), d.removeAttribute("aria-modal"), d.removeAttribute("aria-label"), Re(), F && (F.style.display = "flex"), H && (H.style.display = "none");
+      ]) a.style.removeProperty(t);
+      a.style.height = Ae.height, a.style.border = Ae.border, a.style.borderRadius = Ae.borderRadius, a.style.boxShadow = Ae.boxShadow, a.removeAttribute("role"), a.removeAttribute("aria-modal"), a.removeAttribute("aria-label"), W && (W.style.display = "flex"), U && (U.style.display = "none");
     }
   }
-  function fe() {
-    if (W || !T?.matches) return Promise.resolve();
-    const e = d.getBoundingClientRect();
-    if (e.height >= st() * 0.8) return Promise.resolve();
-    W = !0, X = h({
+  function ge() {
+    if (se || X || !O?.matches) return Promise.resolve();
+    const e = a.getBoundingClientRect();
+    if (e.height >= qe() * 0.8) return Promise.resolve();
+    X = !0, Z = g({
       width: `${e.width}px`,
       height: `${e.height}px`
-    }), X.className = "ago-chat-widget-spacer", X.setAttribute("aria-hidden", "true"), ce = st(), d.style.setProperty("--ago-vh", `${ce}px`), lt(), Ut();
-    const n = pt(() => ft(!0));
-    return n.then(() => {
-      ct(), xe();
-    }), ct(), M?.(), n;
+    }), Z.className = "ago-chat-widget-spacer", Z.setAttribute("aria-hidden", "true"), Y = qe(), a.style.setProperty("--ago-vh", `${Y}px`), Xe(), At(), _t(ue);
+    const t = kt(() => It(!0));
+    return t.then(() => {
+      se || (Rt(), Ce());
+    }), Rt(), j?.(), t;
   }
-  function ue() {
-    if (!W) return Promise.resolve();
-    W = !1, dt(), d.querySelector("textarea")?.blur();
-    const e = pt(() => ft(!1));
-    return e.then(() => d.style.removeProperty("--ago-vh")), ce = 0, q?.(), e;
+  function xe() {
+    if (!X) return Promise.resolve();
+    X = !1, Ke(), Qe(ue), a.querySelector("textarea")?.blur();
+    const e = kt(() => It(!1));
+    return e.then(() => {
+      se || a.style.removeProperty("--ago-vh");
+    }), Y = 0, tt?.(), e;
   }
 }
 export {
-  kn as mountChatWidget,
-  We as renderMarkdown
+  Vn as compactMediaQuery,
+  jn as createSheetController,
+  qn as mountChatWidget,
+  et as renderMarkdown
 };