@useago/sdk 1.0.11 → 1.1.0

package/dist/react.js

@@ -1,19 +1,19 @@
-import { t as q } from "./AgoClient-QcTtrN7u.js";
-import { i as J, n as Me, r as z, t as W } from "./createFormCollector-CFt1_QSL.js";
-import { t as Re } from "./createMockClient-DwdxNwEn.js";
-import G, { createContext as V, useCallback as I, useContext as $, useEffect as k, useId as j, useMemo as T, useRef as A, useState as M, useSyncExternalStore as Y } from "react";
-import { Fragment as X, jsx as a, jsxs as R } from "react/jsx-runtime";
-import Q from "react-markdown";
-import Z from "remark-gfm";
-function ee(e) {
-  const [t, r] = M(!1), n = A(null), s = T(() => {
+import { a as J, i as j, o as G, s as V, t as Y } from "./AgoClient-Cwx_eYSu.js";
+import { i as X, n as Fe, r as H, t as L } from "./createFormCollector-CyWisAkI.js";
+import { t as _e } from "./createMockClient-DwdxNwEn.js";
+import Q, { createContext as Z, useCallback as R, useContext as $, useEffect as k, useId as ee, useMemo as _, useRef as A, useState as M, useSyncExternalStore as te } from "react";
+import { Fragment as O, jsx as o, jsxs as I } from "react/jsx-runtime";
+import ne from "react-markdown";
+import re from "remark-gfm";
+function oe(e) {
+  const [t, r] = M(!1), n = A(null), a = _(() => {
     if (n.current && (n.current.destroy(), n.current = null), !e) return null;
-    const i = new q(e);
+    const i = new Y(e);
     return n.current = i, i;
   }, [e?.baseUrl, e?.widgetId]);
   return k(() => (r(!0), () => {
     n.current?.destroy(), n.current = null;
-  }), [s]), k(() => {
+  }), [a]), k(() => {
     n.current && e && n.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
@@ -32,12 +32,12 @@ function ee(e) {
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
-    client: s,
+    client: a,
     isReady: t
   };
 }
-var D = V(null), Te = ({ children: e, client: t, tools: r, helpers: n, pageContext: s, ...i }) => {
-  const { client: u } = ee(t ? null : i), l = t || u;
+var D = Z(null), Pe = ({ children: e, client: t, tools: r, helpers: n, pageContext: a, ...i }) => {
+  const { client: u } = oe(t ? null : i), l = t || u;
   return k(() => {
     if (!(!r || r.length === 0)) {
       for (const f of r) l.register(f);
@@ -48,11 +48,11 @@ var D = V(null), Te = ({ children: e, client: t, tools: r, helpers: n, pageConte
   }, [l, r]), k(() => {
     if (!n) return;
     const f = [];
-    return import("./functions-CApuQZ2b.js").then((d) => d.n).then((d) => {
-      for (const [y, m] of Object.entries(n)) {
-        const C = d[y];
+    return import("./functions-CApuQZ2b.js").then((c) => c.n).then((c) => {
+      for (const [b, m] of Object.entries(n)) {
+        const C = c[b];
         if (!C) {
-          console.warn(`[AGO] Unknown helper: "${y}"`);
+          console.warn(`[AGO] Unknown helper: "${b}"`);
           continue;
         }
         const g = m === !0 ? C : {
@@ -62,91 +62,92 @@ var D = V(null), Te = ({ children: e, client: t, tools: r, helpers: n, pageConte
         l.register(g), f.push(g.name);
       }
     }), () => {
-      for (const d of f) l.unregisterFunction(d);
+      for (const c of f) l.unregisterFunction(c);
     };
   }, [l, n]), k(() => {
-    s === "auto" && l.enableAutoPageContext();
-  }, [l, s]), /* @__PURE__ */ a(D.Provider, {
+    a === "auto" && l.enableAutoPageContext();
+  }, [l, a]), /* @__PURE__ */ o(D.Provider, {
     value: l,
     children: e
   });
 };
-function P() {
+function T() {
   const e = $(D);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
-function L() {
+function W() {
   return $(D);
 }
-function O({ client: e, conversationId: t } = {}) {
-  const r = L(), n = e || r;
+function B({ client: e, conversationId: t } = {}) {
+  const r = W(), n = e || r;
   if (!n) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [s, i] = M([]), [u, l] = M(t), [f, d] = M(!1), [y, m] = M(null);
+  const [a, i] = M([]), [u, l] = M(t), [f, c] = M(!1), [b, m] = M(null);
   k(() => {
     t && t !== u && (l(t), C(t));
   }, [t]);
   const C = async (g) => {
     try {
       i(await n.getMessages(g));
-    } catch (b) {
-      m(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to load messages"));
+    } catch (x) {
+      m(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
   return k(() => {
     const g = (p) => {
       u || l(p.conversationId);
-    }, b = (p) => {
-      i((c) => {
-        const x = c[c.length - 1];
-        return x && x.id === p.messageId ? [...c.slice(0, -1), {
-          ...x,
-          content: x.content + p.content
-        }] : c;
+    }, x = (p) => {
+      i((d) => {
+        const h = d[d.length - 1];
+        return h && h.id === p.messageId ? [...d.slice(0, -1), {
+          ...h,
+          content: h.content + p.content
+        }] : d;
       });
     }, v = (p) => {
-      i((c) => {
-        let x = -1;
-        for (let S = c.length - 1; S >= 0; S--) if (c[S].role === "assistant" && c[S].status === "IN_PROGRESS") {
-          x = S;
+      i((d) => {
+        let h = -1;
+        for (let S = d.length - 1; S >= 0; S--) if (d[S].role === "assistant" && d[S].status === "IN_PROGRESS") {
+          h = S;
           break;
         }
-        return x < 0 ? c : [
-          ...c.slice(0, x),
+        return h < 0 ? d : [
+          ...d.slice(0, h),
           {
-            ...c[x],
+            ...d[h],
             ...p
           },
-          ...c.slice(x + 1)
+          ...d.slice(h + 1)
         ];
       });
     }, w = (p) => {
-      i((c) => {
-        const x = c.findIndex((S) => S.id === p.id);
-        return x >= 0 ? [
-          ...c.slice(0, x),
+      i((d) => {
+        const h = d.findIndex((S) => S.id === p.id);
+        return h >= 0 ? [
+          ...d.slice(0, h),
           p,
-          ...c.slice(x + 1)
-        ] : [...c, p];
-      }), d(!1);
-    }, o = (p) => {
-      m(new Error(p.error)), d(!1);
+          ...d.slice(h + 1)
+        ] : [...d, p];
+      }), c(!1);
+    }, s = (p) => {
+      m(new Error(p.error)), c(!1);
     };
-    return n.on("message:start", g), n.on("message:chunk", b), n.on("message:answer-complete", v), n.on("message:complete", w), n.on("message:error", o), () => {
-      n.off("message:start", g), n.off("message:chunk", b), n.off("message:answer-complete", v), n.off("message:complete", w), n.off("message:error", o);
+    return n.on("message:start", g), n.on("message:chunk", x), n.on("message:answer-complete", v), n.on("message:complete", w), n.on("message:error", s), () => {
+      n.off("message:start", g), n.off("message:chunk", x), n.off("message:answer-complete", v), n.off("message:complete", w), n.off("message:error", s);
     };
   }, [n, u]), {
-    messages: s,
+    messages: a,
     isLoading: f,
-    error: y,
-    sendMessage: I(async (g, b) => {
-      d(!0), m(null);
+    error: b,
+    sendMessage: R(async (g, x) => {
+      c(!0), m(null);
       const v = {
         id: `temp-${Date.now()}`,
         conversationId: u || "",
         content: g,
         role: "user",
         status: "DONE",
+        attachments: x && x.length > 0 ? j(x) : void 0,
         createdAt: /* @__PURE__ */ new Date()
       }, w = {
         id: `temp-assistant-${Date.now()}`,
@@ -156,62 +157,62 @@ function O({ client: e, conversationId: t } = {}) {
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      i((o) => [
-        ...o,
+      i((s) => [
+        ...s,
         v,
         w
       ]);
       try {
-        const o = await n.sendMessage(g, {
+        const s = await n.sendMessage(g, {
           conversationId: u,
-          files: b
+          files: x
         });
-        return o.conversationId && !u && l(o.conversationId), i((p) => {
-          const c = p.filter((S) => !S.id.startsWith("temp-")), x = {
+        return s.conversationId && !u && l(s.conversationId), i((p) => {
+          const d = p.filter((S) => !S.id.startsWith("temp-")), h = {
             ...v,
             id: v.id.replace("temp-", "user-"),
-            conversationId: o.conversationId
+            conversationId: s.conversationId
           };
-          return c.some((S) => S.id === o.id) ? [...c, x].sort((S, _) => new Date(S.createdAt).getTime() - new Date(_.createdAt).getTime()) : [
-            ...c,
-            x,
-            o
+          return d.some((S) => S.id === s.id) ? [...d, h].sort((S, z) => new Date(S.createdAt).getTime() - new Date(z.createdAt).getTime()) : [
+            ...d,
+            h,
+            s
           ];
-        }), o;
-      } catch (o) {
-        return m(o instanceof Error ? o : /* @__PURE__ */ new Error("Failed to send message")), d(!1), i((p) => p.filter((c) => !c.id.startsWith("temp-"))), null;
+        }), s;
+      } catch (s) {
+        return m(s instanceof Error ? s : /* @__PURE__ */ new Error("Failed to send message")), c(!1), i((p) => p.filter((d) => !d.id.startsWith("temp-"))), null;
       }
     }, [n, u]),
-    clearMessages: I(() => {
+    clearMessages: R(() => {
       i([]), l(void 0), m(null);
     }, []),
     conversationId: u
   };
 }
-var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: s = "" }) => {
-  const [i, u] = M(""), [l, f] = M([]), d = A(null), y = A(null), m = I(() => {
-    const o = y.current;
-    if (!o) return;
+var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: a = "" }) => {
+  const [i, u] = M(""), [l, f] = M([]), c = A(null), b = A(null), m = R(() => {
+    const s = b.current;
+    if (!s) return;
     const p = 110;
-    o.style.height = "auto", o.style.height = `${Math.min(o.scrollHeight + 2, p)}px`, o.style.overflowY = o.scrollHeight + 2 > p ? "auto" : "hidden";
-  }, []), C = I((o) => {
-    o.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), u(""), f([]), requestAnimationFrame(m));
+    s.style.height = "auto", s.style.height = `${Math.min(s.scrollHeight + 2, p)}px`, s.style.overflowY = s.scrollHeight + 2 > p ? "auto" : "hidden";
+  }, []), C = R((s) => {
+    s.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), u(""), f([]), requestAnimationFrame(m));
   }, [
     i,
     l,
     e,
     m
-  ]), g = I((o) => {
-    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), C(o));
-  }, [C]), b = I((o) => {
-    const p = Array.from(o.target.files || []);
-    f((c) => [...c, ...p]);
-  }, []), v = I((o) => {
-    f((p) => p.filter((c, x) => x !== o));
+  ]), g = R((s) => {
+    s.key === "Enter" && !s.shiftKey && (s.preventDefault(), C(s));
+  }, [C]), x = R((s) => {
+    const p = Array.from(s.target.files || []);
+    f((d) => [...d, ...p]);
+  }, []), v = R((s) => {
+    f((p) => p.filter((d, h) => h !== s));
   }, []), w = i.trim() || l.length > 0;
-  return /* @__PURE__ */ R("form", {
+  return /* @__PURE__ */ I("form", {
     onSubmit: C,
-    className: `ago-chat-input ${s}`,
+    className: `ago-chat-input ${a}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -220,14 +221,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [l.length > 0 && /* @__PURE__ */ a("div", {
+    children: [l.length > 0 && /* @__PURE__ */ o("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: l.map((o, p) => /* @__PURE__ */ R("div", {
+      children: l.map((s, p) => /* @__PURE__ */ I("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -238,18 +239,18 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ a("span", {
+        children: [/* @__PURE__ */ o("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: o.name
-        }), /* @__PURE__ */ a("button", {
+          children: s.name
+        }), /* @__PURE__ */ o("button", {
           type: "button",
           onClick: () => v(p),
-          "aria-label": `Remove ${o.name}`,
+          "aria-label": `Remove ${s.name}`,
           style: {
             border: "none",
             background: "none",
@@ -262,16 +263,16 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           children: "×"
         })]
       }, p))
-    }), /* @__PURE__ */ R("div", {
+    }), /* @__PURE__ */ I("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ R(X, { children: [/* @__PURE__ */ a("button", {
+        n && /* @__PURE__ */ I(O, { children: [/* @__PURE__ */ o("button", {
           type: "button",
-          onClick: () => d.current?.click(),
+          onClick: () => c.current?.click(),
           disabled: t,
           "aria-label": "Attach file",
           style: {
@@ -285,18 +286,18 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ a("input", {
-          ref: d,
+        }), /* @__PURE__ */ o("input", {
+          ref: c,
           type: "file",
           multiple: !0,
-          onChange: b,
+          onChange: x,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ a("textarea", {
-          ref: y,
+        /* @__PURE__ */ o("textarea", {
+          ref: b,
           value: i,
-          onChange: (o) => {
-            u(o.target.value), m();
+          onChange: (s) => {
+            u(s.target.value), m();
           },
           onKeyDown: g,
           placeholder: r,
@@ -320,14 +321,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (o) => {
-            o.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (s) => {
+            s.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (o) => {
-            o.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (s) => {
+            s.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ a("button", {
+        /* @__PURE__ */ o("button", {
           type: "submit",
           disabled: t || !w,
           style: {
@@ -346,7 +347,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, ne = ({ href: e, children: t, ...r }) => /* @__PURE__ */ a("a", {
+}, se = ({ href: e, children: t, ...r }) => /* @__PURE__ */ o("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -356,7 +357,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), re = ({ children: e, ...t }) => /* @__PURE__ */ a("p", {
+}), ie = ({ children: e, ...t }) => /* @__PURE__ */ o("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
@@ -364,17 +365,17 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   ...t,
   children: e
 }), N = (e, t) => {
-  const r = ({ children: n, ...s }) => G.createElement(`h${e}`, {
+  const r = ({ children: n, ...a }) => Q.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
       fontSize: t,
       fontWeight: 600,
       lineHeight: "1.3"
     },
-    ...s
+    ...a
   }, n);
   return r.displayName = `MarkdownHeading${e}`, r;
-}, oe = ({ children: e, ...t }) => /* @__PURE__ */ a("ul", {
+}, le = ({ children: e, ...t }) => /* @__PURE__ */ o("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -383,7 +384,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), se = ({ children: e, ...t }) => /* @__PURE__ */ a("ol", {
+}), de = ({ children: e, ...t }) => /* @__PURE__ */ o("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -392,7 +393,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ae = ({ children: e, ...t }) => /* @__PURE__ */ a("li", {
+}), ce = ({ children: e, ...t }) => /* @__PURE__ */ o("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
@@ -400,8 +401,8 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ie = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
-`) ? /* @__PURE__ */ a("code", {
+}), ue = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
+`) ? /* @__PURE__ */ o("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -413,7 +414,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}) : /* @__PURE__ */ a("code", {
+}) : /* @__PURE__ */ o("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -423,11 +424,11 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), le = ({ children: e, ...t }) => /* @__PURE__ */ a("pre", {
+}), pe = ({ children: e, ...t }) => /* @__PURE__ */ o("pre", {
   style: { margin: "0 0 8px 0" },
   ...t,
   children: e
-}), ce = ({ children: e, ...t }) => /* @__PURE__ */ a("blockquote", {
+}), fe = ({ children: e, ...t }) => /* @__PURE__ */ o("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -437,12 +438,12 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), de = ({ children: e, ...t }) => /* @__PURE__ */ a("div", {
+}), ge = ({ children: e, ...t }) => /* @__PURE__ */ o("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ a("table", {
+  children: /* @__PURE__ */ o("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
@@ -451,7 +452,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     ...t,
     children: e
   })
-}), ue = ({ children: e, ...t }) => /* @__PURE__ */ a("th", {
+}), me = ({ children: e, ...t }) => /* @__PURE__ */ o("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -461,14 +462,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), pe = ({ children: e, ...t }) => /* @__PURE__ */ a("td", {
+}), xe = ({ children: e, ...t }) => /* @__PURE__ */ o("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
   ...t,
   children: e
-}), fe = ({ alt: e, ...t }) => /* @__PURE__ */ a("img", {
+}), he = ({ alt: e, ...t }) => /* @__PURE__ */ o("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
@@ -476,39 +477,116 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     margin: "4px 0"
   },
   ...t
-}), ge = (e) => /* @__PURE__ */ a("hr", {
+}), ye = (e) => /* @__PURE__ */ o("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), me = {
-  a: ne,
-  p: re,
+}), be = {
+  a: se,
+  p: ie,
   h1: N(1, "20px"),
   h2: N(2, "18px"),
   h3: N(3, "16px"),
   h4: N(4, "15px"),
   h5: N(5, "14px"),
   h6: N(6, "13px"),
-  ul: oe,
-  ol: se,
-  li: ae,
-  code: ie,
-  pre: le,
-  blockquote: ce,
-  table: de,
-  th: ue,
-  td: pe,
-  img: fe,
-  hr: ge
-}, xe = [Z], he = ({ content: e }) => /* @__PURE__ */ a(Q, {
-  remarkPlugins: xe,
-  components: me,
+  ul: le,
+  ol: de,
+  li: ce,
+  code: ue,
+  pre: pe,
+  blockquote: fe,
+  table: ge,
+  th: me,
+  td: xe,
+  img: he,
+  hr: ye
+}, ve = [re], we = ({ content: e }) => /* @__PURE__ */ o(ne, {
+  remarkPlugins: ve,
+  components: be,
   children: e
-}), ye = ({ source: e, index: t }) => {
-  const r = /* @__PURE__ */ R("div", {
+}), Ce = ({ attachment: e, isUser: t }) => {
+  const r = V(e.url);
+  if (J(e)) return /* @__PURE__ */ o("a", {
+    href: r,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {
+      display: "inline-block",
+      textDecoration: "none"
+    },
+    children: /* @__PURE__ */ o("img", {
+      src: r,
+      alt: e.name,
+      loading: "lazy",
+      style: {
+        maxWidth: "180px",
+        maxHeight: "160px",
+        objectFit: "cover",
+        borderRadius: "10px",
+        border: "1px solid #dee3e8",
+        display: "block"
+      }
+    })
+  });
+  const n = G(e.fileSize), a = /* @__PURE__ */ I(O, { children: [/* @__PURE__ */ o("span", {
+    style: {
+      fontSize: "16px",
+      lineHeight: 1,
+      flexShrink: 0
+    },
+    "aria-hidden": !0,
+    children: "📄"
+  }), /* @__PURE__ */ I("span", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      minWidth: 0
+    },
+    children: [/* @__PURE__ */ o("span", {
+      style: {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        maxWidth: "160px"
+      },
+      title: e.name,
+      children: e.name
+    }), n && /* @__PURE__ */ o("span", {
+      style: {
+        fontSize: "11px",
+        color: "#6b6d6f"
+      },
+      children: n
+    })]
+  })] }), i = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "8px 12px",
+    borderRadius: "10px",
+    border: "1px solid #dee3e8",
+    backgroundColor: t ? "rgba(255,255,255,0.12)" : "#fff",
+    color: t ? "#fff" : "#30373e",
+    fontSize: "13px",
+    textDecoration: "none",
+    maxWidth: "220px"
+  };
+  return r ? /* @__PURE__ */ o("a", {
+    href: r,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: i,
+    children: a
+  }) : /* @__PURE__ */ o("div", {
+    style: i,
+    children: a
+  });
+}, Se = ({ source: e, index: t }) => {
+  const r = /* @__PURE__ */ I("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -516,7 +594,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ a("div", {
+    children: [/* @__PURE__ */ o("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -532,7 +610,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         backgroundColor: "#f0f4ff"
       },
       children: t + 1
-    }), /* @__PURE__ */ a("div", {
+    }), /* @__PURE__ */ o("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -556,23 +634,23 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ a("a", {
+  return e.url ? /* @__PURE__ */ o("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
     style: n,
-    onMouseEnter: (s) => {
-      s.currentTarget.style.borderColor = "#1b5fc4";
+    onMouseEnter: (a) => {
+      a.currentTarget.style.borderColor = "#1b5fc4";
     },
-    onMouseLeave: (s) => {
-      s.currentTarget.style.borderColor = "#dee3e8";
+    onMouseLeave: (a) => {
+      a.currentTarget.style.borderColor = "#dee3e8";
     },
     children: r
-  }) : /* @__PURE__ */ a("div", {
+  }) : /* @__PURE__ */ o("div", {
     style: n,
     children: r
   });
-}, be = () => /* @__PURE__ */ R("div", {
+}, ke = () => /* @__PURE__ */ I("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -582,22 +660,22 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ a("div", { style: {
+  ].map((e) => /* @__PURE__ */ o("div", { style: {
     width: "6px",
     height: "6px",
     borderRadius: "50%",
     backgroundColor: "#b5bfc8",
     animation: "ago-pulse 1.2s ease-in-out infinite",
     animationDelay: `${e * 0.2}s`
-  } }, e)), /* @__PURE__ */ a("style", { children: `
+  } }, e)), /* @__PURE__ */ o("style", { children: `
       @keyframes ago-pulse {
         0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), ve = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: s }) => {
+}), Me = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: a }) => {
   const i = e.role === "user", u = e.status === "IN_PROGRESS";
-  return /* @__PURE__ */ R("div", {
+  return /* @__PURE__ */ I("div", {
     className: `ago-message ago-message--${e.role} ${t}`,
     style: {
       display: "flex",
@@ -606,7 +684,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       marginBottom: "16px"
     },
     children: [
-      !i && r && e.agent && /* @__PURE__ */ a("div", {
+      !i && r && e.agent && /* @__PURE__ */ o("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -620,7 +698,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ a("div", {
+      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ o("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -630,12 +708,27 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((l, f) => /* @__PURE__ */ a(ye, {
+        children: e.sources.map((l, f) => /* @__PURE__ */ o(Se, {
           source: l,
           index: f
         }, l.id))
       }),
-      /* @__PURE__ */ a("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ o("div", {
+        className: "ago-message__attachments",
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          gap: "6px",
+          marginBottom: "6px",
+          justifyContent: i ? "flex-end" : "flex-start",
+          maxWidth: "75%"
+        },
+        children: e.attachments.map((l) => /* @__PURE__ */ o(Ce, {
+          attachment: l,
+          isUser: i
+        }, l.id))
+      }),
+      (e.content || u) && /* @__PURE__ */ o("div", {
         className: "ago-message__content",
         style: {
           maxWidth: i ? "75%" : "100%",
@@ -647,9 +740,9 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ a(he, { content: e.content }) : u && /* @__PURE__ */ a(be, {})
+        children: e.content ? /* @__PURE__ */ o(we, { content: e.content }) : u && /* @__PURE__ */ o(ke, {})
       }),
-      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
+      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ o("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -657,11 +750,11 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((l, f) => /* @__PURE__ */ a("button", {
+        children: e.followUpReplies.map((l, f) => /* @__PURE__ */ o("button", {
           type: "button",
           className: "ago-message__followup-btn",
-          disabled: !s,
-          onClick: s ? () => s(l) : void 0,
+          disabled: !a,
+          onClick: a ? () => a(l) : void 0,
           style: {
             minHeight: "36px",
             padding: "6px 14px",
@@ -670,54 +763,54 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             border: "1px solid #dee3e8",
             backgroundColor: "#fff",
             color: "#30373e",
-            cursor: s ? "pointer" : "default",
+            cursor: a ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (d) => {
-            d.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (c) => {
+            c.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (d) => {
-            d.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (c) => {
+            c.currentTarget.style.borderColor = "#dee3e8";
           },
           children: l
         }, f))
       })
     ]
   });
-}, _e = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: s = "Type a message...", allowFiles: i = !1, height: u = 500, logoUrl: l, showAgentName: f = !1, forms: d, onFollowUpClick: y, className: m = "", onMessageSent: C, onMessageReceived: g }) => {
-  const b = A(null), v = L(), w = e ?? v, { messages: o, isLoading: p, error: c, sendMessage: x } = O({
+}, He = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: a = "Type a message...", allowFiles: i = !1, height: u = 500, logoUrl: l, showAgentName: f = !1, forms: c, onFollowUpClick: b, className: m = "", onMessageSent: C, onMessageReceived: g }) => {
+  const x = A(null), v = W(), w = e ?? v, { messages: s, isLoading: p, error: d, sendMessage: h } = B({
     client: e,
     conversationId: t
   });
   k(() => {
-    if (!w || !d || d.length === 0) return;
-    let h = !1;
+    if (!w || !c || c.length === 0) return;
+    let y = !1;
     const F = [];
-    return Promise.all(d.map((E) => E.schema != null ? Promise.resolve(W(E)) : z(w, E))).then((E) => {
-      if (!h)
-        for (const U of E) F.push(U.install(w));
+    return Promise.all(c.map((E) => E.schema != null ? Promise.resolve(L(E)) : H(w, E))).then((E) => {
+      if (!y)
+        for (const q of E) F.push(q.install(w));
     }).catch(() => {
     }), () => {
-      h = !0, F.forEach((E) => E());
+      y = !0, F.forEach((E) => E());
     };
-  }, [w, d ? JSON.stringify(d.map((h) => [
-    h.name,
-    h.schema ?? null,
-    h.submit ?? !1,
-    h.description ?? null
+  }, [w, c ? JSON.stringify(c.map((y) => [
+    y.name,
+    y.schema ?? null,
+    y.submit ?? !1,
+    y.description ?? null
   ])) : ""]), k(() => {
-    b.current?.scrollIntoView({ behavior: "smooth" });
-  }, [o]), k(() => {
-    const h = o[o.length - 1];
-    h && h.role === "assistant" && h.status === "DONE" && g && g({
-      id: h.id,
-      content: h.content
+    x.current?.scrollIntoView({ behavior: "smooth" });
+  }, [s]), k(() => {
+    const y = s[s.length - 1];
+    y && y.role === "assistant" && y.status === "DONE" && g && g({
+      id: y.id,
+      content: y.content
     });
-  }, [o, g]);
-  const S = async (h, F) => {
-    C?.(h), await x(h, F);
-  }, _ = o[o.length - 1], B = p && _?.role === "assistant" && _.status === "IN_PROGRESS", K = y === !1 ? void 0 : y ?? ((h) => S(h));
-  return /* @__PURE__ */ R("div", {
+  }, [s, g]);
+  const S = async (y, F) => {
+    C?.(y), await h(y, F);
+  }, z = s[s.length - 1], K = p && z?.role === "assistant" && z.status === "IN_PROGRESS", U = b === !1 ? void 0 : b ?? ((y) => S(y));
+  return /* @__PURE__ */ I("div", {
     className: `ago-chat-widget ${m}`,
     style: {
       display: "flex",
@@ -732,7 +825,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ R("div", {
+      /* @__PURE__ */ I("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -743,14 +836,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [l && /* @__PURE__ */ a("img", {
+        children: [l && /* @__PURE__ */ o("img", {
           src: l,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ a("h3", {
+        }), /* @__PURE__ */ o("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
@@ -759,7 +852,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           children: r
         })]
       }),
-      /* @__PURE__ */ R("div", {
+      /* @__PURE__ */ I("div", {
         className: "ago-chat-widget__messages",
         role: "log",
         "aria-live": "polite",
@@ -772,7 +865,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          o.length === 0 ? /* @__PURE__ */ a("div", {
+          s.length === 0 ? /* @__PURE__ */ o("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -781,13 +874,13 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               lineHeight: "1.5"
             },
             children: n
-          }) : o.map((h, F) => /* @__PURE__ */ a(ve, {
-            message: h,
+          }) : s.map((y, F) => /* @__PURE__ */ o(Me, {
+            message: y,
             showAgentName: f,
-            isLast: F === o.length - 1,
-            onFollowUpClick: K
-          }, h.id)),
-          c && /* @__PURE__ */ a("div", {
+            isLast: F === s.length - 1,
+            onFollowUpClick: U
+          }, y.id)),
+          d && /* @__PURE__ */ o("div", {
             role: "alert",
             style: {
               padding: "10px 14px",
@@ -798,90 +891,90 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: c.message
+            children: d.message
           }),
-          /* @__PURE__ */ a("div", { ref: b })
+          /* @__PURE__ */ o("div", { ref: x })
         ]
       }),
-      /* @__PURE__ */ a(te, {
+      /* @__PURE__ */ o(ae, {
         onSend: S,
-        disabled: B,
-        placeholder: s,
+        disabled: K,
+        placeholder: a,
         allowFiles: i
       })
     ]
   });
 };
-function we({ client: e, autoLoad: t = !0 } = {}) {
-  const r = L(), n = e || r;
+function Ie({ client: e, autoLoad: t = !0 } = {}) {
+  const r = W(), n = e || r;
   if (!n) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [s, i] = M([]), [u, l] = M(null), [f, d] = M(!1), [y, m] = M(null), C = I(async () => {
-    d(!0), m(null);
+  const [a, i] = M([]), [u, l] = M(null), [f, c] = M(!1), [b, m] = M(null), C = R(async () => {
+    c(!0), m(null);
     try {
       i(await n.getConversations());
     } catch (v) {
       m(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      d(!1);
+      c(!1);
     }
-  }, [n]), g = I(async (v) => {
-    d(!0), m(null);
+  }, [n]), g = R(async (v) => {
+    c(!0), m(null);
     try {
       l(await n.getConversation(v));
     } catch (w) {
       m(w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      d(!1);
+      c(!1);
     }
-  }, [n]), b = I(() => {
+  }, [n]), x = R(() => {
     l(null);
   }, []);
   return k(() => {
     t && C();
   }, [t, C]), {
-    conversations: s,
+    conversations: a,
     currentConversation: u,
     isLoading: f,
-    error: y,
+    error: b,
     selectConversation: g,
-    startNewConversation: b,
+    startNewConversation: x,
     refreshConversations: C
   };
 }
-function Pe(e = {}) {
-  const t = L(), r = e.client || t;
+function Le(e = {}) {
+  const t = W(), r = e.client || t;
   if (!r) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const n = O({
+  const n = B({
     client: r,
     conversationId: e.conversationId
-  }), s = we({
+  }), a = Ie({
     client: r,
     autoLoad: e.autoLoad
   });
   return {
     messages: n.messages,
     isLoading: n.isLoading,
-    error: n.error || s.error,
+    error: n.error || a.error,
     sendMessage: n.sendMessage,
     clearMessages: n.clearMessages,
     conversationId: n.conversationId,
-    conversations: s.conversations,
-    currentConversation: s.currentConversation,
-    isConversationsLoading: s.isLoading,
-    selectConversation: s.selectConversation,
-    startNewConversation: s.startNewConversation,
-    refreshConversations: s.refreshConversations
+    conversations: a.conversations,
+    currentConversation: a.currentConversation,
+    isConversationsLoading: a.isLoading,
+    selectConversation: a.selectConversation,
+    startNewConversation: a.startNewConversation,
+    refreshConversations: a.refreshConversations
   };
 }
-function Le(e, t) {
-  const r = P(), { name: n, description: s, parameters: i, handler: u } = typeof e == "string" ? {
+function $e(e, t) {
+  const r = T(), { name: n, description: a, parameters: i, handler: u } = typeof e == "string" ? {
     name: e,
     ...t
   } : e, l = A(u);
   l.current = u, k(() => {
-    const f = (d) => l.current(d);
+    const f = (c) => l.current(c);
     return r.registerFunction(n, f, {
-      description: s,
+      description: a,
       parameters: i
     }), () => {
       r.unregisterFunction(n);
@@ -889,53 +982,53 @@ function Le(e, t) {
   }, [
     r,
     n,
-    s,
+    a,
     i
   ]);
 }
-function De(e, t) {
-  const r = P(), n = A(e);
-  n.current = e, k(() => (r.registerNavigationFunction((s) => n.current(s), t), () => {
+function Oe(e, t) {
+  const r = T(), n = A(e);
+  n.current = e, k(() => (r.registerNavigationFunction((a) => n.current(a), t), () => {
     r.unregisterFunction("navigateToPage");
   }), [r, t]);
 }
-function He(e, t) {
-  const r = P(), n = j(), s = t ?? n, i = A(e);
+function Be(e, t) {
+  const r = T(), n = ee(), a = t ?? n, i = A(e);
   i.current = e;
   const u = typeof e == "function";
   k(() => {
     if (typeof i.current == "function") {
       const l = () => i.current();
-      return r.addDynamicContext(s, l), () => {
-        r.removeDynamicContext(s);
+      return r.addDynamicContext(a, l), () => {
+        r.removeDynamicContext(a);
       };
     }
-    return r.setContext(s, i.current), () => {
-      r.removeContext(s);
+    return r.setContext(a, i.current), () => {
+      r.removeContext(a);
     };
   }, [
     r,
-    s,
+    a,
     u,
     u ? "" : JSON.stringify(e)
   ]);
 }
-function Ce(e) {
-  return Y(e.subscribe, e.get, e.get);
+function Re(e) {
+  return te(e.subscribe, e.get, e.get);
 }
-var H = {
+var P = {
   missing: [],
   complete: !1
 };
-function ze(e) {
-  const t = P(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), s = e.submit, i = s ? typeof s == "string" ? `client:${s}` : s.via === "backend" ? "backend" : "handler" in s ? "client:handler" : `client:${s.url}` : "none", u = JSON.stringify(e.initialValues ?? null), l = T(() => r ? W(e) : null, [
+function Ke(e) {
+  const t = T(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), a = e.submit, i = a ? typeof a == "string" ? `client:${a}` : a.via === "backend" ? "backend" : "handler" in a ? "client:handler" : `client:${a.url}` : "none", u = JSON.stringify(e.initialValues ?? null), l = _(() => r ? L(e) : null, [
     r,
     e.name,
     n,
     i,
     u,
     e.autoSubmit
-  ]), [f, d] = M({
+  ]), [f, c] = M({
     collector: null,
     loading: !r,
     error: null
@@ -943,21 +1036,21 @@ function ze(e) {
   k(() => {
     if (r) return;
     let p = !1;
-    return d({
+    return c({
       collector: null,
       loading: !0,
       error: null
-    }), z(t, e).then((c) => {
-      p || d({
-        collector: c,
+    }), H(t, e).then((d) => {
+      p || c({
+        collector: d,
         loading: !1,
         error: null
       });
-    }).catch((c) => {
-      p || d({
+    }).catch((d) => {
+      p || c({
         collector: null,
         loading: !1,
-        error: c instanceof Error ? c : new Error(String(c))
+        error: d instanceof Error ? d : new Error(String(d))
       });
     }), () => {
       p = !0;
@@ -970,18 +1063,18 @@ function ze(e) {
     u,
     e.autoSubmit
   ]);
-  const y = r ? l : f.collector, m = r ? !1 : f.loading, C = r ? null : f.error;
+  const b = r ? l : f.collector, m = r ? !1 : f.loading, C = r ? null : f.error;
   k(() => {
-    if (y)
-      return y.install(t);
-  }, [t, y]);
-  const g = T(() => J({
+    if (b)
+      return b.install(t);
+  }, [t, b]);
+  const g = _(() => X({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [u]), b = Ce(y?.store ?? g), v = T(() => y?.getStatus() ?? H, [b, y]), w = T(() => ({
-    ...b,
+  }), [u]), x = Re(b?.store ?? g), v = _(() => b?.getStatus() ?? P, [x, b]), w = _(() => ({
+    ...x,
     ...v
-  }), [b, v]), o = T(() => ({
+  }), [x, v]), s = _(() => ({
     name: e.name,
     store: g,
     functions: [],
@@ -1003,34 +1096,34 @@ function ze(e) {
     },
     reset: () => {
     },
-    getStatus: () => H
+    getStatus: () => P
   }), [e.name, g]);
   return {
-    ...y ?? o,
+    ...b ?? s,
     state: w,
     loading: m,
     error: C
   };
 }
 export {
-  Te as AgoProvider,
-  te as ChatInput,
-  _e as ChatWidget,
-  he as Markdown,
-  ve as Message,
-  W as createFormCollector,
-  Re as createMockClient,
-  Me as deriveFormStatus,
-  z as loadFormCollector,
-  ee as useAgo,
-  P as useAgoClient,
-  He as useAgoContext,
-  Le as useAgoFunction,
-  De as useAgoNavigation,
-  Ce as useAgoStore,
-  Pe as useChat,
-  we as useConversation,
-  ze as useFormCollector,
-  O as useMessages,
-  L as useOptionalAgoClient
+  Pe as AgoProvider,
+  ae as ChatInput,
+  He as ChatWidget,
+  we as Markdown,
+  Me as Message,
+  L as createFormCollector,
+  _e as createMockClient,
+  Fe as deriveFormStatus,
+  H as loadFormCollector,
+  oe as useAgo,
+  T as useAgoClient,
+  Be as useAgoContext,
+  $e as useAgoFunction,
+  Oe as useAgoNavigation,
+  Re as useAgoStore,
+  Le as useChat,
+  Ie as useConversation,
+  Ke as useFormCollector,
+  B as useMessages,
+  W as useOptionalAgoClient
 };