@fencyai/react 0.1.158 → 0.1.160

package/dist/index.js

@@ -1,10 +1,10 @@
-import { jsxs as y, jsx as i, Fragment as E } from "react/jsx-runtime";
+import { jsxs as p, jsx as i, Fragment as E } from "react/jsx-runtime";
 import { createStream as ie, isStreamTimeoutEvent as ae, isStreamNotFoundEvent as se, isAgentTaskProgressItemUpdatedEvent as le, createAgentTask as ce } from "@fencyai/js";
 import { createContext as de, useState as b, useRef as A, useEffect as M, useCallback as G, useContext as me, useMemo as D } from "react";
 import { useInView as ue, motion as T, AnimatePresence as X } from "motion/react";
-import pe from "react-markdown";
+import ye from "react-markdown";
 import { Prism as J } from "react-syntax-highlighter";
-import ye from "remark-gfm";
+import pe from "remark-gfm";
 import './assets/index.css';const Y = de(
   void 0
 );
@@ -94,14 +94,14 @@ function ke(e, r) {
   return new Promise((u, g) => {
     const f = Object.assign({}, t);
     f.accept || (f.accept = _);
-    let p;
+    let y;
     function S() {
-      p.abort(), document.hidden || R();
+      y.abort(), document.hidden || R();
     }
     m || document.addEventListener("visibilitychange", S);
     let h = Te, k = 0;
     function v() {
-      document.removeEventListener("visibilitychange", S), window.clearTimeout(k), p.abort();
+      document.removeEventListener("visibilitychange", S), window.clearTimeout(k), y.abort();
     }
     n == null || n.addEventListener("abort", () => {
       v(), u();
@@ -109,16 +109,16 @@ function ke(e, r) {
     const F = o ?? window.fetch, w = l ?? be;
     async function R() {
       var L;
-      p = new AbortController();
+      y = new AbortController();
       try {
-        const P = await F(e, Object.assign(Object.assign({}, a), { headers: f, signal: p.signal }));
+        const P = await F(e, Object.assign(Object.assign({}, a), { headers: f, signal: y.signal }));
         await w(P), await ge(P.body, he(fe((I) => {
           I ? f[U] = I : delete f[U];
         }, (I) => {
           h = I;
         }, c))), s == null || s(), v(), u();
       } catch (P) {
-        if (!p.signal.aborted)
+        if (!y.signal.aborted)
           try {
             const I = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : h;
             window.clearTimeout(k), k = window.setTimeout(R, I);
@@ -266,18 +266,18 @@ function Ir({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
     [t, o]
   );
   if (d)
-    return /* @__PURE__ */ y("div", { children: [
+    return /* @__PURE__ */ p("div", { children: [
       "Fency error: ",
       d.message
     ] });
   if (!t)
     return null;
-  const p = o.length > 0 ? o[o.length - 1] : null, S = {
+  const y = o.length > 0 ? o[o.length - 1] : null, S = {
     fency: t,
     loading: c,
     error: d,
     activeStreams: o,
-    latestStream: p,
+    latestStream: y,
     eventManager: g.current,
     getOrCreateStream: f
   };
@@ -374,7 +374,7 @@ const Ie = (e) => {
       var g;
       if (!l.current.has(o.agentTaskId)) return;
       const a = o.data;
-      if (a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed" || a.taskType === "MemoryChatCompletion" && a.eventType === "Completed" || a.taskType === "MemorySearch" && a.eventType === "Completed") {
+      if (a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed" || a.taskType === "MemoryChat" && a.eventType === "Completed" || a.taskType === "MemorySearch" && a.eventType === "Completed") {
         const f = a.taskType === "MemorySearch" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed";
         t(
           f ? (S) => S.map((h) => {
@@ -398,23 +398,23 @@ const Ie = (e) => {
             }
           )
         );
-        const p = c.current.get(
+        const y = c.current.get(
           o.agentTaskId
         );
-        p && (c.current.delete(o.agentTaskId), p(a));
+        y && (c.current.delete(o.agentTaskId), y(a));
         return;
       }
       (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), t(
-        (f) => f.map((p) => {
+        (f) => f.map((y) => {
           var k;
-          if (((k = p.confirmedData) == null ? void 0 : k.taskId) !== o.agentTaskId)
-            return p;
-          const h = p.progressItems.some(
+          if (((k = y.confirmedData) == null ? void 0 : k.taskId) !== o.agentTaskId)
+            return y;
+          const h = y.progressItems.some(
             (v) => v.progressItemId === o.progressItemId
-          ) ? p.progressItems.map(
+          ) ? y.progressItems.map(
             (v) => v.progressItemId === o.progressItemId ? o : v
-          ) : [...p.progressItems, o];
-          return { ...p, progressItems: h };
+          ) : [...y.progressItems, o];
+          return { ...y, progressItems: h };
         })
       );
     },
@@ -458,7 +458,7 @@ const Ie = (e) => {
             loadingText: a == null ? void 0 : a.loadingText
           }
         ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(o.type), p = await ce({
+        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(o.type), y = await ce({
           pk: r.fency.publishableKey,
           baseUrl: r.fency.baseUrl,
           clientToken: f,
@@ -473,7 +473,7 @@ const Ie = (e) => {
               jsonSchema: o.jsonSchema,
               model: o.model
             } : void 0,
-            memoryChatCompletionTask: o.type === "MemoryChatCompletion" ? {
+            memoryChatTask: o.type === "MemoryChat" ? {
               messages: o.messages,
               model: o.model,
               language: o.language ?? "en",
@@ -492,42 +492,42 @@ const Ie = (e) => {
             } : void 0
           }
         });
-        if (p.type === "success" && p.agentTask) {
+        if (y.type === "success" && y.agentTask) {
           l.current.add(
-            p.agentTask.id
+            y.agentTask.id
           ), t((h) => [
             ...h.filter((k) => k.taskKey !== u),
             {
               taskKey: u,
               streamId: g.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: p.agentTask.id,
-              createdAt: p.agentTask.createdAt,
+              taskId: y.agentTask.id,
+              createdAt: y.agentTask.createdAt,
               error: null,
               params: o,
               progressItems: [],
               loading: !0,
               loadingText: a == null ? void 0 : a.loadingText,
               confirmedData: {
-                taskId: p.agentTask.id,
-                createdAt: p.agentTask.createdAt
+                taskId: y.agentTask.id,
+                createdAt: y.agentTask.createdAt
               }
             }
           ]);
           const S = await new Promise((h) => {
             c.current.set(
-              p.agentTask.id,
+              y.agentTask.id,
               h
             );
           });
           return {
             type: "success",
             streamId: g.stream.id,
-            agentTaskId: p.agentTask.id,
+            agentTaskId: y.agentTask.id,
             response: S
           };
         } else {
-          if (p.type === "error")
+          if (y.type === "error")
             return t((S) => [
               ...S.filter((h) => h.taskKey !== u),
               {
@@ -535,7 +535,7 @@ const Ie = (e) => {
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: g.stream.id,
                 params: o,
-                error: p.error,
+                error: y.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: a == null ? void 0 : a.loadingText,
@@ -543,7 +543,7 @@ const Ie = (e) => {
               }
             ]), {
               type: "error",
-              error: p.error
+              error: y.error
             };
           {
             const S = {
@@ -616,7 +616,7 @@ function C({
   shimmerColor: u = "#000",
   direction: g = "fromBottom"
 }) {
-  const f = A(null), p = ue(f, { once: d, margin: m }), S = D(() => e.length * o, [e, o]), h = !s || p, k = g === "fromBottom" ? "100% center" : "-100% center", v = g === "fromBottom" ? "0% center" : "200% center";
+  const f = A(null), y = ue(f, { once: d, margin: m }), S = D(() => e.length * o, [e, o]), h = !s || y, k = g === "fromBottom" ? "100% center" : "-100% center", v = g === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
     T.span,
     {
@@ -683,7 +683,7 @@ function Le(e, r) {
       case "Completed":
         return r.completed;
     }
-  if (n.taskType === "MemoryChatCompletion")
+  if (n.taskType === "MemoryChat")
     switch (n.eventType) {
       case "Text":
         return r.streaming;
@@ -899,9 +899,9 @@ const ze = ({ progressViewItems: e, t: r }) => {
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
     children: /* @__PURE__ */ i(
-      pe,
+      ye,
       {
-        remarkPlugins: [ye],
+        remarkPlugins: [pe],
         components: {
           code(r) {
             const { children: n, className: t, node: l, ref: c, ...s } = r, d = /language-(\w+)/.exec(t || "");
@@ -939,7 +939,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
       children: /* @__PURE__ */ i(J, { language: "json", style: ee, PreTag: "div", children: r })
     }
   ) });
-}, Be = {
+}, Ne = {
   en: {
     error: "Error",
     streaming: "Streaming...",
@@ -1059,8 +1059,8 @@ const ze = ({ progressViewItems: e, t: r }) => {
     memorySearchExploreNoResults: "Ingen resultater funnet"
   }
 };
-function Ne(e) {
-  return Be[e];
+function Be(e) {
+  return Ne[e];
 }
 function x(e, r) {
   return Object.entries(r).reduce(
@@ -1077,11 +1077,11 @@ function Q(e, r) {
   return n.join(", ");
 }
 const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
-  const [l, c] = b(!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, g = !o || l, f = `${t.searchingFor}'${e.queryDescription}'`, p = m ? `${t.searchingIn}${Q(
+  const [l, c] = b(!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, g = !o || l, f = `${t.searchingFor}'${e.queryDescription}'`, y = m ? `${t.searchingIn}${Q(
     a,
     g ? t.and : void 0
-  )}` : "", S = m ? `${f}${p}` : `${t.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  )}` : "", S = m ? `${f}${y}` : `${t.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       T.div,
       {
@@ -1098,17 +1098,17 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ y(E, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ y(E, { children: [
+        ) : /* @__PURE__ */ p(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ p(E, { children: [
             t.searchingFor,
-            /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
+            /* @__PURE__ */ p("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            p
+            y
           ] }) : `${t.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ y(E, { children: [
+          o && !l && /* @__PURE__ */ p(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1132,7 +1132,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ y(E, { children: [
+          o && l && /* @__PURE__ */ p(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1175,7 +1175,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
     o,
     u ? t.and : void 0
   )}` : t.findingMemories;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       T.div,
       {
@@ -1194,9 +1194,9 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ y(E, { children: [
+        ) : /* @__PURE__ */ p(E, { children: [
           /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-          m && !l && /* @__PURE__ */ y(E, { children: [
+          m && !l && /* @__PURE__ */ p(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1220,7 +1220,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
               }
             )
           ] }),
-          m && l && /* @__PURE__ */ y(E, { children: [
+          m && l && /* @__PURE__ */ p(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1270,9 +1270,9 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ y(E, { children: [
+      children: /* @__PURE__ */ p(E, { children: [
         /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-        d && !n && /* @__PURE__ */ y(E, { children: [
+        d && !n && /* @__PURE__ */ p(E, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1296,7 +1296,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             }
           )
         ] }),
-        d && n && /* @__PURE__ */ y(E, { children: [
+        d && n && /* @__PURE__ */ p(E, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1323,7 +1323,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
   ) });
 }, _e = ({ isLatest: e = !1, durationSeconds: r, t: n }) => {
   const t = n.addingSources;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       T.div,
       {
@@ -1376,7 +1376,7 @@ function Ge(e, r) {
 }
 const Qe = ({ data: e, onSourceClick: r, t: n }) => {
   const [t, l] = b(null);
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       T.div,
       {
@@ -1416,7 +1416,7 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
   t: c
 }) => {
   const [s, d] = b(!1), m = !!l, o = n === e.memoryId, a = e.pageNumbers ?? [], u = Ge(a, c);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     T.div,
     {
       "aria-busy": o,
@@ -1428,6 +1428,9 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
         try {
           await l({
             memoryId: e.memoryId,
+            memoryTitle: e.memoryTitle,
+            memoryTypeId: e.memoryTypeId,
+            memoryTypeName: e.memoryTypeName,
             pageNumbers: [...a]
           });
         } finally {
@@ -1450,7 +1453,7 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
         pointerEvents: o ? "none" : void 0
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "span",
           {
             style: {
@@ -1462,7 +1465,13 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
               gap: 8
             },
             children: [
-              o && /* @__PURE__ */ i("span", { className: "explore-memory-loader", "aria-hidden": !0 }),
+              o && /* @__PURE__ */ i(
+                "span",
+                {
+                  className: "explore-memory-loader explore-memory-loader--callback",
+                  "aria-hidden": !0
+                }
+              ),
               e.memoryTitle
             ]
           }
@@ -1503,7 +1512,7 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
     height: t,
     backgroundColor: e
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     "span",
     {
       style: {
@@ -1548,7 +1557,7 @@ function Ue({
   t: n
 }) {
   const [t, l] = b(!1), c = e.result ?? e.error, s = c != null && c.length > V, d = c != null ? t || !s ? c : `${c.slice(0, V)}...` : void 0, m = s, o = e.error != null;
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     T.div,
     {
       initial: { opacity: 0 },
@@ -1580,7 +1589,7 @@ function Ue({
             children: /* @__PURE__ */ i(qe, { memory: e, completed: r })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1653,8 +1662,8 @@ function Xe(e, r) {
 }
 const Je = ({ data: e, t: r }) => {
   const [n, t] = b(!1), l = e.chunks.length, c = l > 0;
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ y(
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
+    /* @__PURE__ */ p(
       T.div,
       {
         initial: { opacity: 0 },
@@ -1703,7 +1712,7 @@ const Je = ({ data: e, t: r }) => {
         },
         children: e.chunks.map((s, d) => {
           const m = s.pageNumbers ?? [], o = Ve(m, r);
-          return /* @__PURE__ */ y(
+          return /* @__PURE__ */ p(
             "div",
             {
               style: {
@@ -1726,7 +1735,7 @@ const Je = ({ data: e, t: r }) => {
                     children: s.content
                   }
                 ),
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -1766,7 +1775,7 @@ function er({
   showShimmerForPrimary: n
 }) {
   const t = e.result != null, l = e.error != null, c = Ze(e, r);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     T.div,
     {
       initial: { opacity: 0 },
@@ -1796,7 +1805,7 @@ function er({
             children: /* @__PURE__ */ i(Ye, { item: e })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1848,7 +1857,7 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       s.result == null && s.error == null && (c = d);
     }), c;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
       C,
       {
@@ -1880,10 +1889,10 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       }
     )
   ] });
-}, B = 12, N = 1.45, nr = Math.ceil(
-  B * N
+}, N = 12, B = 1.45, nr = Math.ceil(
+  N * B
 ), tr = Math.ceil(
-  5 * B * N
+  5 * N * B
 );
 function O(e) {
   return e.queries != null && e.queries.length > 0;
@@ -1907,13 +1916,13 @@ function sr({
 }) {
   const t = or(e), l = ir(e), c = e.reasoning, s = c != null && c.length > 0, d = A(null), [m, o] = b(!1), a = t && n, u = l === 2 && n && !O(e);
   M(() => {
-    const p = d.current;
-    p != null && l === 1 && s && (p.scrollTop = p.scrollHeight);
+    const y = d.current;
+    y != null && l === 1 && s && (y.scrollTop = y.scrollHeight);
   }, [c, l, s]);
   const g = x(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   }), f = !t && l === 3;
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     T.div,
     {
       initial: { opacity: 0 },
@@ -1944,7 +1953,7 @@ function sr({
             children: /* @__PURE__ */ i(ar, { phase: t ? 1 : l })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1965,7 +1974,7 @@ function sr({
                   shimmerColor: "#000"
                 }
               ) : e.memoryTypeName }),
-              l === 1 && s && !O(e) && /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+              l === 1 && s && !O(e) && /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
                 /* @__PURE__ */ i(
                   "span",
                   {
@@ -1999,8 +2008,8 @@ function sr({
                           height: "auto",
                           overflowY: "auto",
                           overflowX: "hidden",
-                          fontSize: B,
-                          lineHeight: N,
+                          fontSize: N,
+                          lineHeight: B,
                           whiteSpace: "pre-wrap",
                           wordBreak: "break-word",
                           color: "#888"
@@ -2021,8 +2030,8 @@ function sr({
                   shimmerColor: "#000"
                 }
               ) }),
-              l === 3 && /* @__PURE__ */ y(E, { children: [
-                /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+              l === 3 && /* @__PURE__ */ p(E, { children: [
+                /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
                   /* @__PURE__ */ i(
                     "span",
                     {
@@ -2044,7 +2053,7 @@ function sr({
                         flexDirection: "column",
                         gap: 6
                       },
-                      children: e.queries.map((p, S) => /* @__PURE__ */ i(
+                      children: e.queries.map((y, S) => /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2053,19 +2062,19 @@ function sr({
                             lineHeight: 1.5,
                             wordBreak: "break-word"
                           },
-                          children: p.query
+                          children: y.query
                         },
                         S
                       ))
                     }
                   )
                 ] }),
-                s && /* @__PURE__ */ y(E, { children: [
+                s && /* @__PURE__ */ p(E, { children: [
                   /* @__PURE__ */ i(
                     "button",
                     {
                       type: "button",
-                      onClick: () => o((p) => !p),
+                      onClick: () => o((y) => !y),
                       style: {
                         alignSelf: "flex-start",
                         border: "none",
@@ -2083,8 +2092,8 @@ function sr({
                     "div",
                     {
                       style: {
-                        fontSize: B,
-                        lineHeight: N,
+                        fontSize: N,
+                        lineHeight: B,
                         whiteSpace: "pre-wrap",
                         wordBreak: "break-word",
                         color: "#888",
@@ -2111,7 +2120,7 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       O(s) || (c = d);
     }), c;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
       C,
       {
@@ -2217,13 +2226,13 @@ function ur(e, r) {
   const n = e.result, t = n.numberOfChunks === 1 ? r.chunkFound : x(r.chunksFound, { n: n.numberOfChunks }), l = x(r.scoreLabel, {
     n: n.highestChunkScore.toFixed(2)
   });
-  return /* @__PURE__ */ y("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
+  return /* @__PURE__ */ p("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
     t,
     " · ",
     l
   ] });
 }
-function pr({
+function yr({
   items: e,
   queryRow: r,
   onExploreQueryResultClick: n,
@@ -2255,24 +2264,25 @@ function pr({
         borderTop: "1px solid #f0f0f0"
       },
       children: e.map((d, m) => {
-        const o = d.memory.title != null && d.memory.title !== "" ? d.memory.title : d.memory.id, a = te(
+        const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = te(
           d.chunks
         ), u = [
-          oe(d.memory),
+          oe(d),
           x(t.scoreLabel, {
-            n: d.score.toFixed(2)
+            n: d.matchingChunkScore.toFixed(2)
           }),
           a.length > 0 ? ne(a, t) : t.pagesNotAvailable
         ].filter(
           (S) => S != null && S !== ""
         ), g = {
-          memoryId: d.memory.id,
+          memoryId: d.memoryId,
+          memoryTitle: d.memoryTitle,
           pageNumbers: a,
           memoryTypeId: r.memoryTypeId,
           memoryTypeName: r.memoryTypeName,
           query: r.query
-        }, f = `${r.query}::${d.memory.id}::${m}`, p = l === f;
-        return /* @__PURE__ */ y(
+        }, f = `${r.query}::${d.memoryId}::${m}`, y = l === f;
+        return /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2286,7 +2296,7 @@ function pr({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ y(
+              /* @__PURE__ */ p(
                 "div",
                 {
                   style: {
@@ -2338,12 +2348,12 @@ function pr({
                   ]
                 }
               ),
-              s && /* @__PURE__ */ y(
+              s && /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
-                  "aria-busy": p,
-                  disabled: p,
+                  "aria-busy": y,
+                  disabled: y,
                   onClick: async () => {
                     c(f);
                     try {
@@ -2364,17 +2374,17 @@ function pr({
                     background: "#eff6ff",
                     border: "1px solid #bfdbfe",
                     borderRadius: 6,
-                    cursor: p ? "wait" : "pointer",
+                    cursor: y ? "wait" : "pointer",
                     fontFamily: "inherit",
                     display: "inline-flex",
                     alignItems: "center",
                     gap: 8
                   },
                   children: [
-                    p && /* @__PURE__ */ i(
+                    y && /* @__PURE__ */ i(
                       "span",
                       {
-                        className: "explore-memory-loader",
+                        className: "explore-memory-loader explore-memory-loader--callback",
                         "aria-hidden": !0
                       }
                     ),
@@ -2384,13 +2394,13 @@ function pr({
               )
             ]
           },
-          `${d.memory.id}-${m}`
+          `${d.memoryId}-${m}`
         );
       })
     }
   );
 }
-function yr(e) {
+function pr(e) {
   const r = [], n = /* @__PURE__ */ new Map();
   return e.forEach((t, l) => {
     let c = n.get(t.memoryTypeId);
@@ -2413,7 +2423,7 @@ function gr({
   const d = e.items.map((o) => o.item), m = d.some(
     (o) => o.result == null && o.error == null
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     T.div,
     {
       initial: { opacity: 0 },
@@ -2444,7 +2454,7 @@ function gr({
             children: mr(d)
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2469,8 +2479,8 @@ function gr({
               ),
               e.items.map(({ item: o, flatIndex: a }) => {
                 var h;
-                const u = o.result != null, g = o.error != null, f = a === n && t && !u && !g, p = l[a] === !0, S = ((h = o.result) == null ? void 0 : h.items) ?? [];
-                return /* @__PURE__ */ y(
+                const u = o.result != null, g = o.error != null, f = a === n && t && !u && !g, y = l[a] === !0, S = ((h = o.result) == null ? void 0 : h.items) ?? [];
+                return /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -2480,7 +2490,7 @@ function gr({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ y(
+                      /* @__PURE__ */ p(
                         "div",
                         {
                           style: {
@@ -2515,7 +2525,7 @@ function gr({
                                 ) : o.query
                               }
                             ),
-                            /* @__PURE__ */ y(
+                            /* @__PURE__ */ p(
                               "div",
                               {
                                 style: {
@@ -2542,7 +2552,7 @@ function gr({
                                         textDecoration: "underline",
                                         fontFamily: "inherit"
                                       },
-                                      children: p ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
+                                      children: y ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
                                     }
                                   )
                                 ]
@@ -2551,8 +2561,8 @@ function gr({
                           ]
                         }
                       ),
-                      u && p && /* @__PURE__ */ i(
-                        pr,
+                      u && y && /* @__PURE__ */ i(
+                        yr,
                         {
                           items: S,
                           queryRow: o,
@@ -2592,10 +2602,10 @@ const hr = ({
       u.result == null && u.error == null && (a = g);
     }), a;
   }, [e.queries]), o = D(
-    () => yr(e.queries),
+    () => pr(e.queries),
     [e.queries]
   );
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !n && e.queries.length === 0 ? /* @__PURE__ */ i(
       C,
       {
@@ -2633,7 +2643,7 @@ const hr = ({
   ] });
 }, fr = ({ data: e, onSearchResultClick: r, t: n }) => {
   const t = e.response.items, l = !!r, [c, s] = b(null);
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       T.div,
       {
@@ -2658,21 +2668,24 @@ const hr = ({
           gap: 0
         },
         children: t.map((d, m) => {
-          const o = d.memory.title != null && d.memory.title !== "" ? d.memory.title : d.memory.id, a = te(
+          const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = te(
             d.chunks
           ), u = [
-            oe(d.memory),
+            oe(d),
             x(n.scoreLabel, {
-              n: d.score.toFixed(2)
+              n: d.matchingChunkScore.toFixed(2)
             }),
             a.length > 0 ? ne(a, n) : n.pagesNotAvailable
           ].filter(
             (S) => S != null && S !== ""
           ), g = {
-            memoryId: d.memory.id,
+            memoryId: d.memoryId,
+            memoryTitle: d.memoryTitle,
+            memoryTypeId: d.memoryTypeId,
+            memoryTypeName: d.memoryTypeName,
             pageNumbers: a
-          }, f = `${d.memory.id}-${m}`, p = c === f;
-          return /* @__PURE__ */ y(
+          }, f = `${d.memoryId}-${m}`, y = c === f;
+          return /* @__PURE__ */ p(
             T.div,
             {
               initial: { opacity: 0 },
@@ -2689,7 +2702,7 @@ const hr = ({
                 minWidth: 0
               },
               children: [
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -2739,12 +2752,12 @@ const hr = ({
                     ]
                   }
                 ),
-                l && /* @__PURE__ */ y(
+                l && /* @__PURE__ */ p(
                   "button",
                   {
                     type: "button",
-                    "aria-busy": p,
-                    disabled: p,
+                    "aria-busy": y,
+                    disabled: y,
                     onClick: async () => {
                       s(f);
                       try {
@@ -2763,17 +2776,17 @@ const hr = ({
                       background: "#eff6ff",
                       border: "1px solid #bfdbfe",
                       borderRadius: 6,
-                      cursor: p ? "wait" : "pointer",
+                      cursor: y ? "wait" : "pointer",
                       fontFamily: "inherit",
                       display: "inline-flex",
                       alignItems: "center",
                       gap: 8
                     },
                     children: [
-                      p && /* @__PURE__ */ i(
+                      y && /* @__PURE__ */ i(
                         "span",
                         {
-                          className: "explore-memory-loader",
+                          className: "explore-memory-loader explore-memory-loader--callback",
                           "aria-hidden": !0
                         }
                       ),
@@ -2783,7 +2796,7 @@ const hr = ({
                 )
               ]
             },
-            `${d.memory.id}-${m}`
+            `${d.memoryId}-${m}`
           );
         })
       }
@@ -2830,7 +2843,7 @@ const hr = ({
       return /* @__PURE__ */ i(K, { text: a.text });
     if (a.taskType === "StructuredChatCompletion" && a.eventType === "Completed")
       return /* @__PURE__ */ i(Oe, { data: a });
-    if (a.taskType === "MemoryChatCompletion")
+    if (a.taskType === "MemoryChat")
       switch (a.eventType) {
         case "Text":
           return /* @__PURE__ */ i(K, { text: a.text });
@@ -2955,8 +2968,8 @@ const hr = ({
     ) });
   const m = e.filter((o, a) => {
     const u = o.item.data;
-    return u.taskType === "MemoryChatCompletion" && u.eventType === "ExploreMemories" ? !e.slice(a + 1).some(
-      (h) => h.item.data.taskType === "MemoryChatCompletion" && h.item.data.eventType === "ExploreMemories"
+    return u.taskType === "MemoryChat" && u.eventType === "ExploreMemories" ? !e.slice(a + 1).some(
+      (h) => h.item.data.taskType === "MemoryChat" && h.item.data.eventType === "ExploreMemories"
     ) : u.taskType === "MemorySearch" && u.eventType === "GeneratingQueries" ? !e.slice(a + 1).some(
       (h) => h.item.data.taskType === "MemorySearch" && h.item.data.eventType === "GeneratingQueries"
     ) : u.taskType === "MemorySearch" && u.eventType === "ExploreQueries" ? !e.slice(a + 1).some(
@@ -2986,7 +2999,7 @@ const hr = ({
   onSearchResultClick: l,
   onExploreQueryResultClick: c
 }) => {
-  const s = De(e), d = (e.params.type === "MemoryChatCompletion" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", m = Ne(d);
+  const s = De(e), d = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", m = Be(d);
   return r === "simple" ? /* @__PURE__ */ i(
     ze,
     {