@useago/sdk 1.0.6 → 1.0.7

package/dist/widget.js

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