@fencyai/react 0.1.134 → 0.1.136

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

@@ -1 +1 @@
-{"version":3,"file":"StreamingChatCompletionText.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/StreamingChatCompletionText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,6BAA6B,CAAA;AAEpC,MAAM,WAAW,gCAAgC;IAC7C,IAAI,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAqClF,CAAA"}
+{"version":3,"file":"StreamingChatCompletionText.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/StreamingChatCompletionText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,6BAA6B,CAAA;AAEpC,MAAM,WAAW,gCAAgC;IAC7C,IAAI,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAuClF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"StructuredChatCompletionJson.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/StructuredChatCompletionJson.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iCAAiC;IAC9C,IAAI,EAAE,OAAO,CAAC,kBAAkB,EAAE;QAAE,QAAQ,EAAE,0BAA0B,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACjG;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC/C,iCAAiC,CAiBpC,CAAA"}
+{"version":3,"file":"StructuredChatCompletionJson.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/StructuredChatCompletionJson.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iCAAiC;IAC9C,IAAI,EAAE,OAAO,CAAC,kBAAkB,EAAE;QAAE,QAAQ,EAAE,0BAA0B,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACjG;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC/C,iCAAiC,CAkBpC,CAAA"}

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsxs as k, jsx as s } from "react/jsx-runtime";
-import { createStream as _, isStreamTimeoutEvent as J, isStreamNotFoundEvent as V, isAgentTaskProgressItemUpdatedEvent as X, createAgentTask as q } from "@fencyai/js";
-import { createContext as G, useState as C, useRef as E, useEffect as w, useCallback as z, useContext as Q, useMemo as L } from "react";
-import { useInView as Y, motion as v, AnimatePresence as N } from "motion/react";
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
+import { createStream as K, isStreamTimeoutEvent as G, isStreamNotFoundEvent as J, isAgentTaskProgressItemUpdatedEvent as V, createAgentTask as X } from "@fencyai/js";
+import { createContext as q, useState as k, useRef as E, useEffect as w, useCallback as N, useContext as Q, useMemo as _ } from "react";
+import { useInView as Y, motion as v, AnimatePresence as z } from "motion/react";
 import Z from "react-markdown";
-import { Prism as W } from "react-syntax-highlighter";
+import { Prism as L } from "react-syntax-highlighter";
 import ee from "remark-gfm";
-import './assets/index.css';const H = G(
+import './assets/index.css';const W = q(
   void 0
 );
 async function te(e, t) {
@@ -42,11 +42,11 @@ function re(e) {
   };
 }
 function ne(e, t, n) {
-  let r = F();
+  let r = R();
   const c = new TextDecoder();
   return function(o, d) {
     if (o.length === 0)
-      n == null || n(r), r = F();
+      n == null || n(r), r = R();
     else if (d > 0) {
       const y = c.decode(o.subarray(0, d)), a = d + (o[d + 1] === 32 ? 2 : 1), i = c.decode(o.subarray(a));
       switch (y) {
@@ -72,7 +72,7 @@ function oe(e, t) {
   const n = new Uint8Array(e.length + t.length);
   return n.set(e), n.set(t, e.length), n;
 }
-function F() {
+function R() {
   return {
     data: "",
     event: "",
@@ -88,42 +88,42 @@ var ae = function(e, t) {
       t.indexOf(r[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[c]) && (n[r[c]] = e[r[c]]);
   return n;
 };
-const O = "text/event-stream", se = 1e3, R = "last-event-id";
+const P = "text/event-stream", se = 1e3, F = "last-event-id";
 function ie(e, t) {
   var { signal: n, headers: r, onopen: c, onmessage: l, onclose: o, onerror: d, openWhenHidden: y, fetch: a } = t, i = ae(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
   return new Promise((m, u) => {
     const f = Object.assign({}, r);
-    f.accept || (f.accept = O);
+    f.accept || (f.accept = P);
     let g;
     function p() {
       g.abort(), document.hidden || x();
     }
     y || document.addEventListener("visibilitychange", p);
-    let h = se, b = 0;
-    function S() {
-      document.removeEventListener("visibilitychange", p), window.clearTimeout(b), g.abort();
+    let h = se, S = 0;
+    function b() {
+      document.removeEventListener("visibilitychange", p), window.clearTimeout(S), g.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      S(), m();
+      b(), m();
     });
-    const D = a ?? window.fetch, A = c ?? ce;
+    const D = a ?? window.fetch, I = c ?? ce;
     async function x() {
       var M;
       g = new AbortController();
       try {
-        const I = await D(e, Object.assign(Object.assign({}, i), { headers: f, signal: g.signal }));
-        await A(I), await te(I.body, re(ne((T) => {
-          T ? f[R] = T : delete f[R];
+        const A = await D(e, Object.assign(Object.assign({}, i), { headers: f, signal: g.signal }));
+        await I(A), await te(A.body, re(ne((T) => {
+          T ? f[F] = T : delete f[F];
         }, (T) => {
           h = T;
-        }, l))), o == null || o(), S(), m();
-      } catch (I) {
+        }, l))), o == null || o(), b(), m();
+      } catch (A) {
         if (!g.signal.aborted)
           try {
-            const T = (M = d == null ? void 0 : d(I)) !== null && M !== void 0 ? M : h;
-            window.clearTimeout(b), b = window.setTimeout(x, T);
+            const T = (M = d == null ? void 0 : d(A)) !== null && M !== void 0 ? M : h;
+            window.clearTimeout(S), S = window.setTimeout(x, T);
           } catch (T) {
-            S(), u(T);
+            b(), u(T);
           }
       }
     }
@@ -132,8 +132,8 @@ function ie(e, t) {
 }
 function ce(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(O)))
-    throw new Error(`Expected content-type to be ${O}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(P)))
+    throw new Error(`Expected content-type to be ${P}, Actual: ${t}`);
 }
 function le(e) {
   const t = atob(e), n = new Uint8Array(t.length);
@@ -216,10 +216,10 @@ const ue = 12e4, me = (e) => {
   const t = Date.now();
   return e.filter((n) => t - n.createdAt < ue);
 };
-function Ne({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, c] = C(
+function ze({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+  const [r, c] = k(
     null
-  ), [l, o] = C(!0), [d, y] = C(null), [a, i] = C([]), 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);
@@ -234,28 +234,28 @@ function Ne({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     var h;
     (h = u.current) == null || h.cleanup();
   }, []);
-  const f = z(
+  const f = N(
     async (h = 3e4) => {
       if (m.current)
         return m.current;
-      const b = Date.now(), S = a.length > 0 ? a[a.length - 1] : null;
-      if (S && b - S.createdAt < h)
-        return S.stream;
+      const S = Date.now(), b = a.length > 0 ? a[a.length - 1] : null;
+      if (b && S - b.createdAt < h)
+        return b.stream;
       const D = (async () => {
         if (!r)
           throw new Error("Fency instance not initialized");
-        const A = await t(), x = await _({
+        const I = await t(), x = await K({
           pk: r.publishableKey,
           baseUrl: r.baseUrl,
-          clientToken: (A == null ? void 0 : A.clientToken) ?? ""
+          clientToken: (I == null ? void 0 : I.clientToken) ?? ""
         });
         if (x.type === "success") {
           const M = {
             stream: x.stream,
             createdAt: Date.now()
           };
-          return i((I) => {
-            const T = [...I, M];
+          return i((A) => {
+            const T = [...A, M];
             return me(T);
           }), m.current = null, x.stream;
         } else
@@ -266,7 +266,7 @@ function Ne({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     [r, a]
   );
   if (d)
-    return /* @__PURE__ */ k("div", { children: [
+    return /* @__PURE__ */ C("div", { children: [
       "Fency error: ",
       d.message
     ] });
@@ -281,10 +281,10 @@ function Ne({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     eventManager: u.current,
     getOrCreateStream: f
   };
-  return /* @__PURE__ */ s(H.Provider, { value: p, children: n });
+  return /* @__PURE__ */ s(W.Provider, { value: p, children: n });
 }
-function j() {
-  const e = Q(H);
+function H() {
+  const e = Q(W);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
@@ -296,24 +296,24 @@ const ge = (e) => {
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, ye = (e) => J(e) ? fe(e) : V(e) ? he(e) : X(e) ? pe(e) : null, fe = (e) => ({
-  type: "StreamTimeout",
+}, ye = (e) => G(e) ? fe(e) : J(e) ? he(e) : V(e) ? pe(e) : null, fe = (e) => ({
+  type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
 }), he = (e) => ({
-  type: "StreamNotFound",
+  type: "STREAM_NOT_FOUND",
   streamId: e.streamId,
   timestamp: e.timestamp
 }), pe = (e) => ({
-  type: "AgentTaskProgressItemUpdated",
+  type: "AGENT_TASK_PROGRESS_ITEM_UPDATED",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
   progressItemId: e.progressItemId,
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), be = (e) => {
-  const t = j(), [n, r] = C(null), c = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+}), Se = (e) => {
+  const t = H(), [n, r] = k(null), c = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
   return w(() => {
     if (!t.eventManager) return;
     const o = {
@@ -322,13 +322,13 @@ const ge = (e) => {
         const i = ge(y);
         if (i)
           switch (i.type) {
-            case "StreamTimeout":
+            case "STREAM_TIMEOUT":
               (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, i);
               break;
-            case "StreamNotFound":
+            case "STREAM_NOT_FOUND":
               (u = e == null ? void 0 : e.onStreamNotFound) == null || u.call(e, i);
               break;
-            case "AgentTaskProgressItemUpdated":
+            case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
               (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, i);
               break;
           }
@@ -368,8 +368,8 @@ const ge = (e) => {
     },
     stream: n
   };
-}, We = (e) => {
-  const t = j(), [n, r] = C([]), c = E(/* @__PURE__ */ new Set()), l = E(/* @__PURE__ */ new Map()), { createStream: o } = be({
+}, Le = (e) => {
+  const t = H(), [n, r] = k([]), c = E(/* @__PURE__ */ new Set()), l = E(/* @__PURE__ */ new Map()), { createStream: o } = Se({
     onAgentTaskProgressItemUpdated: (a) => {
       var u;
       if (!c.current.has(a.agentTaskId)) return;
@@ -383,13 +383,13 @@ const ge = (e) => {
       }
       (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, a), r(
         (f) => f.map((g) => {
-          var b;
-          if (((b = g.confirmedData) == null ? void 0 : b.taskId) !== a.agentTaskId)
+          var S;
+          if (((S = g.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
             return g;
           const h = g.progressItems.some(
-            (S) => S.progressItemId === a.progressItemId
+            (b) => b.progressItemId === a.progressItemId
           ) ? g.progressItems.map(
-            (S) => S.progressItemId === a.progressItemId ? a : S
+            (b) => b.progressItemId === a.progressItemId ? a : b
           ) : [...g.progressItems, a];
           return { ...g, progressItems: h };
         })
@@ -417,7 +417,7 @@ const ge = (e) => {
       var i;
       (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, a);
     }
-  }), d = z(
+  }), d = N(
     async (a, i) => {
       const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await o();
       if (u.type === "success") {
@@ -435,7 +435,7 @@ const ge = (e) => {
             loadingText: i == null ? void 0 : i.loadingText
           }
         ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(a.type), g = await q({
+        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(a.type), g = await X({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
           clientToken: f,
@@ -460,7 +460,7 @@ const ge = (e) => {
           c.current.add(
             g.agentTask.id
           ), r((h) => [
-            ...h.filter((b) => b.taskKey !== m),
+            ...h.filter((S) => S.taskKey !== m),
             {
               taskKey: m,
               streamId: u.stream.id,
@@ -515,7 +515,7 @@ const ge = (e) => {
               code: "UnknownError"
             };
             return r((h) => [
-              ...h.filter((b) => b.taskKey !== m),
+              ...h.filter((S) => S.taskKey !== m),
               {
                 taskKey: m,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -537,7 +537,7 @@ const ge = (e) => {
         return console.error(u.error), u;
     },
     [t, n, o]
-  ), y = L(() => {
+  ), y = _(() => {
     if (n.length !== 0)
       return [...n].sort((a, i) => new Date(i.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
   }, [n]);
@@ -549,7 +549,7 @@ const ge = (e) => {
     latest: y
   };
 };
-function Se(e) {
+function be(e) {
   return e.progressItems.map((t, n) => {
     const r = e.progressItems[n + 1], c = r != null;
     let l;
@@ -565,7 +565,7 @@ function Se(e) {
     };
   });
 }
-function P({
+function O({
   text: e,
   duration: t = 2,
   delay: n = 0,
@@ -580,7 +580,7 @@ function P({
   shimmerColor: m = "#000",
   direction: u = "fromBottom"
 }) {
-  const f = E(null), g = Y(f, { once: d, margin: y }), p = L(() => e.length * a, [e, a]), h = !o || g, b = u === "fromBottom" ? "100% center" : "-100% center", S = u === "fromBottom" ? "0% center" : "200% center";
+  const f = E(null), g = Y(f, { once: d, margin: y }), p = _(() => e.length * a, [e, a]), h = !o || g, S = u === "fromBottom" ? "100% center" : "-100% center", b = u === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ s(
     v.span,
     {
@@ -602,11 +602,11 @@ function P({
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
       initial: {
-        backgroundPosition: b,
+        backgroundPosition: S,
         opacity: 0
       },
       animate: h ? {
-        backgroundPosition: S,
+        backgroundPosition: b,
         opacity: 1
       } : {},
       transition: {
@@ -663,7 +663,7 @@ const Te = ({ progressViewItems: e }) => {
   const t = e[e.length - 1];
   if (!t) return null;
   const n = ve(t);
-  return /* @__PURE__ */ s("div", { className: "simple-mode-container", children: /* @__PURE__ */ s(N, { mode: "wait", children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: "simple-mode-container", children: /* @__PURE__ */ s(z, { mode: "wait", children: /* @__PURE__ */ s(
     v.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -678,7 +678,7 @@ const Te = ({ progressViewItems: e }) => {
           children: n
         }
       ) : /* @__PURE__ */ s(
-        P,
+        O,
         {
           text: n,
           className: "simple-mode-title",
@@ -691,7 +691,7 @@ const Te = ({ progressViewItems: e }) => {
     },
     t.item.progressItemId
   ) }) });
-}, K = {
+}, j = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -858,15 +858,18 @@ const Te = ({ progressViewItems: e }) => {
         components: {
           code(t) {
             const { children: n, className: r, node: c, ref: l, ...o } = t, d = /language-(\w+)/.exec(r || "");
-            return d ? /* @__PURE__ */ s(
-              W,
-              {
-                ...o,
-                PreTag: "div",
-                children: String(n).replace(/\n$/, ""),
-                language: d[1],
-                style: K
-              }
+            return d ? (
+              // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
+              /* @__PURE__ */ s(
+                L,
+                {
+                  ...o,
+                  PreTag: "div",
+                  children: String(n).replace(/\n$/, ""),
+                  language: d[1],
+                  style: j
+                }
+              )
             ) : /* @__PURE__ */ s("code", { ...o, className: r, children: String(n) });
           }
         },
@@ -874,7 +877,7 @@ const Te = ({ progressViewItems: e }) => {
       }
     )
   }
-) }), ke = ({ data: e }) => {
+) }), Ce = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
   return /* @__PURE__ */ s("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ s(
     v.div,
@@ -882,12 +885,12 @@ const Te = ({ progressViewItems: e }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ s(W, { language: "json", style: K, PreTag: "div", children: t })
+      children: /* @__PURE__ */ s(L, { language: "json", style: j, PreTag: "div", children: t })
     }
   ) });
-}, Ce = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
+}, ke = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
   const r = `Searching: ${e.queryDescription}`;
-  return /* @__PURE__ */ k("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ s(
       v.div,
       {
@@ -901,7 +904,7 @@ const Te = ({ progressViewItems: e }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: t && !n ? /* @__PURE__ */ s(
-          P,
+          O,
           {
             text: r,
             duration: 2.5,
@@ -912,7 +915,7 @@ const Te = ({ progressViewItems: e }) => {
         ) : /* @__PURE__ */ s("span", { style: { color: "#666" }, children: r })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ k(
+    n !== void 0 && /* @__PURE__ */ C(
       "div",
       {
         style: {
@@ -931,7 +934,7 @@ const Te = ({ progressViewItems: e }) => {
   ] });
 }, xe = ({ isLatest: e = !1, durationSeconds: t }) => {
   const n = "Adding sources...";
-  return /* @__PURE__ */ k("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ s(
       v.div,
       {
@@ -945,7 +948,7 @@ const Te = ({ progressViewItems: e }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: e && !t ? /* @__PURE__ */ s(
-          P,
+          O,
           {
             text: n,
             duration: 2.5,
@@ -956,7 +959,7 @@ const Te = ({ progressViewItems: e }) => {
         ) : /* @__PURE__ */ s("span", { style: { color: "#666" }, children: n })
       }
     ),
-    t !== void 0 && /* @__PURE__ */ k(
+    t !== void 0 && /* @__PURE__ */ C(
       "div",
       {
         style: {
@@ -973,7 +976,7 @@ const Te = ({ progressViewItems: e }) => {
       }
     )
   ] });
-}, we = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ k("div", { style: { padding: "16px" }, children: [
+}, we = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
   /* @__PURE__ */ s(
     v.div,
     {
@@ -992,7 +995,7 @@ const Te = ({ progressViewItems: e }) => {
     }
   ),
   /* @__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(
-    Ie,
+    Ae,
     {
       source: n,
       index: r,
@@ -1009,9 +1012,9 @@ function Ee(e) {
   const t = e[e.length - 1];
   return `pages ${e.slice(0, -1).join(", ")} and ${t}`;
 }
-const Ie = ({ source: e, index: t, onSourceClick: n }) => {
-  const [r, c] = C(!1), l = !!n, o = e.pageNumbers ?? [], d = Ee(o);
-  return /* @__PURE__ */ k(
+const Ae = ({ source: e, index: t, onSourceClick: n }) => {
+  const [r, c] = k(!1), l = !!n, o = e.pageNumbers ?? [], d = Ee(o);
+  return /* @__PURE__ */ C(
     v.div,
     {
       initial: { opacity: 0, scale: 0.9 },
@@ -1038,7 +1041,7 @@ const Ie = ({ source: e, index: t, onSourceClick: n }) => {
       ]
     }
   );
-}, $ = ({
+}, U = ({
   color: e = "#78b13f",
   size: t = 24,
   borderWidth: n = 7
@@ -1057,7 +1060,7 @@ const Ie = ({ source: e, index: t, onSourceClick: n }) => {
       }
     }
   );
-}, Ae = ({
+}, Ie = ({
   color: e = "#333",
   size: t = 32,
   lineWidth: n = 2
@@ -1070,7 +1073,7 @@ const Ie = ({ source: e, index: t, onSourceClick: n }) => {
     height: r,
     backgroundColor: e
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ C(
     "span",
     {
       style: {
@@ -1106,11 +1109,11 @@ function Me({
   eventType: e,
   completed: t
 }) {
-  return e === "ExploreMemoryError" ? /* @__PURE__ */ s(Ae, { color: "#c62828", size: 18, lineWidth: 3 }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ s($, { color: "#999", size: 20, borderWidth: 3 }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ s($, { color: "#999", size: 20, borderWidth: 3 }) : /* @__PURE__ */ s("span", { className: "explore-memory-loader" }) : null;
+  return e === "ExploreMemoryError" ? /* @__PURE__ */ s(Ie, { color: "#c62828", size: 18, lineWidth: 3 }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ s(U, { color: "#999", size: 20, borderWidth: 3 }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ s(U, { color: "#999", size: 20, borderWidth: 3 }) : /* @__PURE__ */ s("span", { className: "explore-memory-loader" }) : null;
 }
-const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
-  const [r, c] = C(!1), l = e.eventType === "ExploreMemoryResult" ? e.result : void 0, o = l != null && l.length > U, d = l != null ? r || !o ? l : `${l.slice(0, U)}...` : void 0, y = o;
-  return /* @__PURE__ */ s("div", { style: { padding: "10px" }, children: /* @__PURE__ */ k(
+const $ = 80, De = ({ 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 > $, d = l != null ? r || !o ? l : `${l.slice(0, $)}...` : void 0, y = o;
+  return /* @__PURE__ */ s("div", { style: { padding: "10px" }, children: /* @__PURE__ */ C(
     v.div,
     {
       initial: { opacity: 0 },
@@ -1147,7 +1150,7 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
             )
           }
         ),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ C(
           "div",
           {
             style: {
@@ -1193,7 +1196,7 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
       ]
     }
   ) });
-}, Pe = ({ message: e }) => /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ s(
+}, Oe = ({ message: e }) => /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ s(
   v.div,
   {
     initial: { opacity: 0, y: -10 },
@@ -1216,7 +1219,7 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
       }
     )
   }
-) }), Oe = ({
+) }), Pe = ({
   progressViewItems: e,
   loadingText: t,
   onSourceClick: n
@@ -1230,14 +1233,14 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
     if (o.taskType === "StreamingChatCompletion" && o.eventType === "Text")
       return /* @__PURE__ */ s(B, { text: o.text });
     if (o.taskType === "StructuredChatCompletion" && o.eventType === "Json")
-      return /* @__PURE__ */ s(ke, { data: o });
+      return /* @__PURE__ */ s(Ce, { data: o });
     if (o.taskType === "MemoryChatCompletion")
       switch (o.eventType) {
         case "Text":
           return /* @__PURE__ */ s(B, { text: o.text });
         case "Search":
           return /* @__PURE__ */ s(
-            Ce,
+            ke,
             {
               data: o,
               isLatest: l.isLatest,
@@ -1275,10 +1278,10 @@ const U = 80, De = ({ 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 : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ s(Pe, { message: o.message }) : null;
+    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" || o.taskType === "StructuredChatCompletion" && o.eventType === "Completed" ? null : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ s(Oe, { message: o.message }) : null;
   };
   return e.length === 0 ? /* @__PURE__ */ s("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ s(
-    P,
+    O,
     {
       text: t ?? "Processing your task...",
       duration: 1.5,
@@ -1287,7 +1290,7 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ s("div", { id: "agent-task-progress-verbose", ref: r, children: /* @__PURE__ */ s(N, { children: e.map((l, o) => /* @__PURE__ */ s(
+  ) }) : /* @__PURE__ */ s("div", { id: "agent-task-progress-verbose", ref: r, children: /* @__PURE__ */ s(z, { children: e.map((l, o) => /* @__PURE__ */ s(
     v.div,
     {
       id: `agent-task-progress-item-${l.item.progressItemId}`,
@@ -1302,14 +1305,14 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
     },
     l.item.progressItemId
   )) }) });
-}, He = ({
+}, We = ({
   agentTask: e,
   mode: t = "verbose",
   onSourceClick: n
 }) => {
-  const r = Se(e);
+  const r = be(e);
   return t === "simple" ? /* @__PURE__ */ s(Te, { progressViewItems: r }) : /* @__PURE__ */ s(
-    Oe,
+    Pe,
     {
       progressViewItems: r,
       loadingText: e.loadingText,
@@ -1318,9 +1321,9 @@ const U = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
   );
 };
 export {
-  He as AgentTaskProgress,
-  $ as Checkmark,
-  Ne as FencyProvider,
-  Ae as XMark,
-  We as useAgentTasks
+  We as AgentTaskProgress,
+  U as Checkmark,
+  ze as FencyProvider,
+  Ie as XMark,
+  Le as useAgentTasks
 };

package/dist/types/StreamData.d.ts

@@ -1,16 +1,16 @@
 import { AgentTaskEventData } from '@fencyai/js';
 export type StreamTimeout = {
-    type: 'StreamTimeout';
+    type: 'STREAM_TIMEOUT';
     streamId: string;
     timestamp: string;
 };
 export type StreamNotFound = {
-    type: 'StreamNotFound';
+    type: 'STREAM_NOT_FOUND';
     streamId: string;
     timestamp: string;
 };
 export type AgentTaskProgressItemUpdated = {
-    type: 'AgentTaskProgressItemUpdated';
+    type: 'AGENT_TASK_PROGRESS_ITEM_UPDATED';
     streamId: string;
     agentTaskId: string;
     progressItemId: string;

package/dist/types/StreamData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StreamData.d.ts","sourceRoot":"","sources":["../../src/types/StreamData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,eAAe,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACvC,IAAI,EAAE,8BAA8B,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,kBAAkB,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,UAAU,GAChB,aAAa,GACb,cAAc,GACd,4BAA4B,CAAA"}
+{"version":3,"file":"StreamData.d.ts","sourceRoot":"","sources":["../../src/types/StreamData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACvC,IAAI,EAAE,kCAAkC,CAAA;IACxC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,kBAAkB,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,UAAU,GAChB,aAAa,GACb,cAAc,GACd,4BAA4B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.134",
+  "version": "0.1.136",
   "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.134",
+    "@fencyai/js": "^0.1.136",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
@@ -53,7 +53,7 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.134",
+    "@fencyai/js": "^0.1.136",
     "motion": "^11.15.0",
     "react": ">=16.8.0",
     "react-markdown": "^10.1.0",
@@ -66,5 +66,5 @@
       "optional": false
     }
   },
-  "gitHead": "8145fbcaee4dbe656d2d024e5caf7072c7a2a64e"
+  "gitHead": "329df97e8c3ae4b8faf31cf75a4bd842cd7d61e0"
 }