@fencyai/react 0.1.180 → 0.1.181

package/dist/index.js

@@ -1,21 +1,21 @@
 import { jsxs as f, jsx as o, Fragment as A } from "react/jsx-runtime";
 import { createStream as we, isStreamTimeoutEvent as Me, isStreamNotFoundEvent as Ie, isAgentTaskProgressItemUpdatedEvent as Ee, createAgentTask as Re } from "@fencyai/js";
-import Fe, { createContext as me, useState as R, useRef as D, useEffect as z, useCallback as O, useContext as he, useMemo as B } from "react";
+import Fe, { createContext as me, useState as R, useRef as z, useEffect as B, useCallback as O, useContext as he, useMemo as L } from "react";
 import { z as i } from "zod";
 import { motion as M, useInView as Ae, AnimatePresence as Pe } from "motion/react";
-import ze from "react-markdown";
+import Be from "react-markdown";
 import { Prism as pe } from "react-syntax-highlighter";
-import De from "remark-gfm";
+import ze from "remark-gfm";
 import './assets/index.css';const ge = me(
   void 0
 );
-async function Le(e, t) {
+async function De(e, t) {
   const n = e.getReader();
   let r;
   for (; !(r = await n.read()).done; )
     t(r.value);
 }
-function Be(e) {
+function Le(e) {
   let t, n, r, a = !1;
   return function(s) {
     t === void 0 ? (t = s, n = 0, r = -1) : t = Ne(t, s);
@@ -113,7 +113,7 @@ function $e(e, t) {
       p = new AbortController();
       try {
         const P = await C(e, Object.assign(Object.assign({}, l), { headers: y, signal: p.signal }));
-        await E(P), await Le(P.body, Be(We((v) => {
+        await E(P), await De(P.body, Le(We((v) => {
           v ? y[ne] = v : delete y[ne];
         }, (v) => {
           b = v;
@@ -464,21 +464,21 @@ const Ge = 48e4, qe = 3e5, ie = (e) => {
 function $t({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
   const [r, a] = R(
     null
-  ), [c, s] = R(!0), [m, d] = R(null), [u, l] = R([]), h = D(null), k = D(null);
-  z(() => {
+  ), [c, s] = R(!0), [m, d] = R(null), [u, l] = R([]), h = z(null), k = z(null);
+  B(() => {
     e.then((b) => {
       a(b), s(!1);
     }).catch((b) => {
       d(b), s(!1);
     });
-  }, [e]), z(() => {
+  }, [e]), B(() => {
     r && !k.current && (k.current = new _e(r));
-  }, [r]), z(() => {
+  }, [r]), B(() => {
     k.current && k.current.updateStreams(u);
-  }, [u]), z(() => () => {
+  }, [u]), B(() => () => {
     var b;
     (b = k.current) == null || b.cleanup();
-  }, []), z(() => {
+  }, []), B(() => {
     const b = setInterval(() => {
       l((x) => {
         const w = ie(x);
@@ -823,8 +823,8 @@ const br = (e) => {
     data: n
   };
 }, Cr = (e) => {
-  const t = ye(), [n, r] = R(null), a = D(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return z(() => {
+  const t = ye(), [n, r] = R(null), a = z(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return B(() => {
     if (!t.eventManager) return;
     const s = {
       onMessage: (d, u) => {
@@ -879,7 +879,7 @@ const br = (e) => {
     stream: n
   };
 }, Ht = (e) => {
-  const t = ye(), [n, r] = R([]), a = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), s = O(
+  const t = ye(), [n, r] = R([]), a = z(/* @__PURE__ */ new Set()), c = z(/* @__PURE__ */ new Map()), s = O(
     (l, h) => {
       r((k) => {
         const y = [], p = k.map((g) => {
@@ -1136,11 +1136,11 @@ const br = (e) => {
       e.fetchCreateAgentTaskClientToken,
       s
     ]
-  ), u = B(() => {
+  ), u = L(() => {
     if (n.length !== 0)
       return [...n].sort((l, h) => new Date(h.triggeredAt).getTime() - new Date(l.triggeredAt).getTime())[0];
   }, [n]);
-  return z(() => () => {
+  return B(() => () => {
     a.current.clear(), c.current.clear();
   }, []), {
     agentTasks: n,
@@ -1859,7 +1859,7 @@ function Rr({
   theme: e,
   children: t
 }) {
-  const n = B(
+  const n = L(
     () => ({
       theme: e,
       colors: e === "dark" ? Er : be
@@ -1878,7 +1878,7 @@ const se = ({
   text: e
 }) => {
   const { theme: t } = T(), n = xe(t);
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ o(
     M.div,
     {
       className: "fency-markdown-body-raw",
@@ -1886,9 +1886,9 @@ const se = ({
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
       children: /* @__PURE__ */ o(
-        ze,
+        Be,
         {
-          remarkPlugins: [De],
+          remarkPlugins: [ze],
           components: {
             code(r) {
               const { children: a, className: c, node: s, ref: m, ...d } = r, u = /language-(\w+)/.exec(c || "");
@@ -2119,7 +2119,7 @@ function F({
   shimmerColor: h,
   direction: k = "fromBottom"
 }) {
-  const { colors: y } = T(), p = l ?? y.shimmerBase, g = h ?? y.shimmerHighlight, b = D(null), x = Ae(b, { once: m, margin: d }), w = B(() => e.length * u, [e, u]), C = !s || x, E = k === "fromBottom" ? "100% center" : "-100% center", I = k === "fromBottom" ? "0% center" : "200% center";
+  const { colors: y } = T(), p = l ?? y.shimmerBase, g = h ?? y.shimmerHighlight, b = z(null), x = Ae(b, { once: m, margin: d }), w = L(() => e.length * u, [e, u]), C = !s || x, E = k === "fromBottom" ? "100% center" : "-100% center", I = k === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ o(
     M.span,
     {
@@ -2165,12 +2165,12 @@ function F({
     }
   );
 }
-const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+const G = 5, Br = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
   const { colors: a } = T(), [c, s] = R(!1), d = (e.memories ?? []).map((x) => x.memoryTitle), u = d.length > 0, l = u && d.length > G, h = l && !c ? d.slice(0, G) : d, k = d.length - G, y = !l || c, p = `${r.searchingFor}'${e.queryDescription}'`, g = u ? `${r.searchingIn}${X(
     h,
     y ? r.and : void 0
   )}` : "", b = u ? `${p}${g}` : `${r.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2250,12 +2250,12 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       }
     )
   ] });
-}, q = 5, Dr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+}, q = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
   const { colors: a } = T(), [c, s] = R(!1), m = e.titles, d = m.length > 0, u = d && m.length > q, l = u && !c ? m.slice(0, q) : m, h = m.length - q, k = !u || c, y = d ? `${r.findingMemoriesIn}${X(
     l,
     k ? r.and : void 0
   )}` : r.findingMemories;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2329,12 +2329,12 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       }
     )
   ] });
-}, Q = 5, Lr = ({ data: e, t }) => {
+}, Q = 5, Dr = ({ data: e, t }) => {
   const { colors: n } = T(), [r, a] = R(!1), s = e.memories.map((p) => p.memoryTitle), m = s.length > 0, d = m && s.length > Q, u = d && !r ? s.slice(0, Q) : s, l = s.length - Q, h = !d || r, k = s.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, y = m ? `${k}${X(
     u,
     h ? t.and : void 0
   )}` : t.memoriesFound;
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ o(
     M.div,
     {
       style: { color: n.textSecondary },
@@ -2392,9 +2392,9 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       ] })
     }
   ) });
-}, Br = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
+}, Lr = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
   const { colors: r } = T(), a = n.addingSources;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2438,7 +2438,7 @@ function Wr(e, t) {
 }
 const Nr = ({ data: e, onSourceClick: t, t: n }) => {
   const { colors: r } = T(), [a, c] = R(null);
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2542,7 +2542,7 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
       ]
     }
   );
-}, L = ({
+}, D = ({
   color: e,
   size: t = 24,
   borderWidth: n = 7
@@ -2610,7 +2610,7 @@ function jr({
   memory: e,
   completed: t
 }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : t ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : t ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 const le = 80;
 function $r({
@@ -2698,7 +2698,7 @@ function $r({
     }
   );
 }
-const Hr = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ o(
+const Hr = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ o(
   $r,
   {
     memory: r,
@@ -2964,7 +2964,7 @@ function Kr({
               width: 32,
               paddingTop: 2
             },
-            children: /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 })
+            children: /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 })
           }
         ),
         /* @__PURE__ */ f(
@@ -3065,10 +3065,10 @@ const Vr = ({
       ...p,
       [y]: !p[y]
     }));
-  }, []), l = B(() => qr(a), [a]), h = s === 1 ? n.memoryChatChunkResultsInOneMemory : S(n.memoryChatChunkResultsInMemories, {
+  }, []), l = L(() => qr(a), [a]), h = s === 1 ? n.memoryChatChunkResultsInOneMemory : S(n.memoryChatChunkResultsInMemories, {
     n: s
   }), k = `${Xr(c, n)} ${h}`;
-  return a.length === 0 ? /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: /* @__PURE__ */ o(
+  return a.length === 0 ? /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -3078,7 +3078,7 @@ const Vr = ({
       },
       children: n.memorySearchExploreNoResults
     }
-  ) }) : /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ) }) : /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     l.map((y) => /* @__PURE__ */ o(
       Kr,
       {
@@ -3207,7 +3207,7 @@ function Zr({
   }) : S(r.googleSearchingFor, {
     query: s
   });
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3236,8 +3236,8 @@ function et({
   data: e,
   t
 }) {
-  const { colors: n } = T(), [r, a] = R(!1), c = B(() => [...e.results ?? []].sort((u, l) => u.rank - l.rank), [e.results]), s = c.length, m = s === 1 ? t.googleResultFound : S(t.googleResultsFound, { n: s });
-  return s === 0 ? /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: /* @__PURE__ */ o(
+  const { colors: n } = T(), [r, a] = R(!1), c = L(() => [...e.results ?? []].sort((u, l) => u.rank - l.rank), [e.results]), s = c.length, m = s === 1 ? t.googleResultFound : S(t.googleResultsFound, { n: s });
+  return s === 0 ? /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -3247,7 +3247,7 @@ function et({
       },
       children: t.memorySearchExploreNoResults
     }
-  ) }) : /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ) }) : /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     /* @__PURE__ */ f(
       M.div,
       {
@@ -3371,18 +3371,18 @@ function Ce(e, t = 48) {
   }
 }
 function at({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 });
 }
 function it({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 function st({
   item: e,
   t,
   isLatest: n = !1
 }) {
-  const { colors: r } = T(), a = e.error ?? e.summary ?? "", c = a.length > 0, s = e.error != null, m = D(null), d = e.summary != null && e.summary !== "", u = ve(e, t), l = s || d || !c && u != null, h = e.error == null && (e.summary == null || e.summary === "");
-  return z(() => {
+  const { colors: r } = T(), a = e.error ?? e.summary ?? "", c = a.length > 0, s = e.error != null, m = z(null), d = e.summary != null && e.summary !== "", u = ve(e, t), l = s || d || !c && u != null, h = e.error == null && (e.summary == null || e.summary === "");
+  return B(() => {
     const k = m.current;
     k != null && c && (k.scrollTop = k.scrollHeight);
   }, [a, c]), /* @__PURE__ */ f(
@@ -3631,7 +3631,7 @@ function ct({
   t: r
 }) {
   const { colors: a } = T(), c = e.input.urls, s = e.input.query, m = c.length, d = m === 1 ? S(r.scrapingPage, { query: s }) : S(r.scrapingPages, { n: m, query: s });
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3661,13 +3661,13 @@ function dt({
   isLatest: t = !1,
   t: n
 }) {
-  const { colors: r } = T(), [a, c] = R(!1), s = e.results ?? [], { successCount: m, errorCount: d } = B(() => {
+  const { colors: r } = T(), [a, c] = R(!1), s = e.results ?? [], { successCount: m, errorCount: d } = L(() => {
     let g = 0, b = 0;
     for (const x of s)
       x.error != null ? b += 1 : g += 1;
     return { successCount: g, errorCount: b };
   }, [s]), u = s.length, l = e.input.query, h = s.length > 0 && s.every((g) => tt(g)), k = t && !h ? u === 1 ? S(n.scrapingPage, { query: l }) : S(n.scrapingPages, { n: u, query: l }) : u === 1 ? n.scrapedPage : S(n.scrapedPages, { n: u }), y = S(n.scrapeOkCount, { n: m }), p = d > 0 ? `${k} - ${y}, ${S(n.scrapeFailedCount, { n: d })}` : `${k} - ${y}`;
-  return u === 0 ? /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: /* @__PURE__ */ o(
+  return u === 0 ? /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -3677,7 +3677,7 @@ function dt({
       },
       children: n.memorySearchExploreNoResults
     }
-  ) }) : t ? /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ) }) : t ? /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3712,7 +3712,7 @@ function dt({
         isLatest: t
       }
     ))
-  ] }) : /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ] }) : /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     /* @__PURE__ */ f(
       M.div,
       {
@@ -3779,7 +3779,7 @@ const ut = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => e.result
   }
 ), mt = (e) => {
   const { colors: t } = T(), { isLatest: n = !1, durationSeconds: r, t: a } = e, c = a.memoryChatThinking;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3810,7 +3810,7 @@ const ut = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => e.result
   ] });
 };
 function ht({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 function pt(e, t) {
   return S(t.searchingInMemoriesOfType, {
@@ -3890,13 +3890,13 @@ function gt({
   );
 }
 const yt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const { colors: a } = T(), c = B(() => {
+  const { colors: a } = T(), c = L(() => {
     let s = -1;
     return e.memoryTypes.forEach((m, d) => {
       m.result == null && m.error == null && (s = d);
     }), s;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(F, { text: r.searchingMemoryTypes, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((s, m) => /* @__PURE__ */ o(
       gt,
       {
@@ -3937,15 +3937,15 @@ function St(e) {
   return t == null || t === "" ? 1 : e.reasoningCompleted === !0 ? 2 : 1;
 }
 function xt({ phase: e }) {
-  return e === 3 ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e === 3 ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 function Tt({
   item: e,
   t,
   isActiveRow: n
 }) {
-  const { colors: r } = T(), a = bt(e), c = St(e), s = e.reasoning, m = s != null && s.length > 0, d = D(null), [u, l] = R(!1), h = a && n, k = c === 2 && n && !j(e);
-  z(() => {
+  const { colors: r } = T(), a = bt(e), c = St(e), s = e.reasoning, m = s != null && s.length > 0, d = z(null), [u, l] = R(!1), h = a && n, k = c === 2 && n && !j(e);
+  B(() => {
     const g = d.current;
     g != null && c === 1 && m && (g.scrollTop = g.scrollHeight);
   }, [s, c, m]);
@@ -4133,13 +4133,13 @@ function Tt({
   );
 }
 const vt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const { colors: a } = T(), c = B(() => {
+  const { colors: a } = T(), c = L(() => {
     let s = -1;
     return e.memoryTypes.forEach((m, d) => {
       j(m) || (s = d);
     }), s;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(F, { text: r.memorySearchGeneratingQueries, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((s, m) => /* @__PURE__ */ o(
       Tt,
       {
@@ -4164,7 +4164,7 @@ const vt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
   ] });
 };
 function Ct(e) {
-  return e.some((r) => r.result == null && r.error == null) ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : e.some((r) => r.error != null) ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 });
+  return e.some((r) => r.result == null && r.error == null) ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : e.some((r) => r.error != null) ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 });
 }
 function wt({
   item: e,
@@ -4545,11 +4545,11 @@ const Rt = ({
       ...h,
       [l]: !h[l]
     }));
-  }, []), u = B(
+  }, []), u = L(
     () => It(e.queries),
     [e.queries]
   );
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     t && !n && e.queries.length === 0 ? /* @__PURE__ */ o(
       F,
       {
@@ -4584,7 +4584,7 @@ const Rt = ({
   ] });
 }, Ft = ({ data: e, onSearchResultClick: t, t: n }) => {
   const { colors: r } = T(), a = e.response.items, c = !!t, [s, m] = R(null);
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -4745,7 +4745,7 @@ const Rt = ({
   ] });
 }, N = ({ message: e }) => {
   const { colors: t } = T();
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ o(
     M.div,
     {
       initial: { opacity: 0, y: -10 },
@@ -4799,8 +4799,8 @@ const Pt = ({
   onSearchResultClick: s,
   onExploreQueryResultClick: m
 }) => {
-  const { theme: d, colors: u } = T(), l = D(null);
-  z(() => {
+  const { theme: d, colors: u } = T(), l = z(null);
+  B(() => {
     l.current && (l.current.scrollTop = l.current.scrollHeight);
   }, [e.length]);
   const h = (y) => {
@@ -4825,7 +4825,7 @@ const Pt = ({
           );
         case "FindMemories":
           return /* @__PURE__ */ o(
-            Dr,
+            zr,
             {
               data: p,
               isLatest: y.isLatest,
@@ -4835,7 +4835,7 @@ const Pt = ({
           );
         case "FindMemoriesResult":
           return /* @__PURE__ */ o(
-            Lr,
+            Dr,
             {
               data: p,
               t: a
@@ -4843,7 +4843,7 @@ const Pt = ({
           );
         case "Search":
           return /* @__PURE__ */ o(
-            zr,
+            Br,
             {
               data: p,
               isLatest: y.isLatest,
@@ -4853,7 +4853,7 @@ const Pt = ({
           );
         case "FindSources":
           return /* @__PURE__ */ o(
-            Br,
+            Lr,
             {
               data: p,
               isLatest: y.isLatest,
@@ -4974,7 +4974,7 @@ const Pt = ({
     return p.taskType === "StreamingChatCompletion" && p.eventType === "Completed" ? null : p.eventType === "Error" && "message" in p ? /* @__PURE__ */ o(N, { message: p.message }) : null;
   };
   if (e.length === 0)
-    return n ? /* @__PURE__ */ o("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ o(N, { message: n.message }) }) : t ? /* @__PURE__ */ o("div", { style: { width: "fit-content", padding: "16px" }, children: /* @__PURE__ */ o(
+    return n ? /* @__PURE__ */ o("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ o(N, { message: n.message }) }) : t ? /* @__PURE__ */ o("div", { style: { width: "fit-content", paddingBlock: "16px" }, children: /* @__PURE__ */ o(
       F,
       {
         text: r ?? a.processingYourTask,
@@ -5061,7 +5061,7 @@ const Pt = ({
 export {
   Ut as AgentTaskProgress,
   Rr as AgentTaskThemeProvider,
-  L as Checkmark,
+  D as Checkmark,
   $t as FencyProvider,
   Ft as MemorySearchCompletedResults,
   _e as StreamEventManager,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.180",
+  "version": "0.1.181",
   "description": "React components and hooks for the Fency AI platform",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -38,7 +38,7 @@
     "@microsoft/fetch-event-source": "^2.0.1"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.180",
+    "@fencyai/js": "^0.1.181",
     "@microsoft/api-documenter": "^7.30.0",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
@@ -55,7 +55,7 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.180",
+    "@fencyai/js": "^0.1.181",
     "motion": "^11.15.0 || ^12.0.0",
     "react": ">=16.8.0",
     "react-markdown": "^10.1.0",
@@ -68,5 +68,5 @@
       "optional": false
     }
   },
-  "gitHead": "d89db68b2469736e01e2f198ae802a999e2f498c"
+  "gitHead": "6dc80c1edc6455dc29feb40f9563755e7b14dc16"
 }