@fencyai/react 0.1.131 → 0.1.132

package/dist/agent-task/AgentTaskProgressSimple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentTaskProgressSimple.d.ts","sourceRoot":"","sources":["../../src/agent-task/AgentTaskProgressSimple.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,yBAAyB,CAAA;AAEhC,MAAM,WAAW,4BAA4B;IACzC,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;CACxC;AAmCD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC1C,4BAA4B,CAsC/B,CAAA"}
+{"version":3,"file":"AgentTaskProgressSimple.d.ts","sourceRoot":"","sources":["../../src/agent-task/AgentTaskProgressSimple.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,yBAAyB,CAAA;AAEhC,MAAM,WAAW,4BAA4B;IACzC,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;CACxC;AAsCD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC1C,4BAA4B,CAsC/B,CAAA"}

package/dist/agent-task/AgentTaskProgressVerbose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentTaskProgressVerbose.d.ts","sourceRoot":"","sources":["../../src/agent-task/AgentTaskProgressVerbose.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AASrD,MAAM,WAAW,6BAA6B;IAC1C,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC3C,6BAA6B,CAsHhC,CAAA"}
+{"version":3,"file":"AgentTaskProgressVerbose.d.ts","sourceRoot":"","sources":["../../src/agent-task/AgentTaskProgressVerbose.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAUrD,MAAM,WAAW,6BAA6B;IAC1C,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC3C,6BAA6B,CAyHhC,CAAA"}

package/dist/agent-task/data-types/AgentTaskError.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface AgentTaskErrorProps {
+    message: string;
+}
+export declare const AgentTaskError: React.FC<AgentTaskErrorProps>;
+//# sourceMappingURL=AgentTaskError.d.ts.map

package/dist/agent-task/data-types/AgentTaskError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentTaskError.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/AgentTaskError.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyBxD,CAAA"}

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
 import { createStream as K, isStreamTimeoutEvent as _, isStreamNotFoundEvent as J, isAgentTaskProgressItemUpdatedEvent as V, createAgentTask as q } from "@fencyai/js";
 import { createContext as G, useState as k, useRef as E, useEffect as w, useCallback as L, useContext as X, useMemo as U } from "react";
-import { useInView as Q, motion as T, AnimatePresence as W } from "motion/react";
+import { useInView as Q, motion as b, AnimatePresence as W } from "motion/react";
 import Y from "react-markdown";
 import { Prism as $ } from "react-syntax-highlighter";
 import Z from "remark-gfm";
@@ -48,20 +48,20 @@ function re(e, t, n) {
     if (o.length === 0)
       n == null || n(r), r = F();
     else if (d > 0) {
-      const y = c.decode(o.subarray(0, d)), a = d + (o[d + 1] === 32 ? 2 : 1), s = c.decode(o.subarray(a));
+      const y = c.decode(o.subarray(0, d)), a = d + (o[d + 1] === 32 ? 2 : 1), i = c.decode(o.subarray(a));
       switch (y) {
         case "data":
           r.data = r.data ? r.data + `
-` + s : s;
+` + i : i;
           break;
         case "event":
-          r.event = s;
+          r.event = i;
           break;
         case "id":
-          e(r.id = s);
+          e(r.id = i);
           break;
         case "retry":
-          const m = parseInt(s, 10);
+          const m = parseInt(i, 10);
           isNaN(m) || t(r.retry = m);
           break;
       }
@@ -90,7 +90,7 @@ var oe = function(e, t) {
 };
 const O = "text/event-stream", ae = 1e3, R = "last-event-id";
 function se(e, t) {
-  var { signal: n, headers: r, onopen: c, onmessage: l, onclose: o, onerror: d, openWhenHidden: y, fetch: a } = t, s = oe(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  var { signal: n, headers: r, onopen: c, onmessage: l, onclose: o, onerror: d, openWhenHidden: y, fetch: a } = t, i = oe(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
   return new Promise((m, u) => {
     const f = Object.assign({}, r);
     f.accept || (f.accept = O);
@@ -100,30 +100,30 @@ function se(e, t) {
     }
     y || document.addEventListener("visibilitychange", p);
     let h = ae, S = 0;
-    function b() {
+    function v() {
       document.removeEventListener("visibilitychange", p), window.clearTimeout(S), g.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      b(), m();
+      v(), m();
     });
     const P = a ?? window.fetch, A = c ?? ie;
     async function x() {
       var M;
       g = new AbortController();
       try {
-        const I = await P(e, Object.assign(Object.assign({}, s), { headers: f, signal: g.signal }));
-        await A(I), await ee(I.body, te(re((v) => {
-          v ? f[R] = v : delete f[R];
-        }, (v) => {
-          h = v;
-        }, l))), o == null || o(), b(), m();
+        const I = await P(e, Object.assign(Object.assign({}, i), { headers: f, signal: g.signal }));
+        await A(I), await ee(I.body, te(re((T) => {
+          T ? f[R] = T : delete f[R];
+        }, (T) => {
+          h = T;
+        }, l))), o == null || o(), v(), m();
       } catch (I) {
         if (!g.signal.aborted)
           try {
-            const v = (M = d == null ? void 0 : d(I)) !== null && M !== void 0 ? M : h;
-            window.clearTimeout(S), S = window.setTimeout(x, v);
-          } catch (v) {
-            b(), u(v);
+            const T = (M = d == null ? void 0 : d(I)) !== null && M !== void 0 ? M : h;
+            window.clearTimeout(S), S = window.setTimeout(x, T);
+          } catch (T) {
+            v(), u(T);
           }
       }
     }
@@ -216,10 +216,10 @@ const de = 12e4, ue = (e) => {
   const t = Date.now();
   return e.filter((n) => t - n.createdAt < de);
 };
-function Le({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+function Ue({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
   const [r, c] = k(
     null
-  ), [l, o] = k(!0), [d, y] = k(null), [a, s] = k([]), m = E(null), u = E(null);
+  ), [l, o] = k(!0), [d, y] = k(null), [a, i] = k([]), m = E(null), u = E(null);
   w(() => {
     e.then((h) => {
       c(h), o(!1);
@@ -238,9 +238,9 @@ function Le({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     async (h = 3e4) => {
       if (m.current)
         return m.current;
-      const S = Date.now(), b = a.length > 0 ? a[a.length - 1] : null;
-      if (b && S - b.createdAt < h)
-        return b.stream;
+      const S = Date.now(), v = a.length > 0 ? a[a.length - 1] : null;
+      if (v && S - v.createdAt < h)
+        return v.stream;
       const P = (async () => {
         if (!r)
           throw new Error("Fency instance not initialized");
@@ -254,9 +254,9 @@ function Le({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
             stream: x.stream,
             createdAt: Date.now()
           };
-          return s((I) => {
-            const v = [...I, M];
-            return ue(v);
+          return i((I) => {
+            const T = [...I, M];
+            return ue(T);
           }), m.current = null, x.stream;
         } else
           throw m.current = null, new Error("Failed to create stream");
@@ -281,7 +281,7 @@ function Le({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     eventManager: u.current,
     getOrCreateStream: f
   };
-  return /* @__PURE__ */ i(N.Provider, { value: p, children: n });
+  return /* @__PURE__ */ s(N.Provider, { value: p, children: n });
 }
 function j() {
   const e = X(N);
@@ -319,17 +319,17 @@ const me = (e) => {
     const o = {
       onMessage: (y, a) => {
         var m, u, f;
-        const s = me(y);
-        if (s)
-          switch (s.type) {
+        const i = me(y);
+        if (i)
+          switch (i.type) {
             case "StreamTimeout":
-              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, s);
+              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, i);
               break;
             case "StreamNotFound":
-              (u = e == null ? void 0 : e.onStreamNotFound) == null || u.call(e, s);
+              (u = e == null ? void 0 : e.onStreamNotFound) == null || u.call(e, i);
               break;
             case "AgentTaskProgressItemUpdated":
-              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, s);
+              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, i);
               break;
           }
       },
@@ -368,17 +368,17 @@ const me = (e) => {
     },
     stream: n
   };
-}, Ue = (e) => {
+}, We = (e) => {
   const t = j(), [n, r] = k([]), c = E(/* @__PURE__ */ new Set()), l = E(/* @__PURE__ */ new Map()), { createStream: o } = pe({
     onAgentTaskProgressItemUpdated: (a) => {
       var u;
       if (!c.current.has(a.agentTaskId)) return;
-      const s = a.data;
-      if (s.taskType === "StreamingChatCompletion" && s.eventType === "Completed" || s.taskType === "StructuredChatCompletion" && s.eventType === "Completed" || s.taskType === "MemoryChatCompletion" && s.eventType === "Completed") {
+      const i = a.data;
+      if (i.taskType === "StreamingChatCompletion" && i.eventType === "Completed" || i.taskType === "StructuredChatCompletion" && i.eventType === "Completed" || i.taskType === "MemoryChatCompletion" && i.eventType === "Completed") {
         const f = l.current.get(
           a.agentTaskId
         );
-        f && (l.current.delete(a.agentTaskId), f(s));
+        f && (l.current.delete(a.agentTaskId), f(i));
         return;
       }
       (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, a), r(
@@ -387,17 +387,17 @@ const me = (e) => {
           if (((S = g.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
             return g;
           const h = g.progressItems.some(
-            (b) => b.progressItemId === a.progressItemId
+            (v) => v.progressItemId === a.progressItemId
           ) ? g.progressItems.map(
-            (b) => b.progressItemId === a.progressItemId ? a : b
+            (v) => v.progressItemId === a.progressItemId ? a : v
           ) : [...g.progressItems, a];
           return { ...g, progressItems: h };
         })
       );
     },
     onStreamError: (a) => {
-      var s;
-      (s = e == null ? void 0 : e.onStreamError) == null || s.call(e, a), r((m) => {
+      var i;
+      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, a), r((m) => {
         const u = m.find((f) => f.streamId === a.streamId);
         return u ? [
           ...m.filter((f) => f.streamId !== a.streamId),
@@ -410,15 +410,15 @@ const me = (e) => {
       });
     },
     onStreamNotFound: (a) => {
-      var s;
-      (s = e == null ? void 0 : e.onStreamNotFound) == null || s.call(e, a);
+      var i;
+      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, a);
     },
     onStreamTimeout: (a) => {
-      var s;
-      (s = e == null ? void 0 : e.onStreamTimeout) == null || s.call(e, a);
+      var i;
+      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, a);
     }
   }), d = L(
-    async (a, s) => {
+    async (a, i) => {
       const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await o();
       if (u.type === "success") {
         r([
@@ -432,7 +432,7 @@ const me = (e) => {
             params: a,
             progressItems: [],
             loading: !0,
-            loadingText: s == null ? void 0 : s.loadingText
+            loadingText: i == null ? void 0 : i.loadingText
           }
         ]);
         const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(a.type), g = await q({
@@ -471,7 +471,7 @@ const me = (e) => {
               params: a,
               progressItems: [],
               loading: !0,
-              loadingText: s == null ? void 0 : s.loadingText,
+              loadingText: i == null ? void 0 : i.loadingText,
               confirmedData: {
                 taskId: g.agentTask.id,
                 createdAt: g.agentTask.createdAt
@@ -502,7 +502,7 @@ const me = (e) => {
                 error: g.error,
                 progressItems: [],
                 loading: !1,
-                loadingText: s == null ? void 0 : s.loadingText,
+                loadingText: i == null ? void 0 : i.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -524,7 +524,7 @@ const me = (e) => {
                 params: a,
                 progressItems: [],
                 loading: !1,
-                loadingText: s == null ? void 0 : s.loadingText,
+                loadingText: i == null ? void 0 : i.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -539,7 +539,7 @@ const me = (e) => {
     [t, n, o]
   ), y = U(() => {
     if (n.length !== 0)
-      return [...n].sort((a, s) => new Date(s.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
+      return [...n].sort((a, i) => new Date(i.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
   }, [n]);
   return w(() => () => {
     c.current.clear(), l.current.clear();
@@ -576,13 +576,13 @@ function D({
   once: d = !1,
   inViewMargin: y,
   spread: a = 2,
-  color: s = "#999",
+  color: i = "#999",
   shimmerColor: m = "#000",
   direction: u = "fromBottom"
 }) {
-  const f = E(null), g = Q(f, { once: d, margin: y }), p = U(() => e.length * a, [e, a]), h = !o || g, S = u === "fromBottom" ? "100% center" : "-100% center", b = u === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ i(
-    T.span,
+  const f = E(null), g = Q(f, { once: d, margin: y }), p = U(() => e.length * a, [e, a]), h = !o || g, S = u === "fromBottom" ? "100% center" : "-100% center", v = u === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ s(
+    b.span,
     {
       ref: f,
       className: l,
@@ -596,7 +596,7 @@ function D({
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
         "--spread": `${p}px`,
-        "--base-color": s,
+        "--base-color": i,
         "--shimmer-color": m,
         "--shimmer-bg": "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--shimmer-color), transparent calc(50% + var(--spread)))",
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
@@ -606,7 +606,7 @@ function D({
         opacity: 0
       },
       animate: h ? {
-        backgroundPosition: b,
+        backgroundPosition: v,
         opacity: 1
       } : {},
       transition: {
@@ -626,8 +626,10 @@ function D({
     }
   );
 }
-function be(e) {
+function ve(e) {
   const t = e.item.data;
+  if (t.eventType === "Error" && "message" in t)
+    return "Error";
   if (t.taskType === "StreamingChatCompletion") {
     if (t.eventType === "Text") return "Streaming...";
     if (t.eventType === "Completed") return "Completed";
@@ -657,25 +659,25 @@ function be(e) {
     }
   return "Processing...";
 }
-const ve = ({ progressViewItems: e }) => {
+const be = ({ progressViewItems: e }) => {
   const t = e[e.length - 1];
   if (!t) return null;
-  const n = be(t);
-  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(W, { mode: "wait", children: /* @__PURE__ */ i(
-    T.div,
+  const n = ve(t);
+  return /* @__PURE__ */ s("div", { className: "simple-mode-container", children: /* @__PURE__ */ s(W, { mode: "wait", children: /* @__PURE__ */ s(
+    b.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: t.completed ? /* @__PURE__ */ i(
+      children: t.completed ? /* @__PURE__ */ s(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
           children: n
         }
-      ) : /* @__PURE__ */ i(
+      ) : /* @__PURE__ */ s(
         D,
         {
           text: n,
@@ -842,21 +844,21 @@ const ve = ({ progressViewItems: e }) => {
   }
 }, z = ({
   text: e
-}) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  T.div,
+}) => /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ s(
+  b.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
-    children: /* @__PURE__ */ i(
+    children: /* @__PURE__ */ s(
       Y,
       {
         remarkPlugins: [Z],
         components: {
           code(t) {
             const { children: n, className: r, node: c, ref: l, ...o } = t, d = /language-(\w+)/.exec(r || "");
-            return d ? /* @__PURE__ */ i(
+            return d ? /* @__PURE__ */ s(
               $,
               {
                 ...o,
@@ -865,7 +867,7 @@ const ve = ({ progressViewItems: e }) => {
                 language: d[1],
                 style: H
               }
-            ) : /* @__PURE__ */ i("code", { ...o, className: r, children: String(n) });
+            ) : /* @__PURE__ */ s("code", { ...o, className: r, children: String(n) });
           }
         },
         children: e
@@ -874,20 +876,20 @@ const ve = ({ progressViewItems: e }) => {
   }
 ) }), Te = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
-  return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
-    T.div,
+  return /* @__PURE__ */ s("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ s(
+    b.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ i($, { language: "json", style: H, PreTag: "div", children: t })
+      children: /* @__PURE__ */ s($, { language: "json", style: H, PreTag: "div", children: t })
     }
   ) });
 }, Ce = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
   const r = `Searching: ${e.queryDescription}`;
   return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
-      T.div,
+    /* @__PURE__ */ s(
+      b.div,
       {
         style: {
           display: "flex",
@@ -898,7 +900,7 @@ const ve = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ i(
+        children: t && !n ? /* @__PURE__ */ s(
           D,
           {
             text: r,
@@ -907,7 +909,7 @@ const ve = ({ progressViewItems: e }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: r })
+        ) : /* @__PURE__ */ s("span", { style: { color: "#666" }, children: r })
       }
     ),
     n !== void 0 && /* @__PURE__ */ C(
@@ -930,8 +932,8 @@ const ve = ({ progressViewItems: e }) => {
 }, ke = ({ isLatest: e = !1, durationSeconds: t }) => {
   const n = "Adding sources...";
   return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
-      T.div,
+    /* @__PURE__ */ s(
+      b.div,
       {
         style: {
           display: "flex",
@@ -942,7 +944,7 @@ const ve = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !t ? /* @__PURE__ */ i(
+        children: e && !t ? /* @__PURE__ */ s(
           D,
           {
             text: n,
@@ -951,7 +953,7 @@ const ve = ({ progressViewItems: e }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: n })
+        ) : /* @__PURE__ */ s("span", { style: { color: "#666" }, children: n })
       }
     ),
     t !== void 0 && /* @__PURE__ */ C(
@@ -972,8 +974,8 @@ const ve = ({ progressViewItems: e }) => {
     )
   ] });
 }, xe = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ i(
-    T.div,
+  /* @__PURE__ */ s(
+    b.div,
     {
       style: {
         marginBottom: "10px",
@@ -989,7 +991,7 @@ const ve = ({ progressViewItems: e }) => {
       children: "Sources"
     }
   ),
-  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ i(
+  /* @__PURE__ */ s("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ s("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ s(
     Ee,
     {
       source: n,
@@ -1010,7 +1012,7 @@ function we(e) {
 const Ee = ({ source: e, index: t, onSourceClick: n }) => {
   const [r, c] = k(!1), l = !!n, o = e.pageNumbers ?? [], d = we(o);
   return /* @__PURE__ */ C(
-    T.div,
+    b.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
@@ -1031,8 +1033,8 @@ const Ee = ({ source: e, index: t, onSourceClick: n }) => {
         userSelect: "none"
       },
       children: [
-        /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-        d && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: d })
+        /* @__PURE__ */ s("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+        d && /* @__PURE__ */ s("span", { style: { fontSize: "12px", color: "#666" }, children: d })
       ]
     }
   );
@@ -1041,13 +1043,13 @@ function Ie({
   eventType: e,
   completed: t
 }) {
-  return e === "ExploreMemoryError" ? /* @__PURE__ */ i("span", { style: { color: "#c62828", fontSize: 14, fontWeight: 600 }, children: "✗" }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ i("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : e === "ExploreMemoryStart" && t ? /* @__PURE__ */ i("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : null;
+  return e === "ExploreMemoryError" ? /* @__PURE__ */ s("span", { style: { color: "#c62828", fontSize: 14, fontWeight: 600 }, children: "✗" }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ s("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : e === "ExploreMemoryStart" && t ? /* @__PURE__ */ s("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : null;
 }
 const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
   const [r, c] = k(!1), l = e.eventType === "ExploreMemoryResult" ? e.result : void 0, o = l != null && l.length > B, d = l != null ? r || !o ? l : `${l.slice(0, B)}...` : void 0, y = o;
   if (e.eventType === "ExploreMemoryStart" && !t) {
-    const s = `Exploring ${e.memoryTitle}...`;
-    return /* @__PURE__ */ i(
+    const i = `Exploring ${e.memoryTitle}...`;
+    return /* @__PURE__ */ s(
       "div",
       {
         style: {
@@ -1055,26 +1057,26 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
           display: "flex",
           alignItems: "center"
         },
-        children: n ? /* @__PURE__ */ i(
+        children: n ? /* @__PURE__ */ s(
           D,
           {
-            text: s,
+            text: i,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { fontSize: 13, color: "#999" }, children: s })
+        ) : /* @__PURE__ */ s("span", { style: { fontSize: 13, color: "#999" }, children: i })
       }
     );
   }
-  return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ C(
-    T.div,
+  return /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ C(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: y ? () => c((s) => !s) : void 0,
+      onClick: y ? () => c((i) => !i) : void 0,
       style: {
         paddingBottom: "12px",
         borderBottom: "1px solid #eee",
@@ -1086,7 +1088,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
         cursor: y ? "pointer" : "default"
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -1096,7 +1098,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
               flexShrink: 0,
               width: 20
             },
-            children: /* @__PURE__ */ i(Ie, { eventType: e.eventType, completed: t })
+            children: /* @__PURE__ */ s(Ie, { eventType: e.eventType, completed: t })
           }
         ),
         /* @__PURE__ */ C(
@@ -1109,8 +1111,8 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-              d != null && /* @__PURE__ */ i(
+              /* @__PURE__ */ s("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+              d != null && /* @__PURE__ */ s(
                 "span",
                 {
                   style: {
@@ -1122,7 +1124,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
                   children: d
                 }
               ),
-              y && /* @__PURE__ */ i(
+              y && /* @__PURE__ */ s(
                 "span",
                 {
                   style: {
@@ -1139,7 +1141,30 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
       ]
     }
   ) });
-}, Me = ({
+}, Me = ({ message: e }) => /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ s(
+  b.div,
+  {
+    initial: { opacity: 0, y: -10 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.3, delay: 0 },
+    style: {
+      display: "flex",
+      alignItems: "flex-start",
+      gap: "10px"
+    },
+    children: /* @__PURE__ */ s(
+      "span",
+      {
+        style: {
+          fontSize: 16,
+          color: "#c62828",
+          lineHeight: 1.4
+        },
+        children: e
+      }
+    )
+  }
+) }), De = ({
   progressViewItems: e,
   loadingText: t,
   onSourceClick: n
@@ -1151,15 +1176,15 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
   const c = (l) => {
     const o = l.item.data;
     if (o.taskType === "StreamingChatCompletion" && o.eventType === "Text")
-      return /* @__PURE__ */ i(z, { text: o.text });
+      return /* @__PURE__ */ s(z, { text: o.text });
     if (o.taskType === "StructuredChatCompletion" && o.eventType === "Json")
-      return /* @__PURE__ */ i(Te, { data: o });
+      return /* @__PURE__ */ s(Te, { data: o });
     if (o.taskType === "MemoryChatCompletion")
       switch (o.eventType) {
         case "Text":
-          return /* @__PURE__ */ i(z, { text: o.text });
+          return /* @__PURE__ */ s(z, { text: o.text });
         case "Search":
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ s(
             Ce,
             {
               data: o,
@@ -1168,7 +1193,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
             }
           );
         case "FindSources":
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ s(
             ke,
             {
               data: o,
@@ -1177,7 +1202,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
             }
           );
         case "SourcesResult":
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ s(
             xe,
             {
               data: o,
@@ -1187,7 +1212,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
         case "ExploreMemoryStart":
         case "ExploreMemoryResult":
         case "ExploreMemoryError":
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ s(
             Ae,
             {
               data: o,
@@ -1198,9 +1223,9 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
         case "Completed":
           return null;
       }
-    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" || o.taskType === "StructuredChatCompletion" && o.eventType === "Completed", null;
+    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" || o.taskType === "StructuredChatCompletion" && o.eventType === "Completed" ? null : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ s(Me, { message: o.message }) : null;
   };
-  return e.length === 0 ? /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
+  return e.length === 0 ? /* @__PURE__ */ s("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ s(
     D,
     {
       text: t ?? "Processing your task...",
@@ -1210,8 +1235,8 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: r, children: /* @__PURE__ */ i(W, { children: e.map((l, o) => /* @__PURE__ */ i(
-    T.div,
+  ) }) : /* @__PURE__ */ s("div", { id: "agent-task-progress-verbose", ref: r, children: /* @__PURE__ */ s(W, { children: e.map((l, o) => /* @__PURE__ */ s(
+    b.div,
     {
       id: `agent-task-progress-item-${l.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
@@ -1225,14 +1250,14 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
     },
     l.item.progressItemId
   )) }) });
-}, We = ({
+}, $e = ({
   agentTask: e,
   mode: t = "verbose",
   onSourceClick: n
 }) => {
   const r = Se(e);
-  return t === "simple" ? /* @__PURE__ */ i(ve, { progressViewItems: r }) : /* @__PURE__ */ i(
-    Me,
+  return t === "simple" ? /* @__PURE__ */ s(be, { progressViewItems: r }) : /* @__PURE__ */ s(
+    De,
     {
       progressViewItems: r,
       loadingText: e.loadingText,
@@ -1241,7 +1266,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: n = !1 }) => {
   );
 };
 export {
-  We as AgentTaskProgress,
-  Le as FencyProvider,
-  Ue as useAgentTasks
+  $e as AgentTaskProgress,
+  Ue as FencyProvider,
+  We as useAgentTasks
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.131",
+  "version": "0.1.132",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -37,7 +37,7 @@
     "@microsoft/fetch-event-source": "^2.0.1"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.131",
+    "@fencyai/js": "^0.1.132",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
@@ -54,7 +54,7 @@
   },
   "peerDependencies": {
     "@emotion/is-prop-valid": "^1.3.0",
-    "@fencyai/js": "^0.1.131",
+    "@fencyai/js": "^0.1.132",
     "@radix-ui/react-popover": "^1.1.15",
     "motion": "^11.15.0",
     "react": ">=16.8.0",
@@ -69,5 +69,5 @@
       "optional": false
     }
   },
-  "gitHead": "de43772a6bc8a40273f9c3ba29c87e918db90bc6"
+  "gitHead": "9228298eda0593b83b99f337e17a3c4cca390b49"
 }