@useago/sdk 0.4.4 → 0.4.6

package/dist/widget.js

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