@useago/sdk 0.4.6 → 1.0.0

package/dist/widget.js

@@ -1,49 +1,49 @@
-import { t as ke } from "./AgoClient-rvTz2thR.js";
-import { t as $e } from "./createFormCollector-DON4vdJV.js";
-import { t as Ie } from "./createConversationSession-D-eq8VIo.js";
-var Te = {
+import { t as Ie } from "./AgoClient-BrYhSO5M.js";
+import { t as Te } from "./createFormCollector-CPS2phYq.js";
+import { t as Ne } from "./createConversationSession-Dmqd80DX.js";
+var Oe = {
   "&": "&",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
 };
-function M(o) {
-  return o.replace(/[&<>"']/g, (n) => Te[n]);
+function H(o) {
+  return o.replace(/[&<>"']/g, (n) => Oe[n]);
 }
-function se(o) {
+function de(o) {
   const n = o.trim();
   return /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i.test(n) || !/^[a-z][a-z0-9+.-]*:/i.test(n) ? n : null;
 }
-var ce = '"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace', G = "";
-function N(o) {
-  const n = [], r = (g) => (n.push(g), `${G}${n.length - 1}${G}`);
+var ge = '"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace', j = "";
+function L(o) {
+  const n = [], r = (g) => (n.push(g), `${j}${n.length - 1}${j}`);
   let e = o;
-  return e = e.replace(/`([^`]+)`/g, (g, a) => r(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${ce}">${M(a)}</code>`)), e = e.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (g, a, d) => {
-    const s = se(d);
-    return s ? r(`<img alt="${M(a)}" src="${M(s)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : g;
-  }), e = e.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (g, a, d) => {
-    const s = se(d);
-    return s ? r(`<a href="${M(s)}" target="_blank" rel="noopener noreferrer" style="color:#1b5fc4;text-decoration:underline">${N(a)}</a>`) : g;
-  }), e = M(e), e = e.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>"), e = e.replace(new RegExp(`${G}(\\d+)${G}`, "g"), (g, a) => n[Number(a)]), e;
+  return e = e.replace(/`([^`]+)`/g, (g, a) => r(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${ge}">${H(a)}</code>`)), e = e.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (g, a, p) => {
+    const i = de(p);
+    return i ? r(`<img alt="${H(a)}" src="${H(i)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : g;
+  }), e = e.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (g, a, p) => {
+    const i = de(p);
+    return i ? r(`<a href="${H(i)}" target="_blank" rel="noopener noreferrer" style="color:#1b5fc4;text-decoration:underline">${L(a)}</a>`) : g;
+  }), e = H(e), e = e.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>"), e = e.replace(new RegExp(`${j}(\\d+)${j}`, "g"), (g, a) => n[Number(a)]), e;
 }
-function y(o, n, r) {
+function w(o, n, r) {
   const e = document.createElement(o);
   return Object.assign(e.style, n), r !== void 0 && (e.innerHTML = r), e;
 }
-var pe = /^ {0,3}([-*_])( *\1){2,} *$/, fe = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, ge = /^ {0,3}(```+|~~~+)/, X = /^ {0,3}>\s?/, H = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, Le = [
+var ue = /^ {0,3}([-*_])( *\1){2,} *$/, me = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, he = /^ {0,3}(```+|~~~+)/, K = /^ {0,3}>\s?/, B = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, Ae = [
   "20px",
   "18px",
   "16px",
   "15px",
   "14px",
   "13px"
-], Z = (o) => o.match(/^\s*/)?.[0].length ?? 0;
-function Ae(o) {
-  return o.trim() === "" || pe.test(o) || fe.test(o) || ge.test(o) || X.test(o) || H.test(o);
+], J = (o) => o.match(/^\s*/)?.[0].length ?? 0;
+function Le(o) {
+  return o.trim() === "" || ue.test(o) || me.test(o) || he.test(o) || K.test(o) || B.test(o);
 }
-function ue(o) {
-  const n = o[0].match(H), r = n[1].length, e = /\d/.test(n[2]), g = y(e ? "ol" : "ul", {
+function xe(o) {
+  const n = o[0].match(B), r = n[1].length, e = /\d/.test(n[2]), g = w(e ? "ol" : "ul", {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: e ? "decimal" : "disc",
@@ -51,48 +51,48 @@ function ue(o) {
   });
   let a = 0;
   for (; a < o.length; ) {
-    const d = o[a].match(H), s = [];
-    for (a++; a < o.length && Z(o[a]) > r; )
-      s.push(o[a]), a++;
-    const c = y("li", {
+    const p = o[a].match(B), i = [];
+    for (a++; a < o.length && J(o[a]) > r; )
+      i.push(o[a]), a++;
+    const f = w("li", {
       display: "list-item",
       margin: "2px 0",
       lineHeight: "1.6"
-    }), l = d[3].match(/^\[([ xX])\]\s+(.*)$/);
-    l ? (c.style.listStyleType = "none", c.style.marginLeft = "-20px", c.innerHTML = `<span style="margin-right:6px">${l[1].toLowerCase() === "x" ? "☑" : "☐"}</span>${N(l[2])}`) : c.innerHTML = N(d[3]), s.filter((h) => H.test(h)).length > 0 && c.appendChild(ue(s.filter((h) => h.trim() !== ""))), g.appendChild(c);
+    }), d = p[3].match(/^\[([ xX])\]\s+(.*)$/);
+    d ? (f.style.listStyleType = "none", f.style.marginLeft = "-20px", f.innerHTML = `<span style="margin-right:6px">${d[1].toLowerCase() === "x" ? "☑" : "☐"}</span>${L(d[2])}`) : f.innerHTML = L(p[3]), i.filter((b) => B.test(b)).length > 0 && f.appendChild(xe(i.filter((b) => b.trim() !== ""))), g.appendChild(f);
   }
   return g;
 }
-function Ne(o) {
-  const n = (s) => s.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((c) => c.trim()), r = y("div", {
+function De(o) {
+  const n = (i) => i.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((f) => f.trim()), r = w("div", {
     overflowX: "auto",
     margin: "0 0 8px 0"
-  }), e = y("table", {
+  }), e = w("table", {
     borderCollapse: "collapse",
     width: "100%",
     fontSize: "13px"
   }), g = document.createElement("thead"), a = document.createElement("tr");
-  for (const s of n(o[0])) a.appendChild(y("th", {
+  for (const i of n(o[0])) a.appendChild(w("th", {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
     textAlign: "left",
     backgroundColor: "#f5f7fa",
     fontWeight: "600"
-  }, N(s)));
+  }, L(i)));
   g.appendChild(a), e.appendChild(g);
-  const d = document.createElement("tbody");
-  for (const s of o.slice(2)) {
-    const c = document.createElement("tr");
-    for (const l of n(s)) c.appendChild(y("td", {
+  const p = document.createElement("tbody");
+  for (const i of o.slice(2)) {
+    const f = document.createElement("tr");
+    for (const d of n(i)) f.appendChild(w("td", {
       border: "1px solid #dee3e8",
       padding: "6px 10px"
-    }, N(l)));
-    d.appendChild(c);
+    }, L(d)));
+    p.appendChild(f);
   }
-  return e.appendChild(d), r.appendChild(e), r;
+  return e.appendChild(p), r.appendChild(e), r;
 }
-var Oe = (o) => !!o && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(o);
-function me(o) {
+var Me = (o) => !!o && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(o);
+function be(o) {
   const n = document.createDocumentFragment(), r = o.replace(/\r\n?/g, `
 `).split(`
 `);
@@ -103,88 +103,88 @@ function me(o) {
       e++;
       continue;
     }
-    const d = a.match(ge);
-    if (d) {
-      const l = d[1][0], h = [];
-      for (e++; e < r.length && !new RegExp(`^ {0,3}${l === "`" ? "`{3,}" : "~{3,}"}\\s*$`).test(r[e]); )
-        h.push(r[e]), e++;
+    const p = a.match(he);
+    if (p) {
+      const d = p[1][0], b = [];
+      for (e++; e < r.length && !new RegExp(`^ {0,3}${d === "`" ? "`{3,}" : "~{3,}"}\\s*$`).test(r[e]); )
+        b.push(r[e]), e++;
       e++;
-      const T = y("pre", { margin: "0 0 8px 0" });
-      T.appendChild(y("code", {
+      const N = w("pre", { margin: "0 0 8px 0" });
+      N.appendChild(w("code", {
         display: "block",
         background: "#f5f5f5",
         padding: "8px 12px",
         borderRadius: "6px",
         fontSize: "13px",
         overflowX: "auto",
-        fontFamily: ce,
+        fontFamily: ge,
         whiteSpace: "pre"
-      }, M(h.join(`
-`)))), n.appendChild(T);
+      }, H(b.join(`
+`)))), n.appendChild(N);
       continue;
     }
-    if (pe.test(a)) {
-      n.appendChild(y("hr", {
+    if (ue.test(a)) {
+      n.appendChild(w("hr", {
         border: "none",
         borderTop: "1px solid #dee3e8",
         margin: "12px 0"
       })), e++;
       continue;
     }
-    const s = a.match(fe);
-    if (s) {
-      const l = s[1].length;
-      n.appendChild(y(`h${l}`, {
+    const i = a.match(me);
+    if (i) {
+      const d = i[1].length;
+      n.appendChild(w(`h${d}`, {
         margin: "16px 0 8px 0",
-        fontSize: Le[l - 1],
+        fontSize: Ae[d - 1],
         fontWeight: "600",
         lineHeight: "1.3"
-      }, N(s[2]))), e++;
+      }, L(i[2]))), e++;
       continue;
     }
-    if (X.test(a)) {
-      const l = [];
-      for (; e < r.length && X.test(r[e]); )
-        l.push(r[e].replace(X, "")), e++;
-      const h = y("blockquote", {
+    if (K.test(a)) {
+      const d = [];
+      for (; e < r.length && K.test(r[e]); )
+        d.push(r[e].replace(K, "")), e++;
+      const b = w("blockquote", {
         borderLeft: "4px solid #dee3e8",
         paddingLeft: "12px",
         margin: "0 0 8px 0",
         fontStyle: "italic",
         color: "#6b6d6f"
       });
-      h.appendChild(me(l.join(`
-`))), n.appendChild(h);
+      b.appendChild(be(d.join(`
+`))), n.appendChild(b);
       continue;
     }
-    if (a.includes("|") && Oe(r[e + 1])) {
-      const l = [a, r[e + 1]];
+    if (a.includes("|") && Me(r[e + 1])) {
+      const d = [a, r[e + 1]];
       for (e += 2; e < r.length && r[e].includes("|") && r[e].trim(); )
-        l.push(r[e]), e++;
-      n.appendChild(Ne(l));
+        d.push(r[e]), e++;
+      n.appendChild(De(d));
       continue;
     }
-    if (H.test(a)) {
-      const l = [], h = Z(a);
+    if (B.test(a)) {
+      const d = [], b = J(a);
       for (; e < r.length && r[e].trim() !== ""; )
-        if (H.test(r[e]) || Z(r[e]) > h)
-          l.push(r[e]), e++;
+        if (B.test(r[e]) || J(r[e]) > b)
+          d.push(r[e]), e++;
         else break;
-      n.appendChild(ue(l));
+      n.appendChild(xe(d));
       continue;
     }
-    const c = [a];
-    for (e++; e < r.length && !Ae(r[e]); )
-      c.push(r[e]), e++;
-    n.appendChild(y("p", {
+    const f = [a];
+    for (e++; e < r.length && !Le(r[e]); )
+      f.push(r[e]), e++;
+    n.appendChild(w("p", {
       margin: "0 0 8px 0",
       lineHeight: "1.6"
-    }, c.map((l) => N(l)).join("<br>")));
+    }, f.map((d) => L(d)).join("<br>")));
   }
   const g = n.lastElementChild;
   return g && (g.style.marginBottom = "0"), n;
 }
-var he = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)', ie = {
+var Ce = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)', ce = {
   font: "--ago-font",
   radius: "--ago-radius",
   messageRadius: "--ago-message-radius",
@@ -198,109 +198,109 @@ var he = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "S
   mutedText: "--ago-muted-text-color",
   border: "--ago-border-color",
   accent: "--ago-accent-color"
-}, xe = "var(--ago-brand-color, #03182f)", be = "var(--ago-brand-text-color, #fff)", De = "var(--ago-header-background, var(--ago-brand-color, #03182f))", Me = "var(--ago-header-text-color, #e8f0fe)", z = "var(--ago-panel-background, #fff)", He = "var(--ago-messages-background, #fbfbfb)", j = "var(--ago-text-color, #30373e)", Be = "var(--ago-muted-text-color, #6b6d6f)", k = "var(--ago-border-color, #dee3e8)", Y = "var(--ago-accent-color, #1b5fc4)", ze = "var(--ago-radius, 16px)", le = "var(--ago-message-radius, 16px)";
-function Ue(o, n) {
+}, ve = "var(--ago-brand-color, #03182f)", Ee = "var(--ago-brand-text-color, #fff)", He = "var(--ago-header-background, var(--ago-brand-color, #03182f))", Be = "var(--ago-header-text-color, #e8f0fe)", z = "var(--ago-panel-background, #fff)", Ue = "var(--ago-messages-background, #fbfbfb)", X = "var(--ago-text-color, #30373e)", ze = "var(--ago-muted-text-color, #6b6d6f)", $ = "var(--ago-border-color, #dee3e8)", Z = "var(--ago-accent-color, #1b5fc4)", Fe = "var(--ago-radius, 16px)", pe = "var(--ago-message-radius, 16px)";
+function We(o, n) {
   if (n)
-    for (const r of Object.keys(ie)) {
+    for (const r of Object.keys(ce)) {
       const e = n[r];
-      e != null && o.style.setProperty(ie[r], e);
+      e != null && o.style.setProperty(ce[r], e);
     }
 }
-function E(o, n) {
+function R(o, n) {
   Object.assign(o.style, n);
 }
-function C(o = {}) {
+function x(o = {}) {
   const n = document.createElement("div");
-  return E(n, o), n;
+  return R(n, o), n;
 }
-var de = "ago-chat-widget-keyframes";
-function Fe() {
-  if (typeof document > "u" || document.getElementById(de)) return;
+var fe = "ago-chat-widget-keyframes";
+function Pe() {
+  if (typeof document > "u" || document.getElementById(fe)) return;
   const o = document.createElement("style");
-  o.id = de, o.textContent = "@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }", document.head.appendChild(o);
+  o.id = fe, o.textContent = "@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }", document.head.appendChild(o);
 }
-function We(o) {
+function Ge(o) {
   const n = typeof o == "string" ? document.querySelector(o) : o;
   if (!n) throw new Error(`mountChatWidget: target "${String(o)}" not found.`);
   return n;
 }
-function Ke(o, n) {
-  const { title: r = "Chat", welcomeMessage: e = "Hello! How can I help you today?", placeholder: g = "Type a message...", allowFiles: a = !1, height: d = 500, logoUrl: s, showAgentName: c = !1, theme: l, loadThreads: h = !1, forms: T, onFollowUpClick: m, onMessageSent: R, onMessageReceived: U } = n;
+function Ve(o, n) {
+  const { title: r = "Chat", welcomeMessage: e = "Hello! How can I help you today?", placeholder: g = "Type a message...", allowFiles: a = !1, height: p = 500, logoUrl: i, showAgentName: f = !1, theme: d, loadThreads: b = !1, forms: N, onFollowUpClick: u, onMessageSent: _, onMessageReceived: F } = n;
   if (!n.client && !n.config?.baseUrl) throw new Error("mountChatWidget requires either `client` or `config` (with a baseUrl).");
-  const x = n.client ?? new ke(n.config), L = We(o), F = n.persistConversation, O = F ? Ie(F === !0 ? {} : F) : void 0;
-  let w = n.conversationId ?? O?.getLastActiveThread() ?? void 0, p = [], A = !1, B = null;
-  const W = [], D = C({
+  const h = n.client ?? new Ie(n.config), O = Ge(o), W = n.persistConversation, D = W ? Ne(W === !0 ? {} : W) : void 0;
+  let S = n.conversationId ?? D?.getLastActiveThread() ?? void 0, l = [], I = !1, U = null;
+  const P = [], M = x({
     display: "flex",
     flexDirection: "column",
-    height: typeof d == "number" ? `${d}px` : d,
-    border: `1px solid ${k}`,
-    borderRadius: ze,
+    height: typeof p == "number" ? `${p}px` : p,
+    border: `1px solid ${$}`,
+    borderRadius: Fe,
     overflow: "hidden",
     backgroundColor: z,
-    fontFamily: he,
+    fontFamily: Ce,
     textAlign: "left",
     boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
   });
-  D.className = "ago-chat-widget", Ue(D, l);
-  const P = C({
+  M.className = "ago-chat-widget", We(M, d);
+  const G = x({
     padding: "14px 16px",
-    borderBottom: `1px solid ${k}`,
-    backgroundColor: De,
-    color: Me,
+    borderBottom: `1px solid ${$}`,
+    backgroundColor: He,
+    color: Be,
     display: "flex",
     alignItems: "center",
     gap: "10px"
   });
-  if (P.className = "ago-chat-widget__header", s) {
+  if (G.className = "ago-chat-widget__header", i) {
     const t = document.createElement("img");
-    t.src = s, t.alt = "Logo", E(t, {
+    t.src = i, t.alt = "Logo", R(t, {
       height: "24px",
       width: "auto"
-    }), P.appendChild(t);
+    }), G.appendChild(t);
   }
-  const K = document.createElement("h3");
-  K.textContent = r, E(K, {
+  const q = document.createElement("h3");
+  q.textContent = r, R(q, {
     margin: "0",
     fontSize: "15px",
     fontWeight: "600"
-  }), P.appendChild(K);
-  const $ = C({
+  }), G.appendChild(q);
+  const T = x({
     flex: "1",
     overflow: "auto",
     padding: "16px",
-    backgroundColor: He
+    backgroundColor: Ue
   });
-  $.className = "ago-chat-widget__messages";
-  const { inputRow: Ce, setDisabled: ve, focus: ye } = Pe({
+  T.className = "ago-chat-widget__messages";
+  const { inputRow: ye, setDisabled: we, focus: Re } = je({
     placeholder: g,
     allowFiles: a,
-    onSend: (t, i) => {
-      q(t, i);
+    onSend: (t, s) => {
+      V(t, s);
     }
   });
-  Fe(), D.append(P, $, Ce), L.appendChild(D);
-  const J = m !== !1, ee = m === !1 ? void 0 : m ?? ((t) => {
-    q(t);
+  Pe(), M.append(G, T, ye), O.appendChild(M);
+  const ee = u !== !1, te = u === !1 ? void 0 : u ?? ((t) => {
+    V(t);
   });
-  function Ee(t) {
-    const i = t.role === "user", b = C({
+  function Se(t, s) {
+    const c = t.role === "user", y = x({
       display: "flex",
       flexDirection: "column",
-      alignItems: i ? "flex-end" : "flex-start",
+      alignItems: c ? "flex-end" : "flex-start",
       marginBottom: "16px"
     });
-    if (b.className = `ago-message ago-message--${t.role}`, !i && c && t.agent) {
-      const f = C({
+    if (y.className = `ago-message ago-message--${t.role}`, !c && f && t.agent) {
+      const m = x({
         fontSize: "13px",
         fontWeight: "500",
-        color: j,
+        color: X,
         marginBottom: "6px",
         padding: "0 4px"
       });
-      f.className = "ago-message__agent", f.textContent = t.agent.displayName || t.agent.name, b.appendChild(f);
+      m.className = "ago-message__agent", m.textContent = t.agent.displayName || t.agent.name, y.appendChild(m);
     }
-    if (!i && t.sources && t.sources.length > 0) {
-      const f = C({
+    if (!c && t.sources && t.sources.length > 0) {
+      const m = x({
         display: "grid",
         gridTemplateColumns: "1fr 1fr",
         gap: "6px",
@@ -308,28 +308,28 @@ function Ke(o, n) {
         width: "100%",
         maxWidth: "85%"
       });
-      f.className = "ago-message__sources", t.sources.forEach((v, u) => {
-        const _ = v.url ? document.createElement("a") : document.createElement("div");
-        v.url && _ instanceof HTMLAnchorElement && (_.href = v.url, _.target = "_blank", _.rel = "noopener noreferrer"), E(_, {
+      m.className = "ago-message__sources", t.sources.forEach((C, E) => {
+        const A = C.url ? document.createElement("a") : document.createElement("div");
+        C.url && A instanceof HTMLAnchorElement && (A.href = C.url, A.target = "_blank", A.rel = "noopener noreferrer"), R(A, {
           display: "flex",
           alignItems: "center",
           gap: "8px",
           padding: "8px 10px",
-          border: `1px solid ${k}`,
+          border: `1px solid ${$}`,
           borderRadius: "8px",
           backgroundColor: z,
           textDecoration: "none",
-          color: j,
+          color: X,
           fontSize: "12px",
           overflow: "hidden"
         });
-        const ae = C({
+        const le = x({
           flexShrink: "0",
           width: "18px",
           height: "18px",
           borderRadius: "3px",
-          border: `1px solid ${Y}`,
-          color: Y,
+          border: `1px solid ${Z}`,
+          color: Z,
           fontSize: "11px",
           fontWeight: "500",
           display: "flex",
@@ -337,67 +337,76 @@ function Ke(o, n) {
           justifyContent: "center",
           backgroundColor: "#f0f4ff"
         });
-        ae.textContent = String(u + 1);
-        const Q = C({
+        le.textContent = String(E + 1);
+        const Y = x({
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         });
-        Q.textContent = v.title, Q.title = v.title, _.append(ae, Q), f.appendChild(_);
-      }), b.appendChild(f);
+        Y.textContent = C.title, Y.title = C.title, A.append(le, Y), m.appendChild(A);
+      }), y.appendChild(m);
     }
-    const S = C({
-      maxWidth: i ? "75%" : "100%",
-      padding: i ? "10px 14px" : "2px 8px",
-      borderRadius: i ? le : "0",
-      backgroundColor: i ? xe : "transparent",
-      color: i ? be : j,
+    const v = x({
+      maxWidth: c ? "75%" : "100%",
+      padding: c ? "10px 14px" : "2px 8px",
+      borderRadius: c ? pe : "0",
+      backgroundColor: c ? ve : "transparent",
+      color: c ? Ee : X,
       wordBreak: "break-word",
       fontSize: "14px",
       lineHeight: "1.6"
     });
-    if (S.className = "ago-message__content", t.content ? S.appendChild(me(t.content)) : t.status === "IN_PROGRESS" && S.appendChild(_e()), b.appendChild(S), t.followUpReplies && t.followUpReplies.length > 0) {
-      const f = C({
+    if (v.className = "ago-message__content", t.content ? v.appendChild(be(t.content)) : t.status === "IN_PROGRESS" && v.appendChild(ie()), y.appendChild(v), s && I && t.role === "assistant" && t.status === "DONE" && !(t.followUpReplies && t.followUpReplies.length > 0)) {
+      const m = x({
+        marginTop: "10px",
+        paddingLeft: "8px"
+      });
+      m.className = "ago-message__followups-loading", m.appendChild(ie()), y.appendChild(m);
+    }
+    if (s && t.followUpReplies && t.followUpReplies.length > 0) {
+      const m = x({
         display: "flex",
         flexWrap: "wrap",
         gap: "8px",
         marginTop: "10px"
       });
-      f.className = "ago-message__followups";
-      for (const v of t.followUpReplies) {
-        const u = document.createElement("button");
-        u.type = "button", u.className = "ago-message__followup-btn", u.textContent = v, u.disabled = !J, E(u, {
+      m.className = "ago-message__followups";
+      for (const C of t.followUpReplies) {
+        const E = document.createElement("button");
+        E.type = "button", E.className = "ago-message__followup-btn", E.textContent = C, E.disabled = !ee, R(E, {
           padding: "6px 14px",
           fontSize: "13px",
-          borderRadius: le,
-          border: `1px solid ${k}`,
+          borderRadius: pe,
+          border: `1px solid ${$}`,
           backgroundColor: z,
-          color: j,
-          cursor: J ? "pointer" : "default",
+          color: X,
+          cursor: ee ? "pointer" : "default",
           transition: "border-color 0.15s"
-        }), ee && u.addEventListener("click", () => ee(v)), u.addEventListener("mouseenter", () => {
-          u.style.borderColor = Y;
-        }), u.addEventListener("mouseleave", () => {
-          u.style.borderColor = k;
-        }), f.appendChild(u);
+        }), te && E.addEventListener("click", () => te(C)), E.addEventListener("mouseenter", () => {
+          E.style.borderColor = Z;
+        }), E.addEventListener("mouseleave", () => {
+          E.style.borderColor = $;
+        }), m.appendChild(E);
       }
-      b.appendChild(f);
+      y.appendChild(m);
     }
-    return b;
+    return y;
   }
-  function I() {
-    if ($.replaceChildren(), p.length === 0) {
-      const t = C({
+  function k() {
+    if (T.replaceChildren(), l.length === 0) {
+      const s = x({
         textAlign: "center",
-        color: Be,
+        color: ze,
         padding: "24px 16px",
         fontSize: "14px",
         lineHeight: "1.5"
       });
-      t.textContent = e, $.appendChild(t);
-    } else for (const t of p) $.appendChild(Ee(t));
-    if (B) {
-      const t = C({
+      s.textContent = e, T.appendChild(s);
+    } else l.forEach((s, c) => {
+      T.appendChild(Se(s, c === l.length - 1));
+    });
+    if (U) {
+      const s = x({
         padding: "10px 14px",
         backgroundColor: "#fef2f2",
         color: "#dc2626",
@@ -406,218 +415,223 @@ function Ke(o, n) {
         fontSize: "13px",
         border: "1px solid #fecaca"
       });
-      t.textContent = B, $.appendChild(t);
+      s.textContent = U, T.appendChild(s);
     }
-    $.scrollTop = $.scrollHeight, ve(A);
+    T.scrollTop = T.scrollHeight;
+    const t = l[l.length - 1];
+    we(I && t?.role === "assistant" && t.status === "IN_PROGRESS");
   }
-  function we() {
-    for (let t = p.length - 1; t >= 0; t--) {
-      const i = p[t];
-      if (i.role === "assistant" && i.status === "IN_PROGRESS") return i;
+  function _e() {
+    for (let t = l.length - 1; t >= 0; t--) {
+      const s = l[t];
+      if (s.role === "assistant" && s.status === "IN_PROGRESS") return s;
     }
   }
-  const te = (t) => {
-    w || (w = t.conversationId);
-  }, ne = (t) => {
-    const i = we();
-    i && (i.content += t.content, I());
+  const ne = (t) => {
+    S || (S = t.conversationId);
   }, oe = (t) => {
-    const i = p.findIndex((b) => b.id === t.id || b.role === "assistant" && b.status === "IN_PROGRESS");
-    i >= 0 ? p[i] = t : p.push(t), A = !1, I(), t.status === "DONE" && U?.({
+    const s = _e();
+    s && (s.content += t.content, k());
+  }, re = (t) => {
+    const s = l.findIndex((c) => c.id === t.id || c.role === "assistant" && c.status === "IN_PROGRESS");
+    s >= 0 ? l[s] = t : l.push(t), k();
+  }, ae = (t) => {
+    const s = l.findIndex((c) => c.id === t.id || c.role === "assistant" && c.status === "IN_PROGRESS");
+    s >= 0 ? l[s] = t : l.push(t), I = !1, k(), t.status === "DONE" && F?.({
       id: t.id,
       content: t.content
     });
-  }, re = (t) => {
-    B = t.error, A = !1, p = p.filter((i) => !i.id.startsWith("temp-")), I();
+  }, se = (t) => {
+    U = t.error, I = !1, l = l.filter((s) => !s.id.startsWith("temp-")), k();
   };
-  x.on("message:start", te), x.on("message:chunk", ne), x.on("message:complete", oe), x.on("message:error", re);
-  const Se = (T ?? []).map((t) => $e(t).install(x));
-  async function q(t, i) {
-    const b = t.trim();
-    if (!b && !i?.length || A) return;
-    R?.(b), A = !0, B = null;
-    const S = Date.now();
-    p.push({
-      id: `temp-user-${S}`,
-      conversationId: w || "",
-      content: b,
+  h.on("message:start", ne), h.on("message:chunk", oe), h.on("message:answer-complete", re), h.on("message:complete", ae), h.on("message:error", se);
+  const ke = (N ?? []).map((t) => Te(t).install(h));
+  async function V(t, s) {
+    const c = t.trim();
+    if (!c && !s?.length || I) return;
+    _?.(c), I = !0, U = null;
+    const y = Date.now();
+    l.push({
+      id: `temp-user-${y}`,
+      conversationId: S || "",
+      content: c,
       role: "user",
       status: "DONE",
       createdAt: /* @__PURE__ */ new Date()
-    }), p.push({
-      id: `temp-assistant-${S}`,
-      conversationId: w || "",
+    }), l.push({
+      id: `temp-assistant-${y}`,
+      conversationId: S || "",
       content: "",
       role: "assistant",
       status: "IN_PROGRESS",
       createdAt: /* @__PURE__ */ new Date()
-    }), I();
+    }), k();
     try {
-      const f = await x.sendMessage(b, {
-        conversationId: w,
-        files: i
+      const v = await h.sendMessage(c, {
+        conversationId: S,
+        files: s
       });
-      f.conversationId && (w || (w = f.conversationId), O?.setActiveThread(f.conversationId, f.createdAt));
-      const v = p.find((u) => u.id === `temp-user-${S}`);
-      if (v && (v.id = `user-${S}`, v.conversationId = f.conversationId), !p.some((u) => u.id === f.id)) {
-        const u = p.findIndex((_) => _.id === `temp-assistant-${S}`);
-        u >= 0 ? p[u] = f : p.push(f);
+      v.conversationId && (S || (S = v.conversationId), D?.setActiveThread(v.conversationId, v.createdAt));
+      const m = l.find((C) => C.id === `temp-user-${y}`);
+      if (m && (m.id = `user-${y}`, m.conversationId = v.conversationId), !l.some((C) => C.id === v.id)) {
+        const C = l.findIndex((E) => E.id === `temp-assistant-${y}`);
+        C >= 0 ? l[C] = v : l.push(v);
       }
-      p = p.filter((u) => !u.id.startsWith("temp-")), A = !1, I(), h && V();
-    } catch (f) {
-      B = f instanceof Error ? f.message : "Failed to send message", A = !1, p = p.filter((v) => !v.id.startsWith("temp-")), I();
+      l = l.filter((C) => !C.id.startsWith("temp-")), I = !1, k(), b && Q();
+    } catch (v) {
+      U = v instanceof Error ? v.message : "Failed to send message", I = !1, l = l.filter((m) => !m.id.startsWith("temp-")), k();
     }
   }
-  async function V() {
+  async function Q() {
     try {
-      const t = await x.getConversations();
-      W.splice(0, W.length, ...t);
+      const t = await h.getConversations();
+      P.splice(0, P.length, ...t);
     } catch {
     }
-    return W;
+    return P;
   }
-  async function Re(t) {
+  async function $e(t) {
     try {
-      const i = (await x.getConversation(t))?.messages ?? [];
-      i.length > 0 && p.length === 0 && (p = i, I());
+      const s = (await h.getConversation(t))?.messages ?? [];
+      s.length > 0 && l.length === 0 && (l = s, k());
     } catch {
-      p.length === 0 && (O?.clear(), w = void 0);
+      l.length === 0 && (D?.clear(), S = void 0);
     }
   }
-  return I(), ye(), w && Re(w), h && V(), {
-    client: x,
-    element: D,
-    sendMessage: q,
-    session: O,
-    threads: W,
-    refreshThreads: V,
+  return k(), Re(), S && $e(S), b && Q(), {
+    client: h,
+    element: M,
+    sendMessage: V,
+    session: D,
+    threads: P,
+    refreshThreads: Q,
     destroy() {
-      x.off("message:start", te), x.off("message:chunk", ne), x.off("message:complete", oe), x.off("message:error", re), Se.forEach((t) => t()), D.remove(), n.client || x.destroy();
+      h.off("message:start", ne), h.off("message:chunk", oe), h.off("message:answer-complete", re), h.off("message:complete", ae), h.off("message:error", se), ke.forEach((t) => t()), M.remove(), n.client || h.destroy();
     }
   };
-  function _e() {
-    const t = C({
+  function ie() {
+    const t = x({
       display: "flex",
       gap: "4px",
       padding: "4px 0"
     });
-    for (let i = 0; i < 3; i++) {
-      const b = C({
+    for (let s = 0; s < 3; s++) {
+      const c = x({
         width: "6px",
         height: "6px",
         borderRadius: "50%",
         backgroundColor: "#b5bfc8",
         animation: "ago-pulse 1.2s ease-in-out infinite",
-        animationDelay: `${i * 0.2}s`
+        animationDelay: `${s * 0.2}s`
       });
-      t.appendChild(b);
+      t.appendChild(c);
     }
     return t;
   }
 }
-function Pe(o) {
+function je(o) {
   let n = [];
   const r = document.createElement("form");
-  E(r, {
+  R(r, {
     display: "flex",
     flexDirection: "column",
     gap: "8px",
     padding: "12px",
-    borderTop: `1px solid ${k}`,
+    borderTop: `1px solid ${$}`,
     backgroundColor: z
   }), r.className = "ago-chat-input";
-  const e = C({
+  const e = x({
     display: "flex",
     flexWrap: "wrap",
     gap: "6px"
-  }), g = C({
+  }), g = x({
     display: "flex",
     gap: "8px",
     alignItems: "flex-end"
   }), a = document.createElement("textarea");
-  a.placeholder = o.placeholder, a.rows = 1, E(a, {
+  a.placeholder = o.placeholder, a.rows = 1, R(a, {
     flex: "1",
     resize: "none",
     padding: "10px 12px",
-    border: `1px solid ${k}`,
+    border: `1px solid ${$}`,
     borderRadius: "12px",
     fontSize: "14px",
-    fontFamily: he,
+    fontFamily: Ce,
     lineHeight: "1.4",
     maxHeight: "120px",
     outline: "none"
   });
-  const d = document.createElement("button");
-  d.type = "submit", d.textContent = "Send", E(d, {
+  const p = document.createElement("button");
+  p.type = "submit", p.textContent = "Send", R(p, {
     padding: "10px 16px",
     border: "none",
     borderRadius: "12px",
-    backgroundColor: xe,
-    color: be,
+    backgroundColor: ve,
+    color: Ee,
     fontSize: "14px",
     fontWeight: "500",
     cursor: "pointer"
   });
-  let s = null, c = null;
-  o.allowFiles && (s = document.createElement("input"), s.type = "file", s.multiple = !0, E(s, { display: "none" }), c = document.createElement("button"), c.type = "button", c.textContent = "📎", E(c, {
+  let i = null, f = null;
+  o.allowFiles && (i = document.createElement("input"), i.type = "file", i.multiple = !0, R(i, { display: "none" }), f = document.createElement("button"), f.type = "button", f.textContent = "📎", R(f, {
     padding: "10px 12px",
-    border: `1px solid ${k}`,
+    border: `1px solid ${$}`,
     borderRadius: "12px",
     backgroundColor: z,
     cursor: "pointer",
     fontSize: "14px"
-  }), c.addEventListener("click", () => s?.click()), s.addEventListener("change", () => {
-    n = [...n, ...Array.from(s?.files ?? [])], l();
+  }), f.addEventListener("click", () => i?.click()), i.addEventListener("change", () => {
+    n = [...n, ...Array.from(i?.files ?? [])], d();
   }));
-  function l() {
-    e.replaceChildren(), n.forEach((m, R) => {
-      const U = C({
+  function d() {
+    e.replaceChildren(), n.forEach((u, _) => {
+      const F = x({
         display: "flex",
         alignItems: "center",
         gap: "4px",
         padding: "4px 8px",
         backgroundColor: "#f0f4ff",
-        border: `1px solid ${k}`,
+        border: `1px solid ${$}`,
         borderRadius: "8px",
         fontSize: "12px"
-      }), x = document.createElement("span");
-      x.textContent = m.name;
-      const L = document.createElement("button");
-      L.type = "button", L.textContent = "×", E(L, {
+      }), h = document.createElement("span");
+      h.textContent = u.name;
+      const O = document.createElement("button");
+      O.type = "button", O.textContent = "×", R(O, {
         border: "none",
         background: "transparent",
         cursor: "pointer",
         fontSize: "14px",
         lineHeight: "1"
-      }), L.addEventListener("click", () => {
-        n = n.filter((F, O) => O !== R), l();
-      }), U.append(x, L), e.appendChild(U);
+      }), O.addEventListener("click", () => {
+        n = n.filter((W, D) => D !== _), d();
+      }), F.append(h, O), e.appendChild(F);
     });
   }
-  const h = () => {
-    const m = a.value, R = n;
-    return a.value = "", n = [], l(), {
-      content: m,
-      files: R
+  const b = () => {
+    const u = a.value, _ = n;
+    return a.value = "", n = [], d(), {
+      content: u,
+      files: _
     };
-  }, T = () => {
-    const { content: m, files: R } = h();
-    (m.trim() || R.length > 0) && o.onSend(m.trim(), R.length > 0 ? R : void 0);
+  }, N = () => {
+    const { content: u, files: _ } = b();
+    (u.trim() || _.length > 0) && o.onSend(u.trim(), _.length > 0 ? _ : void 0);
   };
-  return r.addEventListener("submit", (m) => {
-    m.preventDefault(), T();
-  }), a.addEventListener("keydown", (m) => {
-    m.key === "Enter" && !m.shiftKey && (m.preventDefault(), T());
-  }), c && g.appendChild(c), g.append(a, d), s && r.appendChild(s), r.append(e, g), {
+  return r.addEventListener("submit", (u) => {
+    u.preventDefault(), N();
+  }), a.addEventListener("keydown", (u) => {
+    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), N());
+  }), f && g.appendChild(f), g.append(a, p), i && r.appendChild(i), r.append(e, g), {
     inputRow: r,
-    getValueAndClear: h,
-    setDisabled: (m) => {
-      a.disabled = m, d.disabled = m, d.style.opacity = m ? "0.6" : "1", d.style.cursor = m ? "not-allowed" : "pointer";
+    getValueAndClear: b,
+    setDisabled: (u) => {
+      a.disabled = u, p.disabled = u, p.style.opacity = u ? "0.6" : "1", p.style.cursor = u ? "not-allowed" : "pointer";
     },
     focus: () => a.focus()
   };
 }
 export {
-  Ke as mountChatWidget,
-  me as renderMarkdown
+  Ve as mountChatWidget,
+  be as renderMarkdown
 };