@useago/sdk 1.1.0 → 1.3.0

package/dist/widget.js

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