@useago/sdk 0.4.5 → 0.4.7

package/dist/widget.js

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