@useago/sdk 1.0.9 → 1.0.11

package/dist/widget.js

@@ -1,190 +1,190 @@
-import { t as ot, u as rt } from "./AgoClient-QcTtrN7u.js";
-import { r as at, t as st } from "./createFormCollector-CFt1_QSL.js";
-import { t as it } from "./createConversationSession-CR-71aLR.js";
-var lt = {
+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 = {
   "&": "&",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
 };
-function U(r) {
-  return r.replace(/[&<>"']/g, (o) => lt[o]);
+function q(r) {
+  return r.replace(/[&<>"']/g, (o) => yt[o]);
 }
-function Oe(r) {
+function Pe(r) {
   const o = r.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', Z = "";
-function M(r) {
-  const o = [], a = (u) => (o.push(u), `${Z}${o.length - 1}${Z}`);
-  let t = r;
-  return t = t.replace(/`([^`]+)`/g, (u, i) => a(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${ze}">${U(i)}</code>`)), t = t.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (u, i, f) => {
-    const l = Oe(f);
-    return l ? a(`<img alt="${U(i)}" src="${U(l)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : u;
-  }), t = t.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (u, i, f) => {
-    const l = Oe(f);
-    return l ? a(`<a href="${U(l)}" target="_blank" rel="noopener noreferrer" style="color:#1b5fc4;text-decoration:underline">${M(i)}</a>`) : u;
-  }), t = U(t), t = t.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>"), t = t.replace(new RegExp(`${Z}(\\d+)${Z}`, "g"), (u, i) => o[Number(i)]), t;
+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;
 }
-function R(r, o, a) {
-  const t = document.createElement(r);
-  return Object.assign(t.style, o), a !== void 0 && (t.innerHTML = a), t;
+function N(r, o, a) {
+  const n = document.createElement(r);
+  return Object.assign(n.style, o), a !== void 0 && (n.innerHTML = a), n;
 }
-var He = /^ {0,3}([-*_])( *\1){2,} *$/, Ue = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, We = /^ {0,3}(```+|~~~+)/, ee = /^ {0,3}>\s?/, W = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, dt = [
+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 = [
   "20px",
   "18px",
   "16px",
   "15px",
   "14px",
   "13px"
-], me = (r) => r.match(/^\s*/)?.[0].length ?? 0;
-function ct(r) {
-  return r.trim() === "" || He.test(r) || Ue.test(r) || We.test(r) || ee.test(r) || W.test(r);
+], 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);
 }
-function Pe(r) {
-  const o = r[0].match(W), a = o[1].length, t = /\d/.test(o[2]), u = R(t ? "ol" : "ul", {
+function tt(r) {
+  const o = r[0].match(V), a = o[1].length, n = /\d/.test(o[2]), u = N(n ? "ol" : "ul", {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
-    listStyleType: t ? "decimal" : "disc",
+    listStyleType: n ? "decimal" : "disc",
     listStylePosition: "outside"
   });
-  let i = 0;
-  for (; i < r.length; ) {
-    const f = r[i].match(W), l = [];
-    for (i++; i < r.length && me(r[i]) > a; )
-      l.push(r[i]), i++;
-    const p = R("li", {
+  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", {
       display: "list-item",
       margin: "2px 0",
       lineHeight: "1.6"
-    }), c = f[3].match(/^\[([ xX])\]\s+(.*)$/);
-    c ? (p.style.listStyleType = "none", p.style.marginLeft = "-20px", p.innerHTML = `<span style="margin-right:6px">${c[1].toLowerCase() === "x" ? "☑" : "☐"}</span>${M(c[2])}`) : p.innerHTML = M(f[3]), l.filter((h) => W.test(h)).length > 0 && p.appendChild(Pe(l.filter((h) => h.trim() !== ""))), u.appendChild(p);
+    }), 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);
   }
   return u;
 }
-function pt(r) {
-  const o = (l) => l.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((p) => p.trim()), a = R("div", {
+function Et(r) {
+  const o = (p) => p.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((b) => b.trim()), a = N("div", {
     overflowX: "auto",
     margin: "0 0 8px 0"
-  }), t = R("table", {
+  }), n = N("table", {
     borderCollapse: "collapse",
     width: "100%",
     fontSize: "13px"
-  }), u = document.createElement("thead"), i = document.createElement("tr");
-  for (const l of o(r[0])) i.appendChild(R("th", {
+  }), u = document.createElement("thead"), s = document.createElement("tr");
+  for (const p of o(r[0])) s.appendChild(N("th", {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
     textAlign: "left",
     backgroundColor: "#f5f7fa",
     fontWeight: "600"
-  }, M(l)));
-  u.appendChild(i), t.appendChild(u);
-  const f = document.createElement("tbody");
-  for (const l of r.slice(2)) {
-    const p = document.createElement("tr");
-    for (const c of o(l)) p.appendChild(R("td", {
+  }, G(p)));
+  u.appendChild(s), n.appendChild(u);
+  const v = document.createElement("tbody");
+  for (const p of r.slice(2)) {
+    const b = document.createElement("tr");
+    for (const d of o(p)) b.appendChild(N("td", {
       border: "1px solid #dee3e8",
       padding: "6px 10px"
-    }, M(c)));
-    f.appendChild(p);
+    }, G(d)));
+    v.appendChild(b);
   }
-  return t.appendChild(f), a.appendChild(t), a;
+  return n.appendChild(v), a.appendChild(n), a;
 }
-var ft = (r) => !!r && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(r);
-function he(r) {
+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, `
 `).split(`
 `);
-  let t = 0;
-  for (; t < a.length; ) {
-    const i = a[t];
-    if (i.trim() === "") {
-      t++;
+  let n = 0;
+  for (; n < a.length; ) {
+    const s = a[n];
+    if (s.trim() === "") {
+      n++;
       continue;
     }
-    const f = i.match(We);
-    if (f) {
-      const c = f[1][0], h = [];
-      for (t++; t < a.length && !new RegExp(`^ {0,3}${c === "`" ? "`{3,}" : "~{3,}"}\\s*$`).test(a[t]); )
-        h.push(a[t]), t++;
-      t++;
-      const N = R("pre", { margin: "0 0 8px 0" });
-      N.appendChild(R("code", {
+    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", {
         display: "block",
         background: "#f5f5f5",
         padding: "8px 12px",
         borderRadius: "6px",
         fontSize: "13px",
         overflowX: "auto",
-        fontFamily: ze,
+        fontFamily: Ze,
         whiteSpace: "pre"
-      }, U(h.join(`
-`)))), o.appendChild(N);
+      }, q(g.join(`
+`)))), o.appendChild(B);
       continue;
     }
-    if (He.test(i)) {
-      o.appendChild(R("hr", {
+    if (Qe.test(s)) {
+      o.appendChild(N("hr", {
         border: "none",
         borderTop: "1px solid #dee3e8",
         margin: "12px 0"
-      })), t++;
+      })), n++;
       continue;
     }
-    const l = i.match(Ue);
-    if (l) {
-      const c = l[1].length;
-      o.appendChild(R(`h${c}`, {
+    const p = s.match(Je);
+    if (p) {
+      const d = p[1].length;
+      o.appendChild(N(`h${d}`, {
         margin: "16px 0 8px 0",
-        fontSize: dt[c - 1],
+        fontSize: Ct[d - 1],
         fontWeight: "600",
         lineHeight: "1.3"
-      }, M(l[2]))), t++;
+      }, G(p[2]))), n++;
       continue;
     }
-    if (ee.test(i)) {
-      const c = [];
-      for (; t < a.length && ee.test(a[t]); )
-        c.push(a[t].replace(ee, "")), t++;
-      const h = R("blockquote", {
+    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", {
         borderLeft: "4px solid #dee3e8",
         paddingLeft: "12px",
         margin: "0 0 8px 0",
         fontStyle: "italic",
         color: "#6b6d6f"
       });
-      h.appendChild(he(c.join(`
-`))), o.appendChild(h);
+      g.appendChild(Re(d.join(`
+`))), o.appendChild(g);
       continue;
     }
-    if (i.includes("|") && ft(a[t + 1])) {
-      const c = [i, a[t + 1]];
-      for (t += 2; t < a.length && a[t].includes("|") && a[t].trim(); )
-        c.push(a[t]), t++;
-      o.appendChild(pt(c));
+    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));
       continue;
     }
-    if (W.test(i)) {
-      const c = [], h = me(i);
-      for (; t < a.length && a[t].trim() !== ""; )
-        if (W.test(a[t]) || me(a[t]) > h)
-          c.push(a[t]), t++;
+    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++;
         else break;
-      o.appendChild(Pe(c));
+      o.appendChild(tt(d));
       continue;
     }
-    const p = [i];
-    for (t++; t < a.length && !ct(a[t]); )
-      p.push(a[t]), t++;
-    o.appendChild(R("p", {
+    const b = [s];
+    for (n++; n < a.length && !wt(a[n]); )
+      b.push(a[n]), n++;
+    o.appendChild(N("p", {
       margin: "0 0 8px 0",
       lineHeight: "1.6"
-    }, p.map((c) => M(c)).join("<br>")));
+    }, b.map((d) => G(d)).join("<br>")));
   }
   const u = o.lastElementChild;
   return u && (u.style.marginBottom = "0"), o;
 }
-var xe = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)', De = {
+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",
@@ -199,23 +199,23 @@ var xe = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "S
   border: "--ago-border-color",
   accent: "--ago-accent-color",
   agentBubbleBg: "--ago-agent-bubble-background"
-}, be = "var(--ago-brand-color, #03182f)", Ce = "var(--ago-brand-text-color, #fff)", ut = "var(--ago-header-background, var(--ago-brand-color, #03182f))", Be = "var(--ago-header-text-color, #e8f0fe)", K = "var(--ago-panel-background, #fff)", gt = "var(--ago-messages-background, #fbfbfb)", J = "var(--ago-text-color, #30373e)", mt = "var(--ago-muted-text-color, #6b6d6f)", A = "var(--ago-border-color, #dee3e8)", ue = "var(--ago-accent-color, #1b5fc4)", ht = "var(--ago-agent-bubble-background, #f1f3f5)", xt = "var(--ago-radius, 16px)", ge = "var(--ago-message-radius, 16px)";
-function bt(r, o) {
+}, 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(De)) {
-      const t = o[a];
-      t != null && r.style.setProperty(De[a], t);
+    for (const a of Object.keys(je)) {
+      const n = o[a];
+      n != null && r.style.setProperty(je[a], n);
     }
 }
 function E(r, o) {
   Object.assign(r.style, o);
 }
-function b(r = {}) {
+function x(r = {}) {
   const o = document.createElement("div");
   return E(o, r), o;
 }
-var Me = "Form submitted.";
-function Ct(r) {
+var Ve = "Form submitted.";
+function Nt(r) {
   if (typeof r == "string") return r || null;
   if (!r || typeof r != "object") return null;
   const o = r;
@@ -223,173 +223,176 @@ function Ct(r) {
   const a = o.result;
   if (typeof a == "string" && a) return a;
   if (a && typeof a == "object") {
-    const t = a.message;
-    if (typeof t == "string" && t) return t;
+    const n = a.message;
+    if (typeof n == "string" && n) return n;
   }
   return null;
 }
-var Fe = "ago-chat-widget-keyframes";
-function yt() {
-  if (typeof document > "u" || document.getElementById(Fe)) return;
+var Ye = "ago-chat-widget-keyframes";
+function $t() {
+  if (typeof document > "u" || document.getElementById(Ye)) return;
   const r = document.createElement("style");
-  r.id = Fe, r.textContent = "@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }", document.head.appendChild(r);
+  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 vt(r) {
+function Lt(r) {
   const o = typeof r == "string" ? document.querySelector(r) : r;
   if (!o) throw new Error(`mountChatWidget: target "${String(r)}" not found.`);
   return o;
 }
-function _t(r, o) {
-  const { title: a = "Chat", welcomeMessage: t = "Hello! How can I help you today?", placeholder: u = "Type a message...", allowFiles: i = !1, height: f = 500, placement: l = "inline", width: p = 400, defaultOpen: c = !1, logoUrl: h, showAgentName: N = !1, agentBubble: g = !1, showHeader: I = !0, theme: q, loadThreads: P = !1, forms: T, formSubmittedMessage: G = Me, onFollowUpClick: j, onMessageSent: Ge, onMessageReceived: je, onFormSubmitted: te, onFormError: ne } = o;
-  if (!o.client && !o.config?.baseUrl) throw new rt("mountChatWidget requires either `client` or `config` (with a baseUrl).", "config_missing_base_url");
-  const m = o.client ?? new ot(o.config), ye = vt(r), F = l === "left" || l === "right", Xe = F && (o.launcher ?? !0);
-  let z = F ? c : !0;
-  const oe = o.persistConversation, V = oe ? it(oe === !0 ? {} : oe) : void 0;
-  let _ = o.conversationId ?? V?.getLastActiveThread() ?? void 0, d = [], L = !1, X = null;
-  const ve = [];
-  function Ke(e) {
-    if (typeof G == "function") {
-      const s = G(e);
-      if (typeof s == "string" && s) return s;
+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,
+    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;
     }
-    const n = Ct(e);
-    return n || (typeof G == "string" ? G : Me);
+    const t = Nt(e);
+    return t || (typeof y == "string" ? y : Ve);
   }
-  const Q = [], H = b({
+  const se = [], K = x({
     display: "flex",
     flexDirection: "column",
-    height: F ? "100%" : typeof f == "number" ? `${f}px` : f,
-    border: `1px solid ${A}`,
-    borderRadius: xt,
+    height: j ? "100%" : typeof v == "number" ? `${v}px` : v,
+    border: `1px solid ${O}`,
+    borderRadius: kt,
     overflow: "hidden",
-    backgroundColor: K,
-    fontFamily: xe,
+    backgroundColor: ee,
+    fontFamily: _e,
     textAlign: "left",
     boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
   });
-  H.className = "ago-chat-widget", bt(H, q);
-  let O;
-  if (I) {
-    if (O = b({
+  K.className = "ago-chat-widget", It(K, te);
+  let z;
+  if (Y) {
+    if (z = x({
       padding: "14px 16px",
-      borderBottom: `1px solid ${A}`,
-      backgroundColor: ut,
-      color: Be,
+      borderBottom: `1px solid ${O}`,
+      backgroundColor: Rt,
+      color: Xe,
       display: "flex",
       alignItems: "center",
       gap: "10px"
-    }), O.className = "ago-chat-widget__header", h) {
-      const n = document.createElement("img");
-      n.src = h, n.alt = "Logo", E(n, {
+    }), z.className = "ago-chat-widget__header", g) {
+      const t = document.createElement("img");
+      t.src = g, t.alt = "Logo", E(t, {
         height: "24px",
         width: "auto"
-      }), O.appendChild(n);
+      }), z.appendChild(t);
     }
     const e = document.createElement("h3");
     if (e.textContent = a, E(e, {
       margin: "0",
       fontSize: "15px",
       fontWeight: "600"
-    }), O.appendChild(e), F) {
-      const n = document.createElement("button");
-      n.type = "button", n.className = "ago-chat-widget__close", n.setAttribute("aria-label", "Close"), n.textContent = "×", E(n, {
+    }), 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, {
         marginLeft: "auto",
         background: "transparent",
         border: "none",
-        color: Be,
+        color: Xe,
         fontSize: "22px",
         lineHeight: "1",
         cursor: "pointer",
         padding: "0 2px"
-      }), n.addEventListener("click", () => pe()), O.appendChild(n);
+      }), t.addEventListener("click", () => ye()), z.appendChild(t);
     }
   }
-  const $ = b({
+  const R = x({
     flex: "1",
     overflow: "auto",
     padding: "16px",
-    backgroundColor: gt
+    backgroundColor: Ke
   });
-  $.className = "ago-chat-widget__messages";
-  const { inputRow: qe, setDisabled: Ve, focus: re } = Et({
+  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: i,
-    onSend: (e, n) => {
-      ie(e, n);
+    allowFiles: s,
+    onSend: (e, t) => {
+      he(e, t);
     }
   });
-  yt(), H.append(...O ? [O] : [], $, qe);
-  let Y = H, D, S;
-  const ae = l === "left" ? "left" : "right";
-  if (F && (D = b({
+  $t(), K.append(...z ? [z] : [], R, at);
+  let ie = K, U, _;
+  const ge = p === "left" ? "left" : "right";
+  if (j && (U = x({
     position: "fixed",
     top: "0",
     bottom: "0",
-    [ae]: "0",
-    width: typeof p == "number" ? `${p}px` : p,
+    [ge]: "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"
-  }), D.className = "ago-chat-widget-panel", E(H, {
+  }), U.className = "ago-chat-widget-panel", E(K, {
     height: "100%",
     width: "100%",
     borderRadius: "0",
     border: "none",
     boxShadow: "none",
-    [ae === "left" ? "borderRight" : "borderLeft"]: `1px solid ${A}`
-  }), D.appendChild(H), Y = D), Xe) {
-    if (S = document.createElement("button"), S.type = "button", S.className = "ago-chat-widget-launcher", S.setAttribute("aria-label", `Open ${a}`), E(S, {
+    [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(_, {
       position: "fixed",
       bottom: "20px",
-      [ae]: "20px",
+      [ge]: "20px",
       width: "56px",
       height: "56px",
       borderRadius: "50%",
       border: "none",
-      backgroundColor: be,
-      color: Ce,
+      backgroundColor: pe,
+      color: ke,
       cursor: "pointer",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       zIndex: "2147483000",
       boxShadow: "rgba(15, 15, 15, 0.2) 0px 4px 14px 0px",
-      fontFamily: xe
-    }), h) {
+      fontFamily: _e
+    }), g) {
       const e = document.createElement("img");
-      e.src = h, e.alt = "", E(e, {
+      e.src = g, e.alt = "", E(e, {
         width: "26px",
         height: "26px",
         objectFit: "contain"
-      }), S.appendChild(e);
-    } else S.appendChild(tt());
-    S.addEventListener("click", () => ce());
+      }), _.appendChild(e);
+    } else _.appendChild(ut());
+    _.addEventListener("click", () => ve());
   }
-  ye.appendChild(Y), S && ye.appendChild(S), de();
-  const Ee = j !== !1, we = j === !1 ? void 0 : j ?? ((e) => {
-    ie(e);
+  Ne.appendChild(ie), _ && Ne.appendChild(_), be();
+  const Le = P !== !1, Te = P === !1 ? void 0 : P ?? ((e) => {
+    he(e);
   });
-  function Qe(e, n) {
-    const s = e.role === "user", x = b({
+  function it(e, t, i = !0) {
+    const c = e.role === "user", f = L === "imessage", w = x({
       display: "flex",
       flexDirection: "column",
-      alignItems: s ? "flex-end" : "flex-start",
-      marginBottom: "16px"
+      alignItems: c ? "flex-end" : "flex-start",
+      marginBottom: f && !i ? "2px" : "16px"
     });
-    if (x.className = `ago-message ago-message--${e.role}`, !s && N && e.agent) {
-      const C = b({
+    if (w.className = `ago-message ago-message--${e.role}`, !c && B && e.agent) {
+      const C = x({
         fontSize: "13px",
         fontWeight: "500",
-        color: J,
+        color: de,
         marginBottom: "6px",
         padding: "0 4px"
       });
-      C.className = "ago-message__agent", C.textContent = e.agent.displayName || e.agent.name, x.appendChild(C);
+      C.className = "ago-message__agent", C.textContent = e.agent.displayName || e.agent.name, w.appendChild(C);
     }
-    if (!s && e.sources && e.sources.length > 0) {
-      const C = b({
+    if (!c && e.sources && e.sources.length > 0) {
+      const C = x({
         display: "grid",
         gridTemplateColumns: "1fr 1fr",
         gap: "6px",
@@ -397,28 +400,28 @@ function _t(r, o) {
         width: "100%",
         maxWidth: "85%"
       });
-      C.className = "ago-message__sources", e.sources.forEach((y, w) => {
-        const B = y.url ? document.createElement("a") : document.createElement("div");
-        y.url && B instanceof HTMLAnchorElement && (B.href = y.url, B.target = "_blank", B.rel = "noopener noreferrer"), E(B, {
+      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 ${A}`,
+          border: `1px solid ${O}`,
           borderRadius: "8px",
-          backgroundColor: K,
+          backgroundColor: ee,
           textDecoration: "none",
-          color: J,
+          color: de,
           fontSize: "12px",
           overflow: "hidden"
         });
-        const Le = b({
+        const Ge = x({
           flexShrink: "0",
           width: "18px",
           height: "18px",
           borderRadius: "3px",
-          border: `1px solid ${ue}`,
-          color: ue,
+          border: `1px solid ${we}`,
+          color: we,
           fontSize: "11px",
           fontWeight: "500",
           display: "flex",
@@ -426,89 +429,114 @@ function _t(r, o) {
           justifyContent: "center",
           backgroundColor: "#f0f4ff"
         });
-        Le.textContent = String(w + 1);
-        const fe = b({
+        Ge.textContent = String(I + 1);
+        const Ce = x({
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         });
-        fe.textContent = y.title, fe.title = y.title, B.append(Le, fe), C.appendChild(B);
-      }), x.appendChild(C);
+        Ce.textContent = S.title, Ce.title = S.title, W.append(Ge, Ce), C.appendChild(W);
+      }), w.appendChild(C);
     }
-    const v = b({
-      maxWidth: s ? "75%" : g ? "85%" : "100%",
-      padding: s || g ? "10px 14px" : "2px 8px",
-      borderRadius: s || g ? ge : "0",
-      backgroundColor: s ? be : g ? ht : "transparent",
-      color: s ? Ce : J,
+    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 (v.className = "ago-message__content", e.content ? v.appendChild(he(e.content)) : e.status === "IN_PROGRESS" && v.appendChild(nt()), x.appendChild(v), n && e.followUpReplies && e.followUpReplies.length > 0) {
-      const C = b({
+    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 y of e.followUpReplies) {
-        const w = document.createElement("button");
-        w.type = "button", w.className = "ago-message__followup-btn", w.textContent = y, w.disabled = !Ee, E(w, {
+      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: ge,
-          border: `1px solid ${A}`,
-          backgroundColor: K,
-          color: J,
-          cursor: Ee ? "pointer" : "default",
+          borderRadius: Ee,
+          border: `1px solid ${O}`,
+          backgroundColor: ee,
+          color: de,
+          cursor: Le ? "pointer" : "default",
           transition: "border-color 0.15s"
-        }), we && w.addEventListener("click", () => we(y)), w.addEventListener("mouseenter", () => {
-          w.style.borderColor = ue;
-        }), w.addEventListener("mouseleave", () => {
-          w.style.borderColor = A;
-        }), C.appendChild(w);
+        }), Te && I.addEventListener("click", () => Te(S)), I.addEventListener("mouseenter", () => {
+          I.style.borderColor = we;
+        }), I.addEventListener("mouseleave", () => {
+          I.style.borderColor = O;
+        }), C.appendChild(I);
       }
-      x.appendChild(C);
+      w.appendChild(C);
     }
-    return x;
+    return w;
   }
-  function Ye(e) {
-    const n = b({
+  function lt(e) {
+    const t = x({
       display: "flex",
       alignItems: "center",
       gap: "8px",
       padding: "10px 14px",
       backgroundColor: "#f0fdf4",
       color: "#15803d",
-      borderRadius: ge,
+      borderRadius: Ee,
       marginTop: "8px",
       fontSize: "13px",
       border: "1px solid #bbf7d0"
     });
-    n.className = "ago-form-notice", n.setAttribute("role", "status");
-    const s = document.createElement("span");
-    s.textContent = "✓", s.setAttribute("aria-hidden", "true"), E(s, { fontWeight: "700" });
-    const x = document.createElement("span");
-    return x.textContent = e, n.append(s, x), n;
+    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 ($.replaceChildren(), d.length === 0) {
-      const n = b({
-        textAlign: "center",
-        color: mt,
-        padding: "24px 16px",
-        fontSize: "16px",
-        lineHeight: "1.5"
-      });
-      n.appendChild(he(t)), $.appendChild(n);
-    } else d.forEach((n, s) => {
-      $.appendChild(Qe(n, s === d.length - 1));
+    if (R.replaceChildren(), l.length === 0) {
+      if (Ie === "static") {
+        const t = x({
+          textAlign: "center",
+          color: _t,
+          padding: "24px 16px",
+          fontSize: "16px",
+          lineHeight: "1.5"
+        });
+        t.appendChild(Re(Ae)), R.appendChild(t);
+      }
+    } 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));
     });
-    for (const n of ve) $.appendChild(Ye(n));
-    if (X) {
-      const n = b({
+    for (const t of $e) R.appendChild(lt(t));
+    if (J) {
+      const t = x({
         padding: "10px 14px",
         backgroundColor: "#fef2f2",
         color: "#dc2626",
@@ -517,160 +545,184 @@ function _t(r, o) {
         fontSize: "13px",
         border: "1px solid #fecaca"
       });
-      n.textContent = X, $.appendChild(n);
+      t.setAttribute("role", "alert"), t.textContent = J, R.appendChild(t);
     }
-    $.scrollTop = $.scrollHeight;
-    const e = d[d.length - 1];
-    Ve(L && e?.role === "assistant" && e.status === "IN_PROGRESS");
+    R.scrollTop = R.scrollHeight;
+    const e = l[l.length - 1];
+    st(F && e?.role === "assistant" && e.status === "IN_PROGRESS");
   }
-  function Ze() {
-    for (let e = d.length - 1; e >= 0; e--) {
-      const n = d[e];
-      if (n.role === "assistant" && n.status === "IN_PROGRESS") return n;
+  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;
     }
   }
-  const Se = (e) => {
-    _ || (_ = e.conversationId);
-  }, Re = (e) => {
-    const n = Ze();
-    n && (n.content += e.content, k());
-  }, _e = (e) => {
-    const n = d.findIndex((s) => s.id === e.id || s.role === "assistant" && s.status === "IN_PROGRESS");
-    n >= 0 ? d[n] = e : d.push(e), k(), re();
-  }, ke = (e) => {
-    const n = d.findIndex((s) => s.id === e.id || s.role === "assistant" && s.status === "IN_PROGRESS");
-    n >= 0 ? d[n] = e : d.push(e), L = !1, k(), e.status === "DONE" && je?.({
+  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?.({
       id: e.id,
       content: e.content
     });
-  }, Ae = (e) => {
-    X = e.error, L = !1, d = d.filter((n) => !n.id.startsWith("temp-")), k();
+  }, He = (e) => {
+    J = e.error, F = !1, l = l.filter((t) => !t.id.startsWith("temp-")), k();
   };
-  m.on("message:start", Se), m.on("message:chunk", Re), m.on("message:answer-complete", _e), m.on("message:complete", ke), m.on("message:error", Ae);
-  const Ie = (e) => te?.(e), $e = (e) => ne?.(e);
-  te && m.on("form:submitted", Ie), ne && m.on("form:error", $e);
-  const se = [];
-  let Ne = !1;
-  const Te = (e) => {
-    if (Ne) return;
-    se.push(e.install(m));
-    let n = e.store.get().submitted;
-    const s = e.store.subscribe((x) => {
-      x.submitted && !n && (ve.push(Ke(x.submitResult)), k()), n = x.submitted;
+  function ct(e) {
+    const t = {
+      id: `ago-intro-${Date.now()}`,
+      conversationId: "",
+      content: "",
+      role: "assistant",
+      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();
+        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;
     });
-    se.push(s);
+    me.push(i);
   };
-  for (const e of T ?? []) e.schema != null ? Te(st(e)) : at(m, e).then((n) => Te(n)).catch(() => {
+  for (const e of m ?? []) e.schema != null ? We(bt(e)) : xt(h, e).then((t) => We(t)).catch(() => {
   });
-  async function ie(e, n) {
-    const s = e.trim();
-    if (!s && !n?.length || L) return;
-    Ge?.(s), L = !0, X = null;
-    const x = Date.now();
-    d.push({
-      id: `temp-user-${x}`,
-      conversationId: _ || "",
-      content: s,
+  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");
+    }
+    const c = Date.now();
+    l.push({
+      id: `temp-user-${c}`,
+      conversationId: T || "",
+      content: i,
       role: "user",
       status: "DONE",
       createdAt: /* @__PURE__ */ new Date()
-    }), d.push({
-      id: `temp-assistant-${x}`,
-      conversationId: _ || "",
+    }), l.push({
+      id: `temp-assistant-${c}`,
+      conversationId: T || "",
       content: "",
       role: "assistant",
       status: "IN_PROGRESS",
       createdAt: /* @__PURE__ */ new Date()
     }), k();
     try {
-      const v = await m.sendMessage(s, {
-        conversationId: _,
-        files: n
+      const f = await h.sendMessage(i, {
+        conversationId: T,
+        files: t
       });
-      v.conversationId && (_ || (_ = v.conversationId), V?.setActiveThread(v.conversationId, v.createdAt));
-      const C = d.find((y) => y.id === `temp-user-${x}`);
-      if (C && (C.id = `user-${x}`, C.conversationId = v.conversationId), !d.some((y) => y.id === v.id)) {
-        const y = d.findIndex((w) => w.id === `temp-assistant-${x}`);
-        y >= 0 ? d[y] = v : d.push(v);
+      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);
       }
-      d = d.filter((y) => !y.id.startsWith("temp-")), L = !1, k(), P && le();
-    } catch (v) {
-      X = v instanceof Error ? v.message : "Failed to send message", L = !1, d = d.filter((C) => !C.id.startsWith("temp-")), k();
+      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();
     }
   }
-  async function le() {
+  async function xe() {
     try {
-      const e = await m.getConversations();
-      Q.splice(0, Q.length, ...e);
+      const e = await h.getConversations();
+      se.splice(0, se.length, ...e);
     } catch {
     }
-    return Q;
+    return se;
   }
-  async function Je(e) {
+  async function pt(e) {
     try {
-      const n = (await m.getConversation(e))?.messages ?? [];
-      n.length > 0 && d.length === 0 && (d = n, k());
+      const t = (await h.getConversation(e))?.messages ?? [];
+      t.length > 0 && l.length === 0 && (l = t, k());
     } catch {
-      d.length === 0 && (V?.clear(), _ = void 0);
+      l.length === 0 && (ae?.clear(), T = void 0);
     }
   }
-  return k(), re(), _ && Je(_), P && le(), {
-    client: m,
-    element: Y,
-    sendMessage: ie,
-    ...F ? {
-      open: ce,
-      close: pe,
-      toggle: et
+  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
     } : {},
-    session: V,
-    threads: Q,
-    refreshThreads: le,
+    session: ae,
+    threads: se,
+    refreshThreads: xe,
     destroy() {
-      m.off("message:start", Se), m.off("message:chunk", Re), m.off("message:answer-complete", _e), m.off("message:complete", ke), m.off("message:error", Ae), te && m.off("form:submitted", Ie), ne && m.off("form:error", $e), Ne = !0, se.forEach((e) => e()), Y.remove(), S?.remove(), o.client || m.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();
     }
   };
-  function de() {
-    if (!D) return;
-    const e = l === "left" ? "translateX(-100%)" : "translateX(100%)";
-    D.style.transform = z ? "translateX(0)" : e, D.setAttribute("aria-hidden", z ? "false" : "true"), S && (S.style.display = z ? "none" : "flex");
+  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 ce() {
-    z = !0, de(), re();
+  function ve() {
+    X = !0, be(), ue();
   }
-  function pe() {
-    z = !1, de();
+  function ye() {
+    X = !1, be();
   }
-  function et() {
-    z ? pe() : ce();
+  function ft() {
+    X ? ye() : ve();
   }
-  function tt() {
-    const e = "http://www.w3.org/2000/svg", n = document.createElementNS(e, "svg");
-    n.setAttribute("width", "26"), n.setAttribute("height", "26"), n.setAttribute("viewBox", "0 0 24 24"), n.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"), n.appendChild(s), n;
+  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 nt() {
-    const e = b({
+  function gt() {
+    const e = x({
       display: "flex",
       gap: "4px",
       padding: "4px 0"
     });
-    for (let n = 0; n < 3; n++) {
-      const s = b({
+    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: `${n * 0.2}s`
+        animationDelay: `${t * 0.2}s`
       });
-      e.appendChild(s);
+      e.appendChild(i);
     }
     return e;
   }
 }
-function Et(r) {
+function Tt(r) {
   let o = [];
   const a = document.createElement("form");
   E(a, {
@@ -678,101 +730,119 @@ function Et(r) {
     flexDirection: "column",
     gap: "8px",
     padding: "12px",
-    borderTop: `1px solid ${A}`,
-    backgroundColor: K
+    borderTop: `1px solid ${O}`,
+    backgroundColor: ee
   }), a.className = "ago-chat-input";
-  const t = b({
+  const n = x({
     display: "flex",
     flexWrap: "wrap",
     gap: "6px"
-  }), u = b({
+  }), u = x({
     display: "flex",
     gap: "8px",
     alignItems: "flex-end"
-  }), i = document.createElement("textarea");
-  i.placeholder = r.placeholder, i.rows = 1, E(i, {
+  }), 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 ${A}`,
+    border: `1px solid ${O}`,
     borderRadius: "12px",
     fontSize: "16px",
-    fontFamily: xe,
+    fontFamily: _e,
     lineHeight: "1.4",
-    maxHeight: "120px",
-    outline: "none"
+    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 f = document.createElement("button");
-  f.type = "submit", f.textContent = "Send", E(f, {
-    padding: "10px 16px",
+  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: "12px",
-    backgroundColor: be,
-    color: Ce,
-    fontSize: "16px",
-    fontWeight: "500",
+    borderRadius: "50%",
+    backgroundColor: pe,
+    color: ke,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
     cursor: "pointer"
   });
-  let l = null, p = null;
-  r.allowFiles && (l = document.createElement("input"), l.type = "file", l.multiple = !0, E(l, { display: "none" }), p = document.createElement("button"), p.type = "button", p.textContent = "📎", E(p, {
+  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 ${A}`,
+    border: `1px solid ${O}`,
     borderRadius: "12px",
-    backgroundColor: K,
+    backgroundColor: ee,
     cursor: "pointer",
     fontSize: "14px"
-  }), p.addEventListener("click", () => l?.click()), l.addEventListener("change", () => {
-    o = [...o, ...Array.from(l?.files ?? [])], c();
+  }), L.addEventListener("click", () => $?.click()), $.addEventListener("change", () => {
+    o = [...o, ...Array.from($?.files ?? [])], Y();
   }));
-  function c() {
-    t.replaceChildren(), o.forEach((g, I) => {
-      const q = b({
+  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 ${A}`,
+        border: `1px solid ${O}`,
         borderRadius: "8px",
         fontSize: "12px"
-      }), P = document.createElement("span");
-      P.textContent = g.name;
-      const T = document.createElement("button");
-      T.type = "button", T.textContent = "×", E(T, {
+      }), 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, {
         border: "none",
         background: "transparent",
         cursor: "pointer",
         fontSize: "14px",
         lineHeight: "1"
-      }), T.addEventListener("click", () => {
-        o = o.filter((G, j) => j !== I), c();
-      }), q.append(P, T), t.appendChild(q);
-    });
+      }), D.addEventListener("click", () => {
+        o = o.filter((oe, Q) => Q !== y), Y();
+      }), P.append(ne, D), n.appendChild(P);
+    }), B();
   }
-  const h = () => {
-    const g = i.value, I = o;
-    return i.value = "", o = [], c(), {
-      content: g,
-      files: I
+  const te = () => {
+    const m = s.value, y = o;
+    return s.value = "", v(), o = [], Y(), {
+      content: m,
+      files: y
     };
-  }, N = () => {
-    const { content: g, files: I } = h();
-    (g.trim() || I.length > 0) && r.onSend(g.trim(), I.length > 0 ? I : void 0);
+  }, 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", (g) => {
-    g.preventDefault(), N();
-  }), i.addEventListener("keydown", (g) => {
-    g.key === "Enter" && !g.shiftKey && (g.preventDefault(), N());
-  }), p && u.appendChild(p), u.append(i, f), l && a.appendChild(l), a.append(t, u), {
+  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: h,
-    setDisabled: (g) => {
-      i.disabled = g, f.disabled = g, f.style.opacity = g ? "0.6" : "1", f.style.cursor = g ? "not-allowed" : "pointer";
+    getValueAndClear: te,
+    setDisabled: (m) => {
+      s.disabled = m, g = m, B();
     },
-    focus: () => i.focus()
+    focus: () => s.focus()
   };
 }
 export {
-  _t as mountChatWidget,
-  he as renderMarkdown
+  Mt as mountChatWidget,
+  Re as renderMarkdown
 };