@useago/sdk 1.0.11 → 1.2.0

package/dist/widget.js

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