@useago/sdk 1.0.10 → 1.1.0

package/dist/widget.js

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