@useago/sdk 1.0.1 → 1.0.2

package/dist/widget.js

@@ -1,45 +1,45 @@
-import { t as Xe } from "./AgoClient-CZYNL25R.js";
-import { r as Ke, t as qe } from "./createFormCollector-Bk0DRhUf.js";
-import { t as Ve } from "./createConversationSession-Bmqj2rSS.js";
-var Qe = {
+import { t as Xe, u as Ke } from "./AgoClient-bQozE6-A.js";
+import { r as qe, t as Ve } from "./createFormCollector-D-TpSd9x.js";
+import { t as Qe } from "./createConversationSession-BbK3ou1k.js";
+var Ye = {
   "&": "&",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
 };
-function F(o) {
-  return o.replace(/[&<>"']/g, (n) => Qe[n]);
+function U(o) {
+  return o.replace(/[&<>"']/g, (n) => Ye[n]);
 }
 function ke(o) {
   const n = o.trim();
   return /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i.test(n) || !/^[a-z][a-z0-9+.-]*:/i.test(n) ? n : null;
 }
-var Le = '"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace', Q = "";
+var Ne = '"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace', Q = "";
 function M(o) {
   const n = [], r = (u) => (n.push(u), `${Q}${n.length - 1}${Q}`);
   let t = o;
-  return t = t.replace(/`([^`]+)`/g, (u, i) => r(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${Le}">${F(i)}</code>`)), t = t.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (u, i, f) => {
+  return t = t.replace(/`([^`]+)`/g, (u, i) => r(`<code style="background:#f0f2f5;padding:2px 5px;border-radius:4px;font-size:13px;font-family:${Ne}">${U(i)}</code>`)), t = t.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (u, i, f) => {
     const s = ke(f);
-    return s ? r(`<img alt="${F(i)}" src="${F(s)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : u;
+    return s ? r(`<img alt="${U(i)}" src="${U(s)}" style="max-width:100%;border-radius:8px;margin:4px 0" />`) : u;
   }), t = t.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (u, i, f) => {
     const s = ke(f);
-    return s ? r(`<a href="${F(s)}" target="_blank" rel="noopener noreferrer" style="color:#1b5fc4;text-decoration:underline">${M(i)}</a>`) : u;
-  }), t = F(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(`${Q}(\\d+)${Q}`, "g"), (u, i) => n[Number(i)]), t;
+    return s ? r(`<a href="${U(s)}" 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(`${Q}(\\d+)${Q}`, "g"), (u, i) => n[Number(i)]), t;
 }
 function R(o, n, r) {
   const t = document.createElement(o);
   return Object.assign(t.style, n), r !== void 0 && (t.innerHTML = r), t;
 }
-var Oe = /^ {0,3}([-*_])( *\1){2,} *$/, Te = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, De = /^ {0,3}(```+|~~~+)/, Z = /^ {0,3}>\s?/, P = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, Ye = [
+var Oe = /^ {0,3}([-*_])( *\1){2,} *$/, Te = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/, De = /^ {0,3}(```+|~~~+)/, Z = /^ {0,3}>\s?/, P = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, Ze = [
   "20px",
   "18px",
   "16px",
   "15px",
   "14px",
   "13px"
-], ce = (o) => o.match(/^\s*/)?.[0].length ?? 0;
-function Ze(o) {
+], pe = (o) => o.match(/^\s*/)?.[0].length ?? 0;
+function Je(o) {
   return o.trim() === "" || Oe.test(o) || Te.test(o) || De.test(o) || Z.test(o) || P.test(o);
 }
 function Me(o) {
@@ -52,18 +52,18 @@ function Me(o) {
   let i = 0;
   for (; i < o.length; ) {
     const f = o[i].match(P), s = [];
-    for (i++; i < o.length && ce(o[i]) > r; )
+    for (i++; i < o.length && pe(o[i]) > r; )
       s.push(o[i]), i++;
     const p = R("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]), s.filter((m) => P.test(m)).length > 0 && p.appendChild(Me(s.filter((m) => m.trim() !== ""))), u.appendChild(p);
+    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]), s.filter((h) => P.test(h)).length > 0 && p.appendChild(Me(s.filter((h) => h.trim() !== ""))), u.appendChild(p);
   }
   return u;
 }
-function Je(o) {
+function et(o) {
   const n = (s) => s.replace(/^\s*\|?/, "").replace(/\|?\s*$/, "").split("|").map((p) => p.trim()), r = R("div", {
     overflowX: "auto",
     margin: "0 0 8px 0"
@@ -91,8 +91,8 @@ function Je(o) {
   }
   return t.appendChild(f), r.appendChild(t), r;
 }
-var et = (o) => !!o && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(o);
-function Be(o) {
+var tt = (o) => !!o && /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/.test(o);
+function fe(o) {
   const n = document.createDocumentFragment(), r = o.replace(/\r\n?/g, `
 `).split(`
 `);
@@ -105,9 +105,9 @@ function Be(o) {
     }
     const f = i.match(De);
     if (f) {
-      const c = f[1][0], m = [];
+      const c = f[1][0], h = [];
       for (t++; t < r.length && !new RegExp(`^ {0,3}${c === "`" ? "`{3,}" : "~{3,}"}\\s*$`).test(r[t]); )
-        m.push(r[t]), t++;
+        h.push(r[t]), t++;
       t++;
       const L = R("pre", { margin: "0 0 8px 0" });
       L.appendChild(R("code", {
@@ -117,9 +117,9 @@ function Be(o) {
         borderRadius: "6px",
         fontSize: "13px",
         overflowX: "auto",
-        fontFamily: Le,
+        fontFamily: Ne,
         whiteSpace: "pre"
-      }, F(m.join(`
+      }, U(h.join(`
 `)))), n.appendChild(L);
       continue;
     }
@@ -136,7 +136,7 @@ function Be(o) {
       const c = s[1].length;
       n.appendChild(R(`h${c}`, {
         margin: "16px 0 8px 0",
-        fontSize: Ye[c - 1],
+        fontSize: Ze[c - 1],
         fontWeight: "600",
         lineHeight: "1.3"
       }, M(s[2]))), t++;
@@ -146,35 +146,35 @@ function Be(o) {
       const c = [];
       for (; t < r.length && Z.test(r[t]); )
         c.push(r[t].replace(Z, "")), t++;
-      const m = R("blockquote", {
+      const h = R("blockquote", {
         borderLeft: "4px solid #dee3e8",
         paddingLeft: "12px",
         margin: "0 0 8px 0",
         fontStyle: "italic",
         color: "#6b6d6f"
       });
-      m.appendChild(Be(c.join(`
-`))), n.appendChild(m);
+      h.appendChild(fe(c.join(`
+`))), n.appendChild(h);
       continue;
     }
-    if (i.includes("|") && et(r[t + 1])) {
+    if (i.includes("|") && tt(r[t + 1])) {
       const c = [i, r[t + 1]];
       for (t += 2; t < r.length && r[t].includes("|") && r[t].trim(); )
         c.push(r[t]), t++;
-      n.appendChild(Je(c));
+      n.appendChild(et(c));
       continue;
     }
     if (P.test(i)) {
-      const c = [], m = ce(i);
+      const c = [], h = pe(i);
       for (; t < r.length && r[t].trim() !== ""; )
-        if (P.test(r[t]) || ce(r[t]) > m)
+        if (P.test(r[t]) || pe(r[t]) > h)
           c.push(r[t]), t++;
         else break;
       n.appendChild(Me(c));
       continue;
     }
     const p = [i];
-    for (t++; t < r.length && !Ze(r[t]); )
+    for (t++; t < r.length && !Je(r[t]); )
       p.push(r[t]), t++;
     n.appendChild(R("p", {
       margin: "0 0 8px 0",
@@ -184,7 +184,7 @@ function Be(o) {
   const u = n.lastElementChild;
   return u && (u.style.marginBottom = "0"), n;
 }
-var pe = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)', $e = {
+var ue = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)', $e = {
   font: "--ago-font",
   radius: "--ago-radius",
   messageRadius: "--ago-message-radius",
@@ -198,8 +198,8 @@ var pe = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "S
   mutedText: "--ago-muted-text-color",
   border: "--ago-border-color",
   accent: "--ago-accent-color"
-}, fe = "var(--ago-brand-color, #03182f)", ue = "var(--ago-brand-text-color, #fff)", tt = "var(--ago-header-background, var(--ago-brand-color, #03182f))", Ie = "var(--ago-header-text-color, #e8f0fe)", j = "var(--ago-panel-background, #fff)", nt = "var(--ago-messages-background, #fbfbfb)", Y = "var(--ago-text-color, #30373e)", ot = "var(--ago-muted-text-color, #6b6d6f)", $ = "var(--ago-border-color, #dee3e8)", de = "var(--ago-accent-color, #1b5fc4)", rt = "var(--ago-radius, 16px)", Ae = "var(--ago-message-radius, 16px)";
-function at(o, n) {
+}, ge = "var(--ago-brand-color, #03182f)", he = "var(--ago-brand-text-color, #fff)", nt = "var(--ago-header-background, var(--ago-brand-color, #03182f))", Ie = "var(--ago-header-text-color, #e8f0fe)", j = "var(--ago-panel-background, #fff)", ot = "var(--ago-messages-background, #fbfbfb)", Y = "var(--ago-text-color, #30373e)", rt = "var(--ago-muted-text-color, #6b6d6f)", $ = "var(--ago-border-color, #dee3e8)", ce = "var(--ago-accent-color, #1b5fc4)", at = "var(--ago-radius, 16px)", Ae = "var(--ago-message-radius, 16px)";
+function it(o, n) {
   if (n)
     for (const r of Object.keys($e)) {
       const t = n[r];
@@ -209,53 +209,53 @@ function at(o, n) {
 function y(o, n) {
   Object.assign(o.style, n);
 }
-function b(o = {}) {
+function x(o = {}) {
   const n = document.createElement("div");
   return y(n, o), n;
 }
-var Ne = "ago-chat-widget-keyframes";
-function it() {
-  if (typeof document > "u" || document.getElementById(Ne)) return;
+var Le = "ago-chat-widget-keyframes";
+function st() {
+  if (typeof document > "u" || document.getElementById(Le)) return;
   const o = document.createElement("style");
-  o.id = Ne, 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 = Le, 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 st(o) {
+function lt(o) {
   const n = typeof o == "string" ? document.querySelector(o) : o;
   if (!n) throw new Error(`mountChatWidget: target "${String(o)}" not found.`);
   return n;
 }
-function ft(o, n) {
-  const { title: r = "Chat", welcomeMessage: t = "Hello! How can I help you today?", placeholder: u = "Type a message...", allowFiles: i = !1, height: f = 500, placement: s = "inline", width: p = 400, defaultOpen: c = !1, logoUrl: m, showAgentName: L = !1, theme: x, loadThreads: _ = !1, forms: X, onFollowUpClick: B, onMessageSent: O, onMessageReceived: ge } = n;
-  if (!n.client && !n.config?.baseUrl) throw new Error("mountChatWidget requires either `client` or `config` (with a baseUrl).");
-  const h = n.client ?? new Xe(n.config), he = st(o), z = s === "left" || s === "right", ze = z && (n.launcher ?? !0);
+function ut(o, n) {
+  const { title: r = "Chat", welcomeMessage: t = "Hello! How can I help you today?", placeholder: u = "Type a message...", allowFiles: i = !1, height: f = 500, placement: s = "inline", width: p = 400, defaultOpen: c = !1, logoUrl: h, showAgentName: L = !1, theme: m, loadThreads: _ = !1, forms: X, onFollowUpClick: B, onMessageSent: N, onMessageReceived: me } = n;
+  if (!n.client && !n.config?.baseUrl) throw new Ke("mountChatWidget requires either `client` or `config` (with a baseUrl).", "config_missing_base_url");
+  const g = n.client ?? new Xe(n.config), xe = lt(o), z = s === "left" || s === "right", Be = z && (n.launcher ?? !0);
   let H = z ? c : !0;
-  const J = n.persistConversation, K = J ? Ve(J === !0 ? {} : J) : void 0;
-  let k = n.conversationId ?? K?.getLastActiveThread() ?? void 0, d = [], A = !1, W = null;
-  const q = [], U = b({
+  const J = n.persistConversation, K = J ? Qe(J === !0 ? {} : J) : void 0;
+  let k = n.conversationId ?? K?.getLastActiveThread() ?? void 0, d = [], O = !1, W = null;
+  const q = [], F = x({
     display: "flex",
     flexDirection: "column",
     height: z ? "100%" : typeof f == "number" ? `${f}px` : f,
     border: `1px solid ${$}`,
-    borderRadius: rt,
+    borderRadius: at,
     overflow: "hidden",
     backgroundColor: j,
-    fontFamily: pe,
+    fontFamily: ue,
     textAlign: "left",
     boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
   });
-  U.className = "ago-chat-widget", at(U, x);
-  const G = b({
+  F.className = "ago-chat-widget", it(F, m);
+  const G = x({
     padding: "14px 16px",
     borderBottom: `1px solid ${$}`,
-    backgroundColor: tt,
+    backgroundColor: nt,
     color: Ie,
     display: "flex",
     alignItems: "center",
     gap: "10px"
   });
-  if (G.className = "ago-chat-widget__header", m) {
+  if (G.className = "ago-chat-widget__header", h) {
     const e = document.createElement("img");
-    e.src = m, e.alt = "Logo", y(e, {
+    e.src = h, e.alt = "Logo", y(e, {
       height: "24px",
       width: "auto"
     }), G.appendChild(e);
@@ -276,94 +276,94 @@ function ft(o, n) {
       lineHeight: "1",
       cursor: "pointer",
       padding: "0 2px"
-    }), e.addEventListener("click", () => se()), G.appendChild(e);
+    }), e.addEventListener("click", () => le()), G.appendChild(e);
   }
-  const N = b({
+  const A = x({
     flex: "1",
     overflow: "auto",
     padding: "16px",
-    backgroundColor: nt
+    backgroundColor: ot
   });
-  N.className = "ago-chat-widget__messages";
-  const { inputRow: He, setDisabled: Ue, focus: me } = lt({
+  A.className = "ago-chat-widget__messages";
+  const { inputRow: ze, setDisabled: He, focus: te } = dt({
     placeholder: u,
     allowFiles: i,
     onSend: (e, a) => {
-      oe(e, a);
+      re(e, a);
     }
   });
-  it(), U.append(G, N, He);
-  let V = U, T, E;
-  const te = s === "left" ? "left" : "right";
-  if (z && (T = b({
+  st(), F.append(G, A, ze);
+  let V = F, T, E;
+  const ne = s === "left" ? "left" : "right";
+  if (z && (T = x({
     position: "fixed",
     top: "0",
     bottom: "0",
-    [te]: "0",
+    [ne]: "0",
     width: typeof p == "number" ? `${p}px` : p,
     maxWidth: "100vw",
     display: "flex",
     zIndex: "2147483000",
     transition: "transform 0.3s ease",
     boxShadow: "rgba(15, 15, 15, 0.18) 0px 0px 24px 0px"
-  }), T.className = "ago-chat-widget-panel", y(U, {
+  }), T.className = "ago-chat-widget-panel", y(F, {
     height: "100%",
     width: "100%",
     borderRadius: "0",
     border: "none",
     boxShadow: "none",
-    [te === "left" ? "borderRight" : "borderLeft"]: `1px solid ${$}`
-  }), T.appendChild(U), V = T), ze) {
+    [ne === "left" ? "borderRight" : "borderLeft"]: `1px solid ${$}`
+  }), T.appendChild(F), V = T), Be) {
     if (E = document.createElement("button"), E.type = "button", E.className = "ago-chat-widget-launcher", E.setAttribute("aria-label", `Open ${r}`), y(E, {
       position: "fixed",
       bottom: "20px",
-      [te]: "20px",
+      [ne]: "20px",
       width: "56px",
       height: "56px",
       borderRadius: "50%",
       border: "none",
-      backgroundColor: fe,
-      color: ue,
+      backgroundColor: ge,
+      color: he,
       cursor: "pointer",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       zIndex: "2147483000",
       boxShadow: "rgba(15, 15, 15, 0.2) 0px 4px 14px 0px",
-      fontFamily: pe
-    }), m) {
+      fontFamily: ue
+    }), h) {
       const e = document.createElement("img");
-      e.src = m, e.alt = "", y(e, {
+      e.src = h, e.alt = "", y(e, {
         width: "26px",
         height: "26px",
         objectFit: "contain"
       }), E.appendChild(e);
-    } else E.appendChild(je());
-    E.addEventListener("click", () => ie());
+    } else E.appendChild(Ge());
+    E.addEventListener("click", () => se());
   }
-  he.appendChild(V), E && he.appendChild(E), ae();
-  const xe = B !== !1, be = B === !1 ? void 0 : B ?? ((e) => {
-    oe(e);
+  xe.appendChild(V), E && xe.appendChild(E), ie();
+  const be = B !== !1, Ce = B === !1 ? void 0 : B ?? ((e) => {
+    re(e);
   });
   function Fe(e, a) {
-    const l = e.role === "user", S = b({
+    const l = e.role === "user", S = x({
       display: "flex",
       flexDirection: "column",
       alignItems: l ? "flex-end" : "flex-start",
       marginBottom: "16px"
     });
     if (S.className = `ago-message ago-message--${e.role}`, !l && L && e.agent) {
-      const g = b({
+      const b = x({
         fontSize: "13px",
         fontWeight: "500",
         color: Y,
         marginBottom: "6px",
         padding: "0 4px"
       });
-      g.className = "ago-message__agent", g.textContent = e.agent.displayName || e.agent.name, S.appendChild(g);
+      b.className = "ago-message__agent", b.textContent = e.agent.displayName || e.agent.name, S.appendChild(b);
     }
     if (!l && e.sources && e.sources.length > 0) {
-      const g = b({
+      const b = x({
         display: "grid",
         gridTemplateColumns: "1fr 1fr",
         gap: "6px",
@@ -371,7 +371,7 @@ function ft(o, n) {
         width: "100%",
         maxWidth: "85%"
       });
-      g.className = "ago-message__sources", e.sources.forEach((C, v) => {
+      b.className = "ago-message__sources", e.sources.forEach((C, w) => {
         const D = C.url ? document.createElement("a") : document.createElement("div");
         C.url && D instanceof HTMLAnchorElement && (D.href = C.url, D.target = "_blank", D.rel = "noopener noreferrer"), y(D, {
           display: "flex",
@@ -386,13 +386,13 @@ function ft(o, n) {
           fontSize: "12px",
           overflow: "hidden"
         });
-        const _e = b({
+        const _e = x({
           flexShrink: "0",
           width: "18px",
           height: "18px",
           borderRadius: "3px",
-          border: `1px solid ${de}`,
-          color: de,
+          border: `1px solid ${ce}`,
+          color: ce,
           fontSize: "11px",
           fontWeight: "500",
           display: "flex",
@@ -400,76 +400,69 @@ function ft(o, n) {
           justifyContent: "center",
           backgroundColor: "#f0f4ff"
         });
-        _e.textContent = String(v + 1);
-        const le = b({
+        _e.textContent = String(w + 1);
+        const de = x({
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         });
-        le.textContent = C.title, le.title = C.title, D.append(_e, le), g.appendChild(D);
-      }), S.appendChild(g);
+        de.textContent = C.title, de.title = C.title, D.append(_e, de), b.appendChild(D);
+      }), S.appendChild(b);
     }
-    const w = b({
+    const v = x({
       maxWidth: l ? "75%" : "100%",
       padding: l ? "10px 14px" : "2px 8px",
       borderRadius: l ? Ae : "0",
-      backgroundColor: l ? fe : "transparent",
-      color: l ? ue : Y,
+      backgroundColor: l ? ge : "transparent",
+      color: l ? he : Y,
       wordBreak: "break-word",
       fontSize: "14px",
       lineHeight: "1.6"
     });
-    if (w.className = "ago-message__content", e.content ? w.appendChild(Be(e.content)) : e.status === "IN_PROGRESS" && w.appendChild(Re()), S.appendChild(w), a && A && e.role === "assistant" && e.status === "DONE" && !(e.followUpReplies && e.followUpReplies.length > 0)) {
-      const g = b({
-        marginTop: "10px",
-        paddingLeft: "8px"
-      });
-      g.className = "ago-message__followups-loading", g.appendChild(Re()), S.appendChild(g);
-    }
-    if (a && e.followUpReplies && e.followUpReplies.length > 0) {
-      const g = b({
+    if (v.className = "ago-message__content", e.content ? v.appendChild(fe(e.content)) : e.status === "IN_PROGRESS" && v.appendChild(je()), S.appendChild(v), a && e.followUpReplies && e.followUpReplies.length > 0) {
+      const b = x({
         display: "flex",
         flexWrap: "wrap",
         gap: "8px",
         marginTop: "10px"
       });
-      g.className = "ago-message__followups";
+      b.className = "ago-message__followups";
       for (const C of e.followUpReplies) {
-        const v = document.createElement("button");
-        v.type = "button", v.className = "ago-message__followup-btn", v.textContent = C, v.disabled = !xe, y(v, {
+        const w = document.createElement("button");
+        w.type = "button", w.className = "ago-message__followup-btn", w.textContent = C, w.disabled = !be, y(w, {
           padding: "6px 14px",
-          fontSize: "13px",
+          fontSize: "14px",
           borderRadius: Ae,
           border: `1px solid ${$}`,
           backgroundColor: j,
           color: Y,
-          cursor: xe ? "pointer" : "default",
+          cursor: be ? "pointer" : "default",
           transition: "border-color 0.15s"
-        }), be && v.addEventListener("click", () => be(C)), v.addEventListener("mouseenter", () => {
-          v.style.borderColor = de;
-        }), v.addEventListener("mouseleave", () => {
-          v.style.borderColor = $;
-        }), g.appendChild(v);
+        }), Ce && w.addEventListener("click", () => Ce(C)), w.addEventListener("mouseenter", () => {
+          w.style.borderColor = ce;
+        }), w.addEventListener("mouseleave", () => {
+          w.style.borderColor = $;
+        }), b.appendChild(w);
       }
-      S.appendChild(g);
+      S.appendChild(b);
     }
     return S;
   }
   function I() {
-    if (N.replaceChildren(), d.length === 0) {
-      const a = b({
+    if (A.replaceChildren(), d.length === 0) {
+      const a = x({
         textAlign: "center",
-        color: ot,
+        color: rt,
         padding: "24px 16px",
         fontSize: "14px",
         lineHeight: "1.5"
       });
-      a.textContent = t, N.appendChild(a);
+      a.appendChild(fe(t)), A.appendChild(a);
     } else d.forEach((a, l) => {
-      N.appendChild(Fe(a, l === d.length - 1));
+      A.appendChild(Fe(a, l === d.length - 1));
     });
     if (W) {
-      const a = b({
+      const a = x({
         padding: "10px 14px",
         backgroundColor: "#fef2f2",
         color: "#dc2626",
@@ -478,46 +471,46 @@ function ft(o, n) {
         fontSize: "13px",
         border: "1px solid #fecaca"
       });
-      a.textContent = W, N.appendChild(a);
+      a.textContent = W, A.appendChild(a);
     }
-    N.scrollTop = N.scrollHeight;
+    A.scrollTop = A.scrollHeight;
     const e = d[d.length - 1];
-    Ue(A && e?.role === "assistant" && e.status === "IN_PROGRESS");
+    He(O && e?.role === "assistant" && e.status === "IN_PROGRESS");
   }
-  function Pe() {
+  function Ue() {
     for (let e = d.length - 1; e >= 0; e--) {
       const a = d[e];
       if (a.role === "assistant" && a.status === "IN_PROGRESS") return a;
     }
   }
-  const Ce = (e) => {
+  const ve = (e) => {
     k || (k = e.conversationId);
   }, we = (e) => {
-    const a = Pe();
+    const a = Ue();
     a && (a.content += e.content, I());
-  }, ve = (e) => {
-    const a = d.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
-    a >= 0 ? d[a] = e : d.push(e), I();
   }, ye = (e) => {
     const a = d.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
-    a >= 0 ? d[a] = e : d.push(e), A = !1, I(), e.status === "DONE" && ge?.({
+    a >= 0 ? d[a] = e : d.push(e), I(), te();
+  }, Ee = (e) => {
+    const a = d.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
+    a >= 0 ? d[a] = e : d.push(e), O = !1, I(), e.status === "DONE" && me?.({
       id: e.id,
       content: e.content
     });
-  }, Ee = (e) => {
-    W = e.error, A = !1, d = d.filter((a) => !a.id.startsWith("temp-")), I();
+  }, Se = (e) => {
+    W = e.error, O = !1, d = d.filter((a) => !a.id.startsWith("temp-")), I();
   };
-  h.on("message:start", Ce), h.on("message:chunk", we), h.on("message:answer-complete", ve), h.on("message:complete", ye), h.on("message:error", Ee);
-  const ne = [];
-  let Se = !1;
-  for (const e of X ?? []) e.schema != null ? ne.push(qe(e).install(h)) : Ke(h, e).then((a) => {
-    Se || ne.push(a.install(h));
+  g.on("message:start", ve), g.on("message:chunk", we), g.on("message:answer-complete", ye), g.on("message:complete", Ee), g.on("message:error", Se);
+  const oe = [];
+  let Re = !1;
+  for (const e of X ?? []) e.schema != null ? oe.push(Ve(e).install(g)) : qe(g, e).then((a) => {
+    Re || oe.push(a.install(g));
   }).catch(() => {
   });
-  async function oe(e, a) {
+  async function re(e, a) {
     const l = e.trim();
-    if (!l && !a?.length || A) return;
-    O?.(l), A = !0, W = null;
+    if (!l && !a?.length || O) return;
+    N?.(l), O = !0, W = null;
     const S = Date.now();
     d.push({
       id: `temp-user-${S}`,
@@ -535,81 +528,81 @@ function ft(o, n) {
       createdAt: /* @__PURE__ */ new Date()
     }), I();
     try {
-      const w = await h.sendMessage(l, {
+      const v = await g.sendMessage(l, {
         conversationId: k,
         files: a
       });
-      w.conversationId && (k || (k = w.conversationId), K?.setActiveThread(w.conversationId, w.createdAt));
-      const g = d.find((C) => C.id === `temp-user-${S}`);
-      if (g && (g.id = `user-${S}`, g.conversationId = w.conversationId), !d.some((C) => C.id === w.id)) {
-        const C = d.findIndex((v) => v.id === `temp-assistant-${S}`);
-        C >= 0 ? d[C] = w : d.push(w);
+      v.conversationId && (k || (k = v.conversationId), K?.setActiveThread(v.conversationId, v.createdAt));
+      const b = d.find((C) => C.id === `temp-user-${S}`);
+      if (b && (b.id = `user-${S}`, b.conversationId = v.conversationId), !d.some((C) => C.id === v.id)) {
+        const C = d.findIndex((w) => w.id === `temp-assistant-${S}`);
+        C >= 0 ? d[C] = v : d.push(v);
       }
-      d = d.filter((C) => !C.id.startsWith("temp-")), A = !1, I(), _ && re();
-    } catch (w) {
-      W = w instanceof Error ? w.message : "Failed to send message", A = !1, d = d.filter((g) => !g.id.startsWith("temp-")), I();
+      d = d.filter((C) => !C.id.startsWith("temp-")), O = !1, I(), _ && ae();
+    } catch (v) {
+      W = v instanceof Error ? v.message : "Failed to send message", O = !1, d = d.filter((b) => !b.id.startsWith("temp-")), I();
     }
   }
-  async function re() {
+  async function ae() {
     try {
-      const e = await h.getConversations();
+      const e = await g.getConversations();
       q.splice(0, q.length, ...e);
     } catch {
     }
     return q;
   }
-  async function We(e) {
+  async function Pe(e) {
     try {
-      const a = (await h.getConversation(e))?.messages ?? [];
+      const a = (await g.getConversation(e))?.messages ?? [];
       a.length > 0 && d.length === 0 && (d = a, I());
     } catch {
       d.length === 0 && (K?.clear(), k = void 0);
     }
   }
-  return I(), me(), k && We(k), _ && re(), {
-    client: h,
+  return I(), te(), k && Pe(k), _ && ae(), {
+    client: g,
     element: V,
-    sendMessage: oe,
+    sendMessage: re,
     ...z ? {
-      open: ie,
-      close: se,
-      toggle: Ge
+      open: se,
+      close: le,
+      toggle: We
     } : {},
     session: K,
     threads: q,
-    refreshThreads: re,
+    refreshThreads: ae,
     destroy() {
-      h.off("message:start", Ce), h.off("message:chunk", we), h.off("message:answer-complete", ve), h.off("message:complete", ye), h.off("message:error", Ee), Se = !0, ne.forEach((e) => e()), V.remove(), E?.remove(), n.client || h.destroy();
+      g.off("message:start", ve), g.off("message:chunk", we), g.off("message:answer-complete", ye), g.off("message:complete", Ee), g.off("message:error", Se), Re = !0, oe.forEach((e) => e()), V.remove(), E?.remove(), n.client || g.destroy();
     }
   };
-  function ae() {
+  function ie() {
     if (!T) return;
     const e = s === "left" ? "translateX(-100%)" : "translateX(100%)";
     T.style.transform = H ? "translateX(0)" : e, T.setAttribute("aria-hidden", H ? "false" : "true"), E && (E.style.display = H ? "none" : "flex");
   }
-  function ie() {
-    H = !0, ae(), me();
-  }
   function se() {
-    H = !1, ae();
+    H = !0, ie(), te();
   }
-  function Ge() {
-    H ? se() : ie();
+  function le() {
+    H = !1, ie();
   }
-  function je() {
+  function We() {
+    H ? le() : se();
+  }
+  function Ge() {
     const e = "http://www.w3.org/2000/svg", a = document.createElementNS(e, "svg");
     a.setAttribute("width", "26"), a.setAttribute("height", "26"), a.setAttribute("viewBox", "0 0 24 24"), a.setAttribute("fill", "none");
     const l = document.createElementNS(e, "path");
     return l.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"), l.setAttribute("stroke", "currentColor"), l.setAttribute("stroke-width", "2"), l.setAttribute("stroke-linecap", "round"), l.setAttribute("stroke-linejoin", "round"), a.appendChild(l), a;
   }
-  function Re() {
-    const e = b({
+  function je() {
+    const e = x({
       display: "flex",
       gap: "4px",
       padding: "4px 0"
     });
     for (let a = 0; a < 3; a++) {
-      const l = b({
+      const l = x({
         width: "6px",
         height: "6px",
         borderRadius: "50%",
@@ -622,7 +615,7 @@ function ft(o, n) {
     return e;
   }
 }
-function lt(o) {
+function dt(o) {
   let n = [];
   const r = document.createElement("form");
   y(r, {
@@ -633,11 +626,11 @@ function lt(o) {
     borderTop: `1px solid ${$}`,
     backgroundColor: j
   }), r.className = "ago-chat-input";
-  const t = b({
+  const t = x({
     display: "flex",
     flexWrap: "wrap",
     gap: "6px"
-  }), u = b({
+  }), u = x({
     display: "flex",
     gap: "8px",
     alignItems: "flex-end"
@@ -649,7 +642,7 @@ function lt(o) {
     border: `1px solid ${$}`,
     borderRadius: "12px",
     fontSize: "14px",
-    fontFamily: pe,
+    fontFamily: ue,
     lineHeight: "1.4",
     maxHeight: "120px",
     outline: "none"
@@ -659,8 +652,8 @@ function lt(o) {
     padding: "10px 16px",
     border: "none",
     borderRadius: "12px",
-    backgroundColor: fe,
-    color: ue,
+    backgroundColor: ge,
+    color: he,
     fontSize: "14px",
     fontWeight: "500",
     cursor: "pointer"
@@ -677,8 +670,8 @@ function lt(o) {
     n = [...n, ...Array.from(s?.files ?? [])], c();
   }));
   function c() {
-    t.replaceChildren(), n.forEach((x, _) => {
-      const X = b({
+    t.replaceChildren(), n.forEach((m, _) => {
+      const X = x({
         display: "flex",
         alignItems: "center",
         gap: "4px",
@@ -688,43 +681,43 @@ function lt(o) {
         borderRadius: "8px",
         fontSize: "12px"
       }), B = document.createElement("span");
-      B.textContent = x.name;
-      const O = document.createElement("button");
-      O.type = "button", O.textContent = "×", y(O, {
+      B.textContent = m.name;
+      const N = document.createElement("button");
+      N.type = "button", N.textContent = "×", y(N, {
         border: "none",
         background: "transparent",
         cursor: "pointer",
         fontSize: "14px",
         lineHeight: "1"
-      }), O.addEventListener("click", () => {
-        n = n.filter((ge, h) => h !== _), c();
-      }), X.append(B, O), t.appendChild(X);
+      }), N.addEventListener("click", () => {
+        n = n.filter((me, g) => g !== _), c();
+      }), X.append(B, N), t.appendChild(X);
     });
   }
-  const m = () => {
-    const x = i.value, _ = n;
+  const h = () => {
+    const m = i.value, _ = n;
     return i.value = "", n = [], c(), {
-      content: x,
+      content: m,
       files: _
     };
   }, L = () => {
-    const { content: x, files: _ } = m();
-    (x.trim() || _.length > 0) && o.onSend(x.trim(), _.length > 0 ? _ : void 0);
+    const { content: m, files: _ } = h();
+    (m.trim() || _.length > 0) && o.onSend(m.trim(), _.length > 0 ? _ : void 0);
   };
-  return r.addEventListener("submit", (x) => {
-    x.preventDefault(), L();
-  }), i.addEventListener("keydown", (x) => {
-    x.key === "Enter" && !x.shiftKey && (x.preventDefault(), L());
+  return r.addEventListener("submit", (m) => {
+    m.preventDefault(), L();
+  }), i.addEventListener("keydown", (m) => {
+    m.key === "Enter" && !m.shiftKey && (m.preventDefault(), L());
   }), p && u.appendChild(p), u.append(i, f), s && r.appendChild(s), r.append(t, u), {
     inputRow: r,
-    getValueAndClear: m,
-    setDisabled: (x) => {
-      i.disabled = x, f.disabled = x, f.style.opacity = x ? "0.6" : "1", f.style.cursor = x ? "not-allowed" : "pointer";
+    getValueAndClear: h,
+    setDisabled: (m) => {
+      i.disabled = m, f.disabled = m, f.style.opacity = m ? "0.6" : "1", f.style.cursor = m ? "not-allowed" : "pointer";
     },
     focus: () => i.focus()
   };
 }
 export {
-  ft as mountChatWidget,
-  Be as renderMarkdown
+  ut as mountChatWidget,
+  fe as renderMarkdown
 };