@useago/sdk 1.0.8 → 1.0.9

package/dist/widget.js

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