@fencyai/react 0.1.164 → 0.1.165

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

@@ -1 +1 @@
-{"version":3,"file":"MemoryChatChunkResult.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/MemoryChatChunkResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAA;AAGpE,MAAM,WAAW,0BAA0B;IACvC,IAAI,EAAE,OAAO,CACT,kBAAkB,EAClB;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,SAAS,EAAE,aAAa,CAAA;KAAE,CACvD,CAAA;IACD,CAAC,EAAE,6BAA6B,CAAA;CACnC;AAwBD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CACxC,0BAA0B,CAuG7B,CAAA"}
+{"version":3,"file":"MemoryChatChunkResult.d.ts","sourceRoot":"","sources":["../../../src/agent-task/data-types/MemoryChatChunkResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAA;AAGpE,MAAM,WAAW,0BAA0B;IACvC,IAAI,EAAE,OAAO,CACT,kBAAkB,EAClB;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,SAAS,EAAE,aAAa,CAAA;KAAE,CACvD,CAAA;IACD,CAAC,EAAE,6BAA6B,CAAA;CACnC;AAwBD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CACxC,0BAA0B,CA4J7B,CAAA"}

package/dist/index.js

@@ -1,10 +1,10 @@
-import { jsxs as g, jsx as i, Fragment as I } from "react/jsx-runtime";
+import { jsxs as p, jsx as i, Fragment as I } from "react/jsx-runtime";
 import { createStream as ae, isStreamTimeoutEvent as se, isStreamNotFoundEvent as le, isAgentTaskProgressItemUpdatedEvent as ce, createAgentTask as de } from "@fencyai/js";
 import { createContext as me, useState as v, useRef as F, useEffect as A, useCallback as G, useContext as ue, useMemo as D } from "react";
 import { useInView as ye, motion as b, AnimatePresence as J } from "motion/react";
-import ge from "react-markdown";
+import pe from "react-markdown";
 import { Prism as Y } from "react-syntax-highlighter";
-import pe from "remark-gfm";
+import ge from "remark-gfm";
 import './assets/index.css';const Z = me(
   void 0
 );
@@ -94,31 +94,31 @@ function be(e, r) {
   return new Promise((u, y) => {
     const f = Object.assign({}, n);
     f.accept || (f.accept = _);
-    let p;
+    let g;
     function x() {
-      p.abort(), document.hidden || R();
+      g.abort(), document.hidden || R();
     }
     m || document.addEventListener("visibilitychange", x);
     let h = ke, S = 0;
     function k() {
-      document.removeEventListener("visibilitychange", x), window.clearTimeout(S), p.abort();
+      document.removeEventListener("visibilitychange", x), window.clearTimeout(S), g.abort();
     }
     t == null || t.addEventListener("abort", () => {
       k(), u();
     });
-    const C = o ?? window.fetch, E = l ?? ve;
+    const w = o ?? window.fetch, C = l ?? ve;
     async function R() {
       var L;
-      p = new AbortController();
+      g = new AbortController();
       try {
-        const P = await C(e, Object.assign(Object.assign({}, a), { headers: f, signal: p.signal }));
-        await E(P), await he(P.body, fe(Se((M) => {
+        const P = await w(e, Object.assign(Object.assign({}, a), { headers: f, signal: g.signal }));
+        await C(P), await he(P.body, fe(Se((M) => {
           M ? f[q] = M : delete f[q];
         }, (M) => {
           h = M;
         }, c))), s == null || s(), k(), u();
       } catch (P) {
-        if (!p.signal.aborted)
+        if (!g.signal.aborted)
           try {
             const M = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : h;
             window.clearTimeout(S), S = window.setTimeout(R, M);
@@ -135,16 +135,16 @@ function ve(e) {
   if (!(r != null && r.startsWith(_)))
     throw new Error(`Expected content-type to be ${_}, Actual: ${r}`);
 }
-function Ce(e) {
+function we(e) {
   const r = atob(e), t = new Uint8Array(r.length);
   for (let n = 0; n < r.length; n++)
     t[n] = r.charCodeAt(n);
   return new TextDecoder("utf-8").decode(t);
 }
-function Ee(e) {
+function Ce(e) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown stream error";
 }
-class we {
+class Ee {
   constructor(r) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = r;
   }
@@ -178,12 +178,12 @@ class we {
       },
       onmessage: (s) => {
         if (s.data) {
-          const d = Ce(s.data);
+          const d = we(s.data);
           this.broadcast(d, t);
         }
       },
       onerror: (s) => {
-        throw console.error("EventSource error for stream", t, ":", s), this.eventSources.delete(t), this.broadcastError(t, Ee(s)), s;
+        throw console.error("EventSource error for stream", t, ":", s), this.eventSources.delete(t), this.broadcastError(t, Ce(s)), s;
       },
       onclose() {
       }
@@ -230,7 +230,7 @@ function Ar({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
       m(h), s(!1);
     });
   }, [e]), A(() => {
-    n && !y.current && (y.current = new we(n));
+    n && !y.current && (y.current = new Ee(n));
   }, [n]), A(() => {
     y.current && y.current.updateStreams(o);
   }, [o]), A(() => () => {
@@ -252,13 +252,13 @@ function Ar({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
       const S = Date.now(), k = o.length > 0 ? o[o.length - 1] : null;
       if (k && S - k.createdAt < h)
         return k.stream;
-      const C = (async () => {
+      const w = (async () => {
         if (!n)
           throw new Error("Fency instance not initialized");
-        const E = await r(), R = await ae({
+        const C = await r(), R = await ae({
           pk: n.publishableKey,
           baseUrl: n.baseUrl,
-          clientToken: (E == null ? void 0 : E.clientToken) ?? ""
+          clientToken: (C == null ? void 0 : C.clientToken) ?? ""
         });
         if (R.type === "success") {
           const L = {
@@ -272,23 +272,23 @@ function Ar({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
         } else
           throw u.current = null, new Error("Failed to create stream");
       })();
-      return u.current = C, C;
+      return u.current = w, w;
     },
     [n, o]
   );
   if (d)
-    return /* @__PURE__ */ g("div", { children: [
+    return /* @__PURE__ */ p("div", { children: [
       "Fency error: ",
       d.message
     ] });
   if (!n)
     return null;
-  const p = o.length > 0 ? o[o.length - 1] : null, x = {
+  const g = o.length > 0 ? o[o.length - 1] : null, x = {
     fency: n,
     loading: c,
     error: d,
     activeStreams: o,
-    latestStream: p,
+    latestStream: g,
     eventManager: y.current,
     getOrCreateStream: f
   };
@@ -389,13 +389,13 @@ const Ae = (e) => {
         const f = a.taskType === "MemorySearch" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed";
         n(
           f ? (x) => x.map((h) => {
-            var C;
-            if (((C = h.confirmedData) == null ? void 0 : C.taskId) !== o.agentTaskId)
+            var w;
+            if (((w = h.confirmedData) == null ? void 0 : w.taskId) !== o.agentTaskId)
               return h;
             const k = h.progressItems.some(
-              (E) => E.progressItemId === o.progressItemId
+              (C) => C.progressItemId === o.progressItemId
             ) ? h.progressItems.map(
-              (E) => E.progressItemId === o.progressItemId ? o : E
+              (C) => C.progressItemId === o.progressItemId ? o : C
             ) : [...h.progressItems, o];
             return {
               ...h,
@@ -409,23 +409,23 @@ const Ae = (e) => {
             }
           )
         );
-        const p = c.current.get(
+        const g = c.current.get(
           o.agentTaskId
         );
-        p && (c.current.delete(o.agentTaskId), p(a));
+        g && (c.current.delete(o.agentTaskId), g(a));
         return;
       }
       (y = e.onAgentTaskProgressItemUpdated) == null || y.call(e, o), n(
-        (f) => f.map((p) => {
+        (f) => f.map((g) => {
           var S;
-          if (((S = p.confirmedData) == null ? void 0 : S.taskId) !== o.agentTaskId)
-            return p;
-          const h = p.progressItems.some(
+          if (((S = g.confirmedData) == null ? void 0 : S.taskId) !== o.agentTaskId)
+            return g;
+          const h = g.progressItems.some(
             (k) => k.progressItemId === o.progressItemId
-          ) ? p.progressItems.map(
+          ) ? g.progressItems.map(
             (k) => k.progressItemId === o.progressItemId ? o : k
-          ) : [...p.progressItems, o];
-          return { ...p, progressItems: h };
+          ) : [...g.progressItems, o];
+          return { ...g, progressItems: h };
         })
       );
     },
@@ -448,10 +448,10 @@ const Ae = (e) => {
       var f;
       const u = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, y = await s();
       if (y.type === "success") {
-        const p = (/* @__PURE__ */ new Date()).toISOString(), x = {
+        const g = (/* @__PURE__ */ new Date()).toISOString(), x = {
           taskKey: u,
           streamId: y.stream.id,
-          triggeredAt: p,
+          triggeredAt: g,
           confirmedData: null,
           error: null,
           params: o,
@@ -497,8 +497,8 @@ const Ae = (e) => {
         if (S.type === "success" && S.agentTask) {
           l.current.add(
             S.agentTask.id
-          ), n((C) => [
-            ...C.filter((E) => E.taskKey !== u),
+          ), n((w) => [
+            ...w.filter((C) => C.taskKey !== u),
             {
               taskKey: u,
               streamId: y.stream.id,
@@ -516,10 +516,10 @@ const Ae = (e) => {
               }
             }
           ]);
-          const k = await new Promise((C) => {
+          const k = await new Promise((w) => {
             c.current.set(
               S.agentTask.id,
-              C
+              w
             );
           });
           return {
@@ -531,7 +531,7 @@ const Ae = (e) => {
         } else {
           if (S.type === "error")
             return n((k) => [
-              ...k.filter((C) => C.taskKey !== u),
+              ...k.filter((w) => w.taskKey !== u),
               {
                 taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -552,8 +552,8 @@ const Ae = (e) => {
               message: "No response received",
               code: "UnknownError"
             };
-            return n((C) => [
-              ...C.filter((E) => E.taskKey !== u),
+            return n((w) => [
+              ...w.filter((C) => C.taskKey !== u),
               {
                 taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -603,7 +603,7 @@ function ze(e) {
     };
   });
 }
-function w({
+function E({
   text: e,
   duration: r = 2,
   delay: t = 0,
@@ -618,7 +618,7 @@ function w({
   shimmerColor: u = "#000",
   direction: y = "fromBottom"
 }) {
-  const f = F(null), p = ye(f, { once: d, margin: m }), x = D(() => e.length * o, [e, o]), h = !s || p, S = y === "fromBottom" ? "100% center" : "-100% center", k = y === "fromBottom" ? "0% center" : "200% center";
+  const f = F(null), g = ye(f, { once: d, margin: m }), x = D(() => e.length * o, [e, o]), h = !s || g, S = y === "fromBottom" ? "100% center" : "-100% center", k = y === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
     b.span,
     {
@@ -727,7 +727,7 @@ const Ne = ({ progressViewItems: e, t: r }) => {
           children: n
         }
       ) : /* @__PURE__ */ i(
-        w,
+        E,
         {
           text: n,
           className: "simple-mode-title",
@@ -901,9 +901,9 @@ const Ne = ({ progressViewItems: e, t: r }) => {
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
     children: /* @__PURE__ */ i(
-      ge,
+      pe,
       {
-        remarkPlugins: [pe],
+        remarkPlugins: [ge],
         components: {
           code(r) {
             const { children: t, className: n, node: l, ref: c, ...s } = r, d = /language-(\w+)/.exec(n || "");
@@ -1079,11 +1079,11 @@ function Q(e, r) {
   return t.join(", ");
 }
 const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
-  const [l, c] = v(!1), d = (e.memories ?? []).map((h) => h.memoryTitle), m = d.length > 0, o = m && d.length > W, a = o && !l ? d.slice(0, W) : d, u = d.length - W, y = !o || l, f = `${n.searchingFor}'${e.queryDescription}'`, p = m ? `${n.searchingIn}${Q(
+  const [l, c] = v(!1), d = (e.memories ?? []).map((h) => h.memoryTitle), m = d.length > 0, o = m && d.length > W, a = o && !l ? d.slice(0, W) : d, u = d.length - W, y = !o || l, f = `${n.searchingFor}'${e.queryDescription}'`, g = m ? `${n.searchingIn}${Q(
     a,
     y ? n.and : void 0
-  )}` : "", x = m ? `${f}${p}` : `${n.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: [
+  )}` : "", x = m ? `${f}${g}` : `${n.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1092,7 +1092,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: r && !t && !o ? /* @__PURE__ */ i(
-          w,
+          E,
           {
             text: x,
             duration: 2.5,
@@ -1100,17 +1100,17 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ g(I, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ g(I, { children: [
+        ) : /* @__PURE__ */ p(I, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ p(I, { children: [
             n.searchingFor,
-            /* @__PURE__ */ g("span", { style: { fontWeight: 600 }, children: [
+            /* @__PURE__ */ p("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            p
+            g
           ] }) : `${n.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ g(I, { children: [
+          o && !l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1134,7 +1134,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ g(I, { children: [
+          o && l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1177,7 +1177,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
     o,
     u ? n.and : void 0
   )}` : n.findingMemories;
-  return /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1188,7 +1188,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: r && !t && !m ? /* @__PURE__ */ i(
-          w,
+          E,
           {
             text: y,
             duration: 2.5,
@@ -1196,9 +1196,9 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ g(I, { children: [
+        ) : /* @__PURE__ */ p(I, { children: [
           /* @__PURE__ */ i("span", { style: { color: "#666" }, children: y }),
-          m && !l && /* @__PURE__ */ g(I, { children: [
+          m && !l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1222,7 +1222,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
               }
             )
           ] }),
-          m && l && /* @__PURE__ */ g(I, { children: [
+          m && l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1272,9 +1272,9 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ g(I, { children: [
+      children: /* @__PURE__ */ p(I, { children: [
         /* @__PURE__ */ i("span", { style: { color: "#666" }, children: y }),
-        d && !t && /* @__PURE__ */ g(I, { children: [
+        d && !t && /* @__PURE__ */ p(I, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1298,7 +1298,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
             }
           )
         ] }),
-        d && t && /* @__PURE__ */ g(I, { children: [
+        d && t && /* @__PURE__ */ p(I, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1325,7 +1325,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
   ) });
 }, Qe = ({ isLatest: e = !1, durationSeconds: r, t }) => {
   const n = t.addingSources;
-  return /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1339,7 +1339,7 @@ const W = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: e && !r ? /* @__PURE__ */ i(
-          w,
+          E,
           {
             text: n,
             duration: 2.5,
@@ -1378,7 +1378,7 @@ function Ue(e, r) {
 }
 const je = ({ data: e, onSourceClick: r, t }) => {
   const [n, l] = v(null);
-  return /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1418,7 +1418,7 @@ const je = ({ data: e, onSourceClick: r, t }) => {
   t: c
 }) => {
   const [s, d] = v(!1), m = !!l, o = t === e.memoryId, a = e.pageNumbers ?? [], u = Ue(a, c);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     b.div,
     {
       "aria-busy": o,
@@ -1455,7 +1455,7 @@ const je = ({ data: e, onSourceClick: r, t }) => {
         pointerEvents: o ? "none" : void 0
       },
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ p(
           "span",
           {
             style: {
@@ -1514,7 +1514,7 @@ const je = ({ data: e, onSourceClick: r, t }) => {
     height: n,
     backgroundColor: e
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     "span",
     {
       style: {
@@ -1559,7 +1559,7 @@ function Ve({
   t
 }) {
   const [n, l] = v(!1), c = e.result ?? e.error, s = c != null && c.length > X, d = c != null ? n || !s ? c : `${c.slice(0, X)}...` : void 0, m = s, o = e.error != null;
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -1591,7 +1591,7 @@ function Ve({
             children: /* @__PURE__ */ i(Ke, { memory: e, completed: r })
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1664,33 +1664,90 @@ function Ye(e, r) {
 }
 const Ze = ({ data: e, t: r }) => {
   const [t, n] = v(!1), l = e.chunks.length, c = l > 0;
-  return /* @__PURE__ */ g("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ p("div", { style: { padding: "8px 10px" }, children: [
+    /* @__PURE__ */ p(
       b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.25 },
         onClick: c ? () => n((s) => !s) : void 0,
+        role: c ? "button" : void 0,
+        tabIndex: c ? 0 : void 0,
+        onKeyDown: c ? (s) => {
+          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), n((d) => !d));
+        } : void 0,
         style: {
-          paddingBottom: t ? "12px" : 0,
+          paddingBottom: t ? "10px" : 0,
           borderBottom: t ? "1px solid #eee" : void 0,
           display: "flex",
-          flexDirection: "column",
-          gap: "4px",
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
           minWidth: 0,
           cursor: c ? "pointer" : "default"
         },
         children: [
-          /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: Ye(l, r) }),
+          /* @__PURE__ */ p(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "row",
+                alignItems: "center",
+                flexWrap: "wrap",
+                gap: "0 8px",
+                flex: "1 1 auto",
+                minWidth: 0
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 13,
+                      fontWeight: 600,
+                      color: "#333",
+                      wordBreak: "break-word"
+                    },
+                    children: e.memoryTitle
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 13,
+                      color: "#9ca3af",
+                      flexShrink: 0
+                    },
+                    "aria-hidden": !0,
+                    children: "·"
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 12,
+                      color: "#666",
+                      flexShrink: 0
+                    },
+                    children: Ye(l, r)
+                  }
+                )
+              ]
+            }
+          ),
           c && /* @__PURE__ */ i(
             "span",
             {
               style: {
                 fontSize: 11,
                 color: "#999",
-                marginTop: 2
+                flexShrink: 0,
+                whiteSpace: "nowrap"
               },
               children: t ? r.clickToCollapse : r.clickToExpand
             }
@@ -1714,7 +1771,7 @@ const Ze = ({ data: e, t: r }) => {
         },
         children: e.chunks.map((s, d) => {
           const m = s.pageNumbers ?? [], o = Je(m, r);
-          return /* @__PURE__ */ g(
+          return /* @__PURE__ */ p(
             "div",
             {
               style: {
@@ -1737,7 +1794,7 @@ const Ze = ({ data: e, t: r }) => {
                     children: s.content
                   }
                 ),
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -1777,7 +1834,7 @@ function nr({
   showShimmerForPrimary: t
 }) {
   const n = e.result != null, l = e.error != null, c = rr(e, r);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -1807,7 +1864,7 @@ function nr({
             children: /* @__PURE__ */ i(er, { item: e })
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1819,7 +1876,7 @@ function nr({
             },
             children: [
               /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !n && !l && t ? /* @__PURE__ */ i(
-                w,
+                E,
                 {
                   text: c,
                   duration: 2.5,
@@ -1859,9 +1916,9 @@ const tr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
       s.result == null && s.error == null && (c = d);
     }), c;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ g("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: n.searchingMemoryTypes,
         duration: 2.5,
@@ -1918,13 +1975,13 @@ function cr({
 }) {
   const n = ar(e), l = sr(e), c = e.reasoning, s = c != null && c.length > 0, d = F(null), [m, o] = v(!1), a = n && t, u = l === 2 && t && !O(e);
   A(() => {
-    const p = d.current;
-    p != null && l === 1 && s && (p.scrollTop = p.scrollHeight);
+    const g = d.current;
+    g != null && l === 1 && s && (g.scrollTop = g.scrollHeight);
   }, [c, l, s]);
   const y = T(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   }), f = !n && l === 3;
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -1955,7 +2012,7 @@ function cr({
             children: /* @__PURE__ */ i(lr, { phase: n ? 1 : l })
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1967,7 +2024,7 @@ function cr({
             },
             children: [
               /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: a ? /* @__PURE__ */ i(
-                w,
+                E,
                 {
                   text: y,
                   duration: 2.5,
@@ -1976,7 +2033,7 @@ function cr({
                   shimmerColor: "#000"
                 }
               ) : e.memoryTypeName }),
-              l === 1 && s && !O(e) && /* @__PURE__ */ g("div", { style: { minWidth: 0 }, children: [
+              l === 1 && s && !O(e) && /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
                 /* @__PURE__ */ i(
                   "span",
                   {
@@ -2023,7 +2080,7 @@ function cr({
                 )
               ] }),
               l === 2 && u && /* @__PURE__ */ i("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ i(
-                w,
+                E,
                 {
                   text: r.memorySearchGeneratingQueriesPending,
                   duration: 2.5,
@@ -2032,8 +2089,8 @@ function cr({
                   shimmerColor: "#000"
                 }
               ) }),
-              l === 3 && /* @__PURE__ */ g(I, { children: [
-                /* @__PURE__ */ g("div", { style: { minWidth: 0 }, children: [
+              l === 3 && /* @__PURE__ */ p(I, { children: [
+                /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
                   /* @__PURE__ */ i(
                     "span",
                     {
@@ -2055,7 +2112,7 @@ function cr({
                         flexDirection: "column",
                         gap: 6
                       },
-                      children: e.queries.map((p, x) => /* @__PURE__ */ i(
+                      children: e.queries.map((g, x) => /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2064,19 +2121,19 @@ function cr({
                             lineHeight: 1.5,
                             wordBreak: "break-word"
                           },
-                          children: p.query
+                          children: g.query
                         },
                         x
                       ))
                     }
                   )
                 ] }),
-                s && /* @__PURE__ */ g(I, { children: [
+                s && /* @__PURE__ */ p(I, { children: [
                   /* @__PURE__ */ i(
                     "button",
                     {
                       type: "button",
-                      onClick: () => o((p) => !p),
+                      onClick: () => o((g) => !g),
                       style: {
                         alignSelf: "flex-start",
                         border: "none",
@@ -2122,9 +2179,9 @@ const dr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
       O(s) || (c = d);
     }), c;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ g("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: n.memorySearchGeneratingQueries,
         duration: 2.5,
@@ -2211,12 +2268,12 @@ function ie(e) {
 function yr(e) {
   return e.some((n) => n.result == null && n.error == null) ? /* @__PURE__ */ i("span", { className: "explore-memory-loader" }) : e.some((n) => n.error != null) ? /* @__PURE__ */ i(U, { color: "#c62828", size: 15, lineWidth: 2 }) : /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 });
 }
-function gr(e, r) {
+function pr(e, r) {
   if (e.error != null)
     return /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#c62828", whiteSpace: "nowrap" }, children: e.error });
   if (e.result == null)
     return /* @__PURE__ */ i("span", { style: { flexShrink: 0, fontSize: 12 }, children: /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: r.searching,
         duration: 2.5,
@@ -2228,13 +2285,13 @@ function gr(e, r) {
   const t = e.result, n = t.numberOfChunks === 1 ? r.chunkFound : T(r.chunksFound, { n: t.numberOfChunks }), l = T(r.scoreLabel, {
     n: t.highestChunkScore.toFixed(2)
   });
-  return /* @__PURE__ */ g("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
+  return /* @__PURE__ */ p("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
     n,
     " · ",
     l
   ] });
 }
-function pr({
+function gr({
   items: e,
   queryRow: r,
   onExploreQueryResultClick: t,
@@ -2283,8 +2340,8 @@ function pr({
           memoryTypeId: r.memoryTypeId,
           memoryTypeName: r.memoryTypeName,
           query: r.query
-        }, f = `${r.query}::${d.memoryId}::${m}`, p = l === f;
-        return /* @__PURE__ */ g(
+        }, f = `${r.query}::${d.memoryId}::${m}`, g = l === f;
+        return /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2298,7 +2355,7 @@ function pr({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ p(
                 "div",
                 {
                   style: {
@@ -2350,12 +2407,12 @@ function pr({
                   ]
                 }
               ),
-              s && /* @__PURE__ */ g(
+              s && /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
-                  "aria-busy": p,
-                  disabled: p,
+                  "aria-busy": g,
+                  disabled: g,
                   onClick: async () => {
                     c(f);
                     try {
@@ -2376,14 +2433,14 @@ function pr({
                     background: "#eff6ff",
                     border: "1px solid #bfdbfe",
                     borderRadius: 6,
-                    cursor: p ? "wait" : "pointer",
+                    cursor: g ? "wait" : "pointer",
                     fontFamily: "inherit",
                     display: "inline-flex",
                     alignItems: "center",
                     gap: 8
                   },
                   children: [
-                    p && /* @__PURE__ */ i(
+                    g && /* @__PURE__ */ i(
                       "span",
                       {
                         className: "explore-memory-loader explore-memory-loader--callback",
@@ -2425,7 +2482,7 @@ function fr({
   const d = e.items.map((o) => o.item), m = d.some(
     (o) => o.result == null && o.error == null
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -2456,7 +2513,7 @@ function fr({
             children: yr(d)
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2481,8 +2538,8 @@ function fr({
               ),
               e.items.map(({ item: o, flatIndex: a }) => {
                 var h;
-                const u = o.result != null, y = o.error != null, f = a === t && n && !u && !y, p = l[a] === !0, x = ((h = o.result) == null ? void 0 : h.items) ?? [];
-                return /* @__PURE__ */ g(
+                const u = o.result != null, y = o.error != null, f = a === t && n && !u && !y, g = l[a] === !0, x = ((h = o.result) == null ? void 0 : h.items) ?? [];
+                return /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -2492,7 +2549,7 @@ function fr({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ g(
+                      /* @__PURE__ */ p(
                         "div",
                         {
                           style: {
@@ -2516,7 +2573,7 @@ function fr({
                                   minWidth: 0
                                 },
                                 children: f ? /* @__PURE__ */ i(
-                                  w,
+                                  E,
                                   {
                                     text: o.query,
                                     duration: 2.5,
@@ -2527,7 +2584,7 @@ function fr({
                                 ) : o.query
                               }
                             ),
-                            /* @__PURE__ */ g(
+                            /* @__PURE__ */ p(
                               "div",
                               {
                                 style: {
@@ -2538,7 +2595,7 @@ function fr({
                                   flexShrink: 0
                                 },
                                 children: [
-                                  gr(o, r),
+                                  pr(o, r),
                                   u && /* @__PURE__ */ i(
                                     "button",
                                     {
@@ -2554,7 +2611,7 @@ function fr({
                                         textDecoration: "underline",
                                         fontFamily: "inherit"
                                       },
-                                      children: p ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
+                                      children: g ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
                                     }
                                   )
                                 ]
@@ -2563,8 +2620,8 @@ function fr({
                           ]
                         }
                       ),
-                      u && p && /* @__PURE__ */ i(
-                        pr,
+                      u && g && /* @__PURE__ */ i(
+                        gr,
                         {
                           items: x,
                           queryRow: o,
@@ -2607,9 +2664,9 @@ const Sr = ({
     () => hr(e.queries),
     [e.queries]
   );
-  return /* @__PURE__ */ g("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !t && e.queries.length === 0 ? /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: l.memorySearchExploringQueries,
         duration: 2.5,
@@ -2645,7 +2702,7 @@ const Sr = ({
   ] });
 }, xr = ({ data: e, onSearchResultClick: r, t }) => {
   const n = e.response.items, l = !!r, [c, s] = v(null);
-  return /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -2686,8 +2743,8 @@ const Sr = ({
             memoryTypeId: d.memoryTypeId,
             memoryTypeName: d.memoryTypeName,
             pageNumbers: a
-          }, f = `${d.memoryId}-${m}`, p = c === f;
-          return /* @__PURE__ */ g(
+          }, f = `${d.memoryId}-${m}`, g = c === f;
+          return /* @__PURE__ */ p(
             b.div,
             {
               initial: { opacity: 0 },
@@ -2704,7 +2761,7 @@ const Sr = ({
                 minWidth: 0
               },
               children: [
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -2754,12 +2811,12 @@ const Sr = ({
                     ]
                   }
                 ),
-                l && /* @__PURE__ */ g(
+                l && /* @__PURE__ */ p(
                   "button",
                   {
                     type: "button",
-                    "aria-busy": p,
-                    disabled: p,
+                    "aria-busy": g,
+                    disabled: g,
                     onClick: async () => {
                       s(f);
                       try {
@@ -2778,14 +2835,14 @@ const Sr = ({
                       background: "#eff6ff",
                       border: "1px solid #bfdbfe",
                       borderRadius: 6,
-                      cursor: p ? "wait" : "pointer",
+                      cursor: g ? "wait" : "pointer",
                       fontFamily: "inherit",
                       display: "inline-flex",
                       alignItems: "center",
                       gap: 8
                     },
                     children: [
-                      p && /* @__PURE__ */ i(
+                      g && /* @__PURE__ */ i(
                         "span",
                         {
                           className: "explore-memory-loader explore-memory-loader--callback",
@@ -2958,7 +3015,7 @@ const Sr = ({
   };
   if (e.length === 0)
     return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: r ?? t.processingYourTask,
         duration: 1.5,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.164",
+  "version": "0.1.165",
   "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.164",
+    "@fencyai/js": "^0.1.165",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
     "@types/node": "^20.10.5",
@@ -53,7 +53,7 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.164",
+    "@fencyai/js": "^0.1.165",
     "motion": "^11.15.0 || ^12.0.0",
     "react": ">=16.8.0",
     "react-markdown": "^10.1.0",
@@ -66,5 +66,5 @@
       "optional": false
     }
   },
-  "gitHead": "bae046f95d03b8be8039841816c426a46a64f82e"
+  "gitHead": "aa9ef6872bd6d940f1785097584e61a648072522"
 }