@useago/sdk 1.0.0 → 1.0.1

package/dist/widget.js

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