@fencyai/react 0.1.143 → 0.1.145

package/dist/index.js

@@ -1,78 +1,78 @@
-import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { createStream as G, isStreamTimeoutEvent as J, isStreamNotFoundEvent as V, isAgentTaskProgressItemUpdatedEvent as X, createAgentTask as Y } from "@fencyai/js";
-import { createContext as q, useState as C, useRef as A, useEffect as w, useCallback as _, useContext as Q, useMemo as $ } from "react";
-import { useInView as Z, motion as T, AnimatePresence as W } from "motion/react";
-import ee from "react-markdown";
-import { Prism as j } from "react-syntax-highlighter";
-import te from "remark-gfm";
-import './assets/index.css';const H = q(
+import { jsxs as y, jsx as i, Fragment as E } from "react/jsx-runtime";
+import { createStream as V, isStreamTimeoutEvent as Q, isStreamNotFoundEvent as Z, isAgentTaskProgressItemUpdatedEvent as ee, createAgentTask as te } from "@fencyai/js";
+import { createContext as ne, useState as x, useRef as I, useEffect as w, useCallback as H, useContext as re, useMemo as K } from "react";
+import { useInView as oe, motion as S, AnimatePresence as q } from "motion/react";
+import ie from "react-markdown";
+import { Prism as G } from "react-syntax-highlighter";
+import ae from "remark-gfm";
+import './assets/index.css';const X = ne(
   void 0
 );
-async function ne(e, t) {
+async function se(e, t) {
   const n = e.getReader();
   let r;
   for (; !(r = await n.read()).done; )
     t(r.value);
 }
-function re(e) {
-  let t, n, r, s = !1;
-  return function(o) {
-    t === void 0 ? (t = o, n = 0, r = -1) : t = ae(t, o);
-    const l = t.length;
-    let m = 0;
-    for (; n < l; ) {
-      s && (t[n] === 10 && (m = ++n), s = !1);
-      let a = -1;
-      for (; n < l && a === -1; ++n)
+function le(e) {
+  let t, n, r, l = !1;
+  return function(a) {
+    t === void 0 ? (t = a, n = 0, r = -1) : t = de(t, a);
+    const c = t.length;
+    let s = 0;
+    for (; n < c; ) {
+      l && (t[n] === 10 && (s = ++n), l = !1);
+      let o = -1;
+      for (; n < c && o === -1; ++n)
         switch (t[n]) {
           case 58:
-            r === -1 && (r = n - m);
+            r === -1 && (r = n - s);
             break;
           case 13:
-            s = !0;
+            l = !0;
           case 10:
-            a = n;
+            o = n;
             break;
         }
-      if (a === -1)
+      if (o === -1)
         break;
-      e(t.subarray(m, a), r), m = n, r = -1;
+      e(t.subarray(s, o), r), s = n, r = -1;
     }
-    m === l ? t = void 0 : m !== 0 && (t = t.subarray(m), n -= m);
+    s === c ? t = void 0 : s !== 0 && (t = t.subarray(s), n -= s);
   };
 }
-function oe(e, t, n) {
-  let r = O();
-  const s = new TextDecoder();
-  return function(o, l) {
-    if (o.length === 0)
-      n == null || n(r), r = O();
-    else if (l > 0) {
-      const m = s.decode(o.subarray(0, l)), a = l + (o[l + 1] === 32 ? 2 : 1), c = s.decode(o.subarray(a));
-      switch (m) {
+function ce(e, t, n) {
+  let r = U();
+  const l = new TextDecoder();
+  return function(a, c) {
+    if (a.length === 0)
+      n == null || n(r), r = U();
+    else if (c > 0) {
+      const s = l.decode(a.subarray(0, c)), o = c + (a[c + 1] === 32 ? 2 : 1), d = l.decode(a.subarray(o));
+      switch (s) {
         case "data":
           r.data = r.data ? r.data + `
-` + c : c;
+` + d : d;
           break;
         case "event":
-          r.event = c;
+          r.event = d;
           break;
         case "id":
-          e(r.id = c);
+          e(r.id = d);
           break;
         case "retry":
-          const y = parseInt(c, 10);
-          isNaN(y) || t(r.retry = y);
+          const g = parseInt(d, 10);
+          isNaN(g) || t(r.retry = g);
           break;
       }
     }
   };
 }
-function ae(e, t) {
+function de(e, t) {
   const n = new Uint8Array(e.length + t.length);
   return n.set(e), n.set(t, e.length), n;
 }
-function O() {
+function U() {
   return {
     data: "",
     event: "",
@@ -80,68 +80,68 @@ function O() {
     retry: void 0
   };
 }
-var ie = function(e, t) {
+var ue = function(e, t) {
   var n = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, r = Object.getOwnPropertySymbols(e); s < r.length; s++)
-      t.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[s]) && (n[r[s]] = e[r[s]]);
+    for (var l = 0, r = Object.getOwnPropertySymbols(e); l < r.length; l++)
+      t.indexOf(r[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[l]) && (n[r[l]] = e[r[l]]);
   return n;
 };
-const F = "text/event-stream", se = 1e3, L = "last-event-id";
-function le(e, t) {
-  var { signal: n, headers: r, onopen: s, onmessage: d, onclose: o, onerror: l, openWhenHidden: m, fetch: a } = t, c = ie(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((y, g) => {
-    const h = Object.assign({}, r);
-    h.accept || (h.accept = F);
-    let u;
-    function p() {
-      u.abort(), document.hidden || E();
-    }
-    m || document.addEventListener("visibilitychange", p);
-    let f = se, S = 0;
+const z = "text/event-stream", me = 1e3, _ = "last-event-id";
+function ge(e, t) {
+  var { signal: n, headers: r, onopen: l, onmessage: u, onclose: a, onerror: c, openWhenHidden: s, fetch: o } = t, d = ue(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((g, m) => {
+    const p = Object.assign({}, r);
+    p.accept || (p.accept = z);
+    let h;
     function k() {
-      document.removeEventListener("visibilitychange", p), window.clearTimeout(S), u.abort();
+      h.abort(), document.hidden || M();
+    }
+    s || document.addEventListener("visibilitychange", k);
+    let f = me, b = 0;
+    function T() {
+      document.removeEventListener("visibilitychange", k), window.clearTimeout(b), h.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      k(), y();
+      T(), g();
     });
-    const P = a ?? window.fetch, M = s ?? ce;
-    async function E() {
+    const R = o ?? window.fetch, F = l ?? he;
+    async function M() {
       var D;
-      u = new AbortController();
+      h = new AbortController();
       try {
-        const I = await P(e, Object.assign(Object.assign({}, c), { headers: h, signal: u.signal }));
-        await M(I), await ne(I.body, re(oe((b) => {
-          b ? h[L] = b : delete h[L];
-        }, (b) => {
-          f = b;
-        }, d))), o == null || o(), k(), y();
-      } catch (I) {
-        if (!u.signal.aborted)
+        const A = await R(e, Object.assign(Object.assign({}, d), { headers: p, signal: h.signal }));
+        await F(A), await se(A.body, le(ce((C) => {
+          C ? p[_] = C : delete p[_];
+        }, (C) => {
+          f = C;
+        }, u))), a == null || a(), T(), g();
+      } catch (A) {
+        if (!h.signal.aborted)
           try {
-            const b = (D = l == null ? void 0 : l(I)) !== null && D !== void 0 ? D : f;
-            window.clearTimeout(S), S = window.setTimeout(E, b);
-          } catch (b) {
-            k(), g(b);
+            const C = (D = c == null ? void 0 : c(A)) !== null && D !== void 0 ? D : f;
+            window.clearTimeout(b), b = window.setTimeout(M, C);
+          } catch (C) {
+            T(), m(C);
           }
       }
     }
-    E();
+    M();
   });
 }
-function ce(e) {
+function he(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(F)))
-    throw new Error(`Expected content-type to be ${F}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(z)))
+    throw new Error(`Expected content-type to be ${z}, Actual: ${t}`);
 }
-function de(e) {
+function pe(e) {
   const t = atob(e), n = new Uint8Array(t.length);
   for (let r = 0; r < t.length; r++)
     n[r] = t.charCodeAt(r);
   return new TextDecoder("utf-8").decode(n);
 }
-class ue {
+class fe {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -151,36 +151,36 @@ class ue {
    */
   updateStreams(t) {
     t.forEach((r) => {
-      const s = r.stream.id;
-      this.eventSources.has(s) || this.connectStream(r);
+      const l = r.stream.id;
+      this.eventSources.has(l) || this.connectStream(r);
     });
     const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, s) => {
-      n.has(s) || (r.abort(), this.eventSources.delete(s));
+    this.eventSources.forEach((r, l) => {
+      n.has(l) || (r.abort(), this.eventSources.delete(l));
     });
   }
   connectStream(t) {
     const n = t.stream.id, r = new AbortController();
     this.eventSources.set(n, r);
-    const s = `${this.fency.baseUrl}/sse/streams/${n}`, d = {
+    const l = `${this.fency.baseUrl}/sse/streams/${n}`, u = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    le(s, {
-      headers: d,
+    ge(l, {
+      headers: u,
       signal: r.signal,
-      async onopen(o) {
-        if (!o.ok && o.status >= 400 && o.status < 500 && o.status !== 429)
-          throw new Error(`Client error ${o.status}`);
+      async onopen(a) {
+        if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
+          throw new Error(`Client error ${a.status}`);
       },
-      onmessage: (o) => {
-        if (o.data) {
-          const l = de(o.data);
-          this.broadcast(l, n);
+      onmessage: (a) => {
+        if (a.data) {
+          const c = pe(a.data);
+          this.broadcast(c, n);
         }
       },
-      onerror: (o) => {
-        throw console.error("EventSource error for stream", n, ":", o), this.broadcastError(n), o;
+      onerror: (a) => {
+        throw console.error("EventSource error for stream", n, ":", a), this.broadcastError(n), a;
       },
       onclose() {
       }
@@ -212,99 +212,99 @@ class ue {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const me = 12e4, ge = (e) => {
+const ye = 12e4, ke = (e) => {
   const t = Date.now();
-  return e.filter((n) => t - n.createdAt < me);
+  return e.filter((n) => t - n.createdAt < ye);
 };
-function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, s] = C(
+function et({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+  const [r, l] = x(
     null
-  ), [d, o] = C(!0), [l, m] = C(null), [a, c] = C([]), y = A(null), g = A(null);
+  ), [u, a] = x(!0), [c, s] = x(null), [o, d] = x([]), g = I(null), m = I(null);
   w(() => {
     e.then((f) => {
-      s(f), o(!1);
+      l(f), a(!1);
     }).catch((f) => {
-      m(f), o(!1);
+      s(f), a(!1);
     });
   }, [e]), w(() => {
-    r && !g.current && (g.current = new ue(r));
+    r && !m.current && (m.current = new fe(r));
   }, [r]), w(() => {
-    g.current && g.current.updateStreams(a);
-  }, [a]), w(() => () => {
+    m.current && m.current.updateStreams(o);
+  }, [o]), w(() => () => {
     var f;
-    (f = g.current) == null || f.cleanup();
+    (f = m.current) == null || f.cleanup();
   }, []);
-  const h = _(
+  const p = H(
     async (f = 3e4) => {
-      if (y.current)
-        return y.current;
-      const S = Date.now(), k = a.length > 0 ? a[a.length - 1] : null;
-      if (k && S - k.createdAt < f)
-        return k.stream;
-      const P = (async () => {
+      if (g.current)
+        return g.current;
+      const b = Date.now(), T = o.length > 0 ? o[o.length - 1] : null;
+      if (T && b - T.createdAt < f)
+        return T.stream;
+      const R = (async () => {
         if (!r)
           throw new Error("Fency instance not initialized");
-        const M = await t(), E = await G({
+        const F = await t(), M = await V({
           pk: r.publishableKey,
           baseUrl: r.baseUrl,
-          clientToken: (M == null ? void 0 : M.clientToken) ?? ""
+          clientToken: (F == null ? void 0 : F.clientToken) ?? ""
         });
-        if (E.type === "success") {
+        if (M.type === "success") {
           const D = {
-            stream: E.stream,
+            stream: M.stream,
             createdAt: Date.now()
           };
-          return c((I) => {
-            const b = [...I, D];
-            return ge(b);
-          }), y.current = null, E.stream;
+          return d((A) => {
+            const C = [...A, D];
+            return ke(C);
+          }), g.current = null, M.stream;
         } else
-          throw y.current = null, new Error("Failed to create stream");
+          throw g.current = null, new Error("Failed to create stream");
       })();
-      return y.current = P, P;
+      return g.current = R, R;
     },
-    [r, a]
+    [r, o]
   );
-  if (l)
-    return /* @__PURE__ */ v("div", { children: [
+  if (c)
+    return /* @__PURE__ */ y("div", { children: [
       "Fency error: ",
-      l.message
+      c.message
     ] });
   if (!r)
     return null;
-  const u = a.length > 0 ? a[a.length - 1] : null, p = {
+  const h = o.length > 0 ? o[o.length - 1] : null, k = {
     fency: r,
-    loading: d,
-    error: l,
-    activeStreams: a,
-    latestStream: u,
-    eventManager: g.current,
-    getOrCreateStream: h
+    loading: u,
+    error: c,
+    activeStreams: o,
+    latestStream: h,
+    eventManager: m.current,
+    getOrCreateStream: p
   };
-  return /* @__PURE__ */ i(H.Provider, { value: p, children: n });
+  return /* @__PURE__ */ i(X.Provider, { value: k, children: n });
 }
-function N() {
-  const e = Q(H);
+function J() {
+  const e = re(X);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const ye = (e) => {
+const Se = (e) => {
   try {
     const t = JSON.parse(e);
-    return fe(t);
+    return be(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, fe = (e) => J(e) ? he(e) : V(e) ? pe(e) : X(e) ? Se(e) : null, he = (e) => ({
+}, be = (e) => Q(e) ? Te(e) : Z(e) ? ve(e) : ee(e) ? xe(e) : null, Te = (e) => ({
   type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), pe = (e) => ({
+}), ve = (e) => ({
   type: "STREAM_NOT_FOUND",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), Se = (e) => ({
+}), xe = (e) => ({
   type: "AGENT_TASK_PROGRESS_ITEM_UPDATED",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -312,31 +312,31 @@ const ye = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), ke = (e) => {
-  const t = N(), [n, r] = C(null), s = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+}), Ce = (e) => {
+  const t = J(), [n, r] = x(null), l = I(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
   return w(() => {
     if (!t.eventManager) return;
-    const o = {
-      onMessage: (m, a) => {
-        var y, g, h;
-        const c = ye(m);
-        if (c)
-          switch (c.type) {
+    const a = {
+      onMessage: (s, o) => {
+        var g, m, p;
+        const d = Se(s);
+        if (d)
+          switch (d.type) {
             case "STREAM_TIMEOUT":
-              (y = e == null ? void 0 : e.onStreamTimeout) == null || y.call(e, c);
+              (g = e == null ? void 0 : e.onStreamTimeout) == null || g.call(e, d);
               break;
             case "STREAM_NOT_FOUND":
-              (g = e == null ? void 0 : e.onStreamNotFound) == null || g.call(e, c);
+              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, d);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
-              (h = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || h.call(e, c);
+              (p = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || p.call(e, d);
               break;
           }
       },
-      onError: (m) => {
-        var a;
-        (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
-          streamId: m,
+      onError: (s) => {
+        var o;
+        (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, {
+          streamId: s,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -345,258 +345,258 @@ const ye = (e) => {
       }
     };
     return t.eventManager.subscribe(
-      s.current,
-      o
+      l.current,
+      a
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const o = await t.getOrCreateStream(3e4);
-        return r(o), {
+        const a = await t.getOrCreateStream(3e4);
+        return r(a), {
           type: "success",
-          stream: o
+          stream: a
         };
-      } catch (o) {
+      } catch (a) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: o instanceof Error ? o.message : "Failed to create stream"
+            message: a instanceof Error ? a.message : "Failed to create stream"
           }
         };
       }
     },
     stream: n
   };
-}, Je = (e) => {
-  const t = N(), [n, r] = C([]), s = A(/* @__PURE__ */ new Set()), d = A(/* @__PURE__ */ new Map()), { createStream: o } = ke({
-    onAgentTaskProgressItemUpdated: (a) => {
-      var g;
-      if (!s.current.has(a.agentTaskId)) return;
-      const c = a.data;
-      if (c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed" || c.taskType === "MemoryChatCompletion" && c.eventType === "Completed") {
+}, tt = (e) => {
+  const t = J(), [n, r] = x([]), l = I(/* @__PURE__ */ new Set()), u = I(/* @__PURE__ */ new Map()), { createStream: a } = Ce({
+    onAgentTaskProgressItemUpdated: (o) => {
+      var m;
+      if (!l.current.has(o.agentTaskId)) return;
+      const d = o.data;
+      if (d.taskType === "StreamingChatCompletion" && d.eventType === "Completed" || d.taskType === "StructuredChatCompletion" && d.eventType === "Completed" || d.taskType === "MemoryChatCompletion" && d.eventType === "Completed") {
         r(
-          (u) => u.map(
-            (p) => {
+          (h) => h.map(
+            (k) => {
               var f;
-              return ((f = p.confirmedData) == null ? void 0 : f.taskId) === a.agentTaskId ? { ...p, loading: !1 } : p;
+              return ((f = k.confirmedData) == null ? void 0 : f.taskId) === o.agentTaskId ? { ...k, loading: !1 } : k;
             }
           )
         );
-        const h = d.current.get(
-          a.agentTaskId
+        const p = u.current.get(
+          o.agentTaskId
         );
-        h && (d.current.delete(a.agentTaskId), h(c));
+        p && (u.current.delete(o.agentTaskId), p(d));
         return;
       }
-      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, a), r(
-        (h) => h.map((u) => {
-          var S;
-          if (((S = u.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
-            return u;
-          const f = u.progressItems.some(
-            (k) => k.progressItemId === a.progressItemId
-          ) ? u.progressItems.map(
-            (k) => k.progressItemId === a.progressItemId ? a : k
-          ) : [...u.progressItems, a];
-          return { ...u, progressItems: f };
+      (m = e.onAgentTaskProgressItemUpdated) == null || m.call(e, o), r(
+        (p) => p.map((h) => {
+          var b;
+          if (((b = h.confirmedData) == null ? void 0 : b.taskId) !== o.agentTaskId)
+            return h;
+          const f = h.progressItems.some(
+            (T) => T.progressItemId === o.progressItemId
+          ) ? h.progressItems.map(
+            (T) => T.progressItemId === o.progressItemId ? o : T
+          ) : [...h.progressItems, o];
+          return { ...h, progressItems: f };
         })
       );
     },
-    onStreamError: (a) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, a), r((y) => {
-        const g = y.find((h) => h.streamId === a.streamId);
-        return g ? [
-          ...y.filter((h) => h.streamId !== a.streamId),
+    onStreamError: (o) => {
+      var d;
+      (d = e == null ? void 0 : e.onStreamError) == null || d.call(e, o), r((g) => {
+        const m = g.find((p) => p.streamId === o.streamId);
+        return m ? [
+          ...g.filter((p) => p.streamId !== o.streamId),
           {
-            ...g,
+            ...m,
             loading: !1,
-            error: a.error
+            error: o.error
           }
-        ] : y;
+        ] : g;
       });
     },
-    onStreamNotFound: (a) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamNotFound) == null || c.call(e, a);
+    onStreamNotFound: (o) => {
+      var d;
+      (d = e == null ? void 0 : e.onStreamNotFound) == null || d.call(e, o);
     },
-    onStreamTimeout: (a) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamTimeout) == null || c.call(e, a);
+    onStreamTimeout: (o) => {
+      var d;
+      (d = e == null ? void 0 : e.onStreamTimeout) == null || d.call(e, o);
     }
-  }), l = _(
-    async (a, c) => {
-      const y = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await o();
-      if (g.type === "success") {
+  }), c = H(
+    async (o, d) => {
+      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, m = await a();
+      if (m.type === "success") {
         r([
           ...n,
           {
-            taskKey: y,
-            streamId: g.stream.id,
+            taskKey: g,
+            streamId: m.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
-            params: a,
+            params: o,
             progressItems: [],
             loading: !0,
-            loadingText: c == null ? void 0 : c.loadingText
+            loadingText: d == null ? void 0 : d.loadingText
           }
         ]);
-        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(a.type), u = await Y({
+        const { clientToken: p } = await e.fetchCreateAgentTaskClientToken(o.type), h = await te({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: h,
-          streamToken: g.stream.token,
+          clientToken: p,
+          streamToken: m.stream.token,
           request: {
-            streamingChatCompletionTask: a.type === "StreamingChatCompletion" ? {
-              messages: a.messages,
-              model: a.model
+            streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
+              messages: o.messages,
+              model: o.model
             } : void 0,
-            structuredChatCompletionTask: a.type === "StructuredChatCompletion" ? {
-              messages: a.messages,
-              jsonSchema: a.jsonSchema,
-              model: a.model
+            structuredChatCompletionTask: o.type === "StructuredChatCompletion" ? {
+              messages: o.messages,
+              jsonSchema: o.jsonSchema,
+              model: o.model
             } : void 0,
-            memoryChatCompletionTask: a.type === "MemoryChatCompletion" ? {
-              messages: a.messages,
-              model: a.model,
-              language: a.language ?? "en",
-              chunkLimit: a.chunkLimit ?? 10,
-              memoryScanLimit: a.memoryScanLimit ?? 3
+            memoryChatCompletionTask: o.type === "MemoryChatCompletion" ? {
+              messages: o.messages,
+              model: o.model,
+              language: o.language ?? "en",
+              chunkLimit: o.chunkLimit ?? 10,
+              memoryScanLimit: o.memoryScanLimit ?? 3
             } : void 0
           }
         });
-        if (u.type === "success" && u.agentTask) {
-          s.current.add(
-            u.agentTask.id
+        if (h.type === "success" && h.agentTask) {
+          l.current.add(
+            h.agentTask.id
           ), r((f) => [
-            ...f.filter((S) => S.taskKey !== y),
+            ...f.filter((b) => b.taskKey !== g),
             {
-              taskKey: y,
-              streamId: g.stream.id,
+              taskKey: g,
+              streamId: m.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: u.agentTask.id,
-              createdAt: u.agentTask.createdAt,
+              taskId: h.agentTask.id,
+              createdAt: h.agentTask.createdAt,
               error: null,
-              params: a,
+              params: o,
               progressItems: [],
               loading: !0,
-              loadingText: c == null ? void 0 : c.loadingText,
+              loadingText: d == null ? void 0 : d.loadingText,
               confirmedData: {
-                taskId: u.agentTask.id,
-                createdAt: u.agentTask.createdAt
+                taskId: h.agentTask.id,
+                createdAt: h.agentTask.createdAt
               }
             }
           ]);
-          const p = await new Promise((f) => {
-            d.current.set(
-              u.agentTask.id,
+          const k = await new Promise((f) => {
+            u.current.set(
+              h.agentTask.id,
               f
             );
           });
           return {
             type: "success",
-            streamId: g.stream.id,
-            agentTaskId: u.agentTask.id,
-            response: p
+            streamId: m.stream.id,
+            agentTaskId: h.agentTask.id,
+            response: k
           };
         } else {
-          if (u.type === "error")
-            return r((p) => [
-              ...p.filter((f) => f.taskKey !== y),
+          if (h.type === "error")
+            return r((k) => [
+              ...k.filter((f) => f.taskKey !== g),
               {
-                taskKey: y,
+                taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: g.stream.id,
-                params: a,
-                error: u.error,
+                streamId: m.stream.id,
+                params: o,
+                error: h.error,
                 progressItems: [],
                 loading: !1,
-                loadingText: c == null ? void 0 : c.loadingText,
+                loadingText: d == null ? void 0 : d.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: u.error
+              error: h.error
             };
           {
-            const p = {
+            const k = {
               message: "No response received",
               code: "UnknownError"
             };
             return r((f) => [
-              ...f.filter((S) => S.taskKey !== y),
+              ...f.filter((b) => b.taskKey !== g),
               {
-                taskKey: y,
+                taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: g.stream.id,
-                error: p,
-                params: a,
+                streamId: m.stream.id,
+                error: k,
+                params: o,
                 progressItems: [],
                 loading: !1,
-                loadingText: c == null ? void 0 : c.loadingText,
+                loadingText: d == null ? void 0 : d.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: p
+              error: k
             };
           }
         }
       } else
-        return console.error(g.error), g;
+        return console.error(m.error), m;
     },
-    [t, n, o]
-  ), m = $(() => {
+    [t, n, a]
+  ), s = K(() => {
     if (n.length !== 0)
-      return [...n].sort((a, c) => new Date(c.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
+      return [...n].sort((o, d) => new Date(d.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
   }, [n]);
   return w(() => () => {
-    s.current.clear(), d.current.clear();
+    l.current.clear(), u.current.clear();
   }, []), {
     agentTasks: n,
-    createAgentTask: l,
-    latest: m
+    createAgentTask: c,
+    latest: s
   };
 };
-function Te(e) {
+function Ee(e) {
   return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], s = r != null;
-    let d;
+    const r = e.progressItems[n + 1], l = r != null;
+    let u;
     if (r != null && r.createdAt) {
-      const o = new Date(t.createdAt).getTime(), l = new Date(r.createdAt).getTime();
-      d = Math.round((l - o) / 1e3);
+      const a = new Date(t.createdAt).getTime(), c = new Date(r.createdAt).getTime();
+      u = Math.round((c - a) / 1e3);
     }
     return {
       item: t,
-      completed: s,
+      completed: l,
       isLatest: n === e.progressItems.length - 1,
-      durationSeconds: d
+      durationSeconds: u
     };
   });
 }
-function R({
+function P({
   text: e,
   duration: t = 2,
   delay: n = 0,
   repeat: r = !0,
-  repeatDelay: s = 0.5,
-  className: d,
-  startOnView: o = !1,
-  once: l = !1,
-  inViewMargin: m,
-  spread: a = 2,
-  color: c = "#999",
-  shimmerColor: y = "#000",
-  direction: g = "fromBottom"
+  repeatDelay: l = 0.5,
+  className: u,
+  startOnView: a = !1,
+  once: c = !1,
+  inViewMargin: s,
+  spread: o = 2,
+  color: d = "#999",
+  shimmerColor: g = "#000",
+  direction: m = "fromBottom"
 }) {
-  const h = A(null), u = Z(h, { once: l, margin: m }), p = $(() => e.length * a, [e, a]), f = !o || u, S = g === "fromBottom" ? "100% center" : "-100% center", k = g === "fromBottom" ? "0% center" : "200% center";
+  const p = I(null), h = oe(p, { once: c, margin: s }), k = K(() => e.length * o, [e, o]), f = !a || h, b = m === "fromBottom" ? "100% center" : "-100% center", T = m === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
-    T.span,
+    S.span,
     {
-      ref: h,
-      className: d,
+      ref: p,
+      className: u,
       style: {
         position: "relative",
         display: "inline-block",
@@ -606,18 +606,18 @@ function R({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${p}px`,
-        "--base-color": c,
-        "--shimmer-color": y,
+        "--spread": `${k}px`,
+        "--base-color": d,
+        "--shimmer-color": g,
         "--shimmer-bg": "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--shimmer-color), transparent calc(50% + var(--spread)))",
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
       initial: {
-        backgroundPosition: S,
+        backgroundPosition: b,
         opacity: 0
       },
       animate: f ? {
-        backgroundPosition: k,
+        backgroundPosition: T,
         opacity: 1
       } : {},
       transition: {
@@ -625,7 +625,7 @@ function R({
           repeat: r ? 1 / 0 : 0,
           duration: t,
           delay: n,
-          repeatDelay: s,
+          repeatDelay: l,
           ease: "linear"
         },
         opacity: {
@@ -637,7 +637,7 @@ function R({
     }
   );
 }
-function ve(e, t) {
+function Me(e, t) {
   const n = e.item.data;
   if (n.eventType === "Error" && "message" in n)
     return t.error;
@@ -655,16 +655,16 @@ function ve(e, t) {
         return t.streaming;
       case "Search":
         return t.searching;
+      case "FindMemories":
+        return e.completed ? t.memoriesFound : t.findingMemories;
+      case "FindMemoriesResult":
+        return t.memoriesFound;
       case "FindSources":
         return t.addingSources;
       case "SourcesResult":
         return t.sourcesAdded;
-      case "ExploreMemoryStart":
-        return t.exploringMemory;
-      case "ExploreMemoryResult":
-        return t.memoryExplored;
-      case "ExploreMemoryError":
-        return t.memoryExplorationFailed;
+      case "ExploreMemories":
+        return e.completed ? t.memoriesExplored : t.exploringMemories;
       case "ChunkResult":
         return t.chunksRetrieved;
       case "Completed":
@@ -672,12 +672,12 @@ function ve(e, t) {
     }
   return t.processing;
 }
-const be = ({ progressViewItems: e, t }) => {
+const we = ({ progressViewItems: e, t }) => {
   const n = e[e.length - 1];
   if (!n) return null;
-  const r = ve(n, t);
-  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(W, { mode: "wait", children: /* @__PURE__ */ i(
-    T.div,
+  const r = Me(n, t);
+  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(q, { mode: "wait", children: /* @__PURE__ */ i(
+    S.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
@@ -691,7 +691,7 @@ const be = ({ progressViewItems: e, t }) => {
           children: r
         }
       ) : /* @__PURE__ */ i(
-        R,
+        P,
         {
           text: r,
           className: "simple-mode-title",
@@ -704,7 +704,7 @@ const be = ({ progressViewItems: e, t }) => {
     },
     n.item.progressItemId
   ) }) });
-}, K = {
+}, Y = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -855,53 +855,53 @@ const be = ({ progressViewItems: e, t }) => {
   italic: {
     fontStyle: "italic"
   }
-}, B = ({
+}, N = ({
   text: e
 }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  T.div,
+  S.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
     children: /* @__PURE__ */ i(
-      ee,
+      ie,
       {
-        remarkPlugins: [te],
+        remarkPlugins: [ae],
         components: {
           code(t) {
-            const { children: n, className: r, node: s, ref: d, ...o } = t, l = /language-(\w+)/.exec(r || "");
-            return l ? (
+            const { children: n, className: r, node: l, ref: u, ...a } = t, c = /language-(\w+)/.exec(r || "");
+            return c ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
               /* @__PURE__ */ i(
-                j,
+                G,
                 {
-                  ...o,
+                  ...a,
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
-                  language: l[1],
-                  style: K
+                  language: c[1],
+                  style: Y
                 }
               )
-            ) : /* @__PURE__ */ i("code", { ...o, className: r, children: String(n) });
+            ) : /* @__PURE__ */ i("code", { ...a, className: r, children: String(n) });
           }
         },
         children: e
       }
     )
   }
-) }), xe = ({ data: e }) => {
+) }), Ie = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
   return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
-    T.div,
+    S.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ i(j, { language: "json", style: K, PreTag: "div", children: t })
+      children: /* @__PURE__ */ i(G, { language: "json", style: Y, PreTag: "div", children: t })
     }
   ) });
-}, Ce = {
+}, Ae = {
   en: {
     error: "Error",
     streaming: "Streaming...",
@@ -912,6 +912,16 @@ const be = ({ progressViewItems: e, t }) => {
     sourcesAdded: "Sources added...",
     exploringMemory: "Exploring memory...",
     memoryExplored: "Memory explored",
+    exploringMemories: "Exploring memories...",
+    memoriesExplored: "Memories explored",
+    findingMemories: "Finding relevant memories...",
+    findingMemoriesIn: "Finding relevant memories in ",
+    moreMemories: "+{n} more",
+    memoryFound: "Found memory ",
+    memoriesFoundPrefix: "Found memories ",
+    memoriesFound: "Memories found",
+    searchingFor: "Searching for ",
+    searchingIn: " in ",
     memoryExplorationFailed: "Memory exploration failed",
     processing: "Processing...",
     processingYourTask: "Processing your task...",
@@ -927,7 +937,8 @@ const be = ({ progressViewItems: e, t }) => {
     chunkFound: "1 chunk found",
     chunksFound: "{n} chunks found",
     chunksRetrieved: "Chunks retrieved",
-    scoreLabel: "score: {n}"
+    scoreLabel: "score: {n}",
+    and: "and"
   },
   no: {
     error: "Feil",
@@ -939,6 +950,16 @@ const be = ({ progressViewItems: e, t }) => {
     sourcesAdded: "Kilder lagt til...",
     exploringMemory: "Utforsker minne...",
     memoryExplored: "Minne utforsket",
+    exploringMemories: "Utforsker minner...",
+    memoriesExplored: "Minner utforsket",
+    findingMemories: "Finner relevante minner...",
+    findingMemoriesIn: "Finner relevante minner i ",
+    moreMemories: "+{n} flere",
+    memoryFound: "Fant minne ",
+    memoriesFoundPrefix: "Fant minner ",
+    memoriesFound: "Minner funnet",
+    searchingFor: "Søker etter ",
+    searchingIn: " i ",
     memoryExplorationFailed: "Minneutforskning feilet",
     processing: "Behandler...",
     processingYourTask: "Behandler oppgaven din...",
@@ -954,43 +975,194 @@ const be = ({ progressViewItems: e, t }) => {
     chunkFound: "1 del funnet",
     chunksFound: "{n} deler funnet",
     chunksRetrieved: "Deler hentet",
-    scoreLabel: "poeng: {n}"
+    scoreLabel: "poeng: {n}",
+    and: "og"
   }
 };
-function Ee(e) {
-  return Ce[e];
+function Fe(e) {
+  return Ae[e];
 }
-function x(e, t) {
+function v(e, t) {
   return Object.entries(t).reduce(
-    (n, [r, s]) => n.replace(`{${r}}`, String(s)),
+    (n, [r, l]) => n.replace(`{${r}}`, String(l)),
     e
   );
 }
-const we = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const s = `${r.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ v("div", { style: { padding: "16px" }, children: [
+function B(e, t) {
+  const n = e.map((r) => `'${r}'`);
+  if (t != null && n.length >= 2) {
+    const r = n.pop();
+    return n.length > 0 ? `${n.join(", ")} ${t} ${r}` : r;
+  }
+  return n.join(", ");
+}
+const L = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const [l, u] = x(!1), c = (e.memories ?? []).map((f) => f.memoryTitle), s = c.length > 0, o = s && c.length > L, d = o && !l ? c.slice(0, L) : c, g = c.length - L, m = !o || l, p = `${r.searchingFor}'${e.queryDescription}'`, h = s ? `${r.searchingIn}${B(
+    d,
+    m ? r.and : void 0
+  )}` : "", k = s ? `${p}${h}` : `${r.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      S.div,
+      {
+        style: { color: "#666" },
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3, delay: 0 },
+        children: t && !n && !o ? /* @__PURE__ */ i(
+          P,
+          {
+            text: k,
+            duration: 2.5,
+            repeat: !0,
+            color: "#999",
+            shimmerColor: "#000"
+          }
+        ) : /* @__PURE__ */ y(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: s ? /* @__PURE__ */ y(E, { children: [
+            r.searchingFor,
+            /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
+              "'",
+              e.queryDescription,
+              "'"
+            ] }),
+            h
+          ] }) : `${r.searchingPrefix}${e.queryDescription}` }),
+          o && !l && /* @__PURE__ */ y(E, { children: [
+            " ",
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: () => u(!0),
+                style: {
+                  background: "none",
+                  border: "none",
+                  padding: 0,
+                  margin: 0,
+                  fontSize: "inherit",
+                  color: "inherit",
+                  cursor: "pointer",
+                  textDecoration: "underline",
+                  fontFamily: "inherit"
+                },
+                children: v(r.moreMemories, {
+                  n: g
+                })
+              }
+            )
+          ] }),
+          o && l && /* @__PURE__ */ y(E, { children: [
+            " ",
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: () => u(!1),
+                style: {
+                  background: "none",
+                  border: "none",
+                  padding: 0,
+                  margin: 0,
+                  fontSize: "inherit",
+                  color: "inherit",
+                  cursor: "pointer",
+                  textDecoration: "underline",
+                  fontFamily: "inherit"
+                },
+                children: r.clickToCollapse
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    n !== void 0 && /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "4px",
+          fontStyle: "italic"
+        },
+        children: v(r.tookSeconds, { n })
+      }
+    )
+  ] });
+}, O = 5, Pe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const [l, u] = x(!1), a = e.titles, c = a.length > 0, s = c && a.length > O, o = s && !l ? a.slice(0, O) : a, d = a.length - O, g = !s || l, m = c ? `${r.findingMemoriesIn}${B(
+    o,
+    g ? r.and : void 0
+  )}` : r.findingMemories;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      S.div,
       {
         style: {
-          display: "flex",
-          alignItems: "center",
-          gap: "10px",
           color: "#666"
         },
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ i(
-          R,
+        children: t && !n && !s ? /* @__PURE__ */ i(
+          P,
           {
-            text: s,
+            text: m,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: s })
+        ) : /* @__PURE__ */ y(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m }),
+          s && !l && /* @__PURE__ */ y(E, { children: [
+            " ",
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: () => u(!0),
+                style: {
+                  background: "none",
+                  border: "none",
+                  padding: 0,
+                  margin: 0,
+                  fontSize: "inherit",
+                  color: "inherit",
+                  cursor: "pointer",
+                  textDecoration: "underline",
+                  fontFamily: "inherit"
+                },
+                children: v(r.moreMemories, {
+                  n: d
+                })
+              }
+            )
+          ] }),
+          s && l && /* @__PURE__ */ y(E, { children: [
+            " ",
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: () => u(!1),
+                style: {
+                  background: "none",
+                  border: "none",
+                  padding: 0,
+                  margin: 0,
+                  fontSize: "inherit",
+                  color: "inherit",
+                  cursor: "pointer",
+                  textDecoration: "underline",
+                  fontFamily: "inherit"
+                },
+                children: r.clickToCollapse
+              }
+            )
+          ] })
+        ] })
       }
     ),
     n !== void 0 && /* @__PURE__ */ i(
@@ -1002,15 +1174,78 @@ const we = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(r.tookSeconds, { n })
+        children: v(r.tookSeconds, { n })
       }
     )
   ] });
-}, Ae = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
+}, $ = 5, Re = ({ data: e, t }) => {
+  const [n, r] = x(!1), u = e.memories.map((p) => p.memoryTitle), a = u.length > 0, c = a && u.length > $, s = c && !n ? u.slice(0, $) : u, o = u.length - $, d = !c || n, g = u.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, m = a ? `${g}${B(
+    s,
+    d ? t.and : void 0
+  )}` : t.memoriesFound;
+  return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+    S.div,
+    {
+      style: { color: "#666" },
+      initial: { opacity: 0, y: -10 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3, delay: 0 },
+      children: /* @__PURE__ */ y(E, { children: [
+        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m }),
+        c && !n && /* @__PURE__ */ y(E, { children: [
+          " ",
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: () => r(!0),
+              style: {
+                background: "none",
+                border: "none",
+                padding: 0,
+                margin: 0,
+                fontSize: "inherit",
+                color: "inherit",
+                cursor: "pointer",
+                textDecoration: "underline",
+                fontFamily: "inherit"
+              },
+              children: v(t.moreMemories, {
+                n: o
+              })
+            }
+          )
+        ] }),
+        c && n && /* @__PURE__ */ y(E, { children: [
+          " ",
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: () => r(!1),
+              style: {
+                background: "none",
+                border: "none",
+                padding: 0,
+                margin: 0,
+                fontSize: "inherit",
+                color: "inherit",
+                cursor: "pointer",
+                textDecoration: "underline",
+                fontFamily: "inherit"
+              },
+              children: t.clickToCollapse
+            }
+          )
+        ] })
+      ] })
+    }
+  ) });
+}, Le = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
   const r = n.addingSources;
-  return /* @__PURE__ */ v("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      S.div,
       {
         style: {
           display: "flex",
@@ -1022,7 +1257,7 @@ const we = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: e && !t ? /* @__PURE__ */ i(
-          R,
+          P,
           {
             text: r,
             duration: 2.5,
@@ -1042,26 +1277,26 @@ const we = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(n.tookSeconds, { n: t })
+        children: v(n.tookSeconds, { n: t })
       }
     )
   ] });
 };
-function Ie(e, t) {
+function Oe(e, t) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return x(t.pageSingle, { n: e[0] });
+    return v(t.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return x(t.pageTwo, {
+    return v(t.pageTwo, {
       a: e[0],
       b: e[1]
     });
   const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
-  return x(t.pageMultiple, { list: r, n });
+  return v(t.pageMultiple, { list: r, n });
 }
-const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { style: { padding: "16px" }, children: [
+const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
   /* @__PURE__ */ i(
-    T.div,
+    S.div,
     {
       style: {
         marginBottom: "10px",
@@ -1077,32 +1312,32 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
       children: n.sources
     }
   ),
-  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: n.noSources }) : e.sources.map((r, s) => /* @__PURE__ */ i(
-    De,
+  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: n.noSources }) : e.sources.map((r, l) => /* @__PURE__ */ i(
+    ze,
     {
       source: r,
-      index: s,
+      index: l,
       onSourceClick: t,
       t: n
     },
     r.memoryId
   )) })
-] }), De = ({
+] }), ze = ({
   source: e,
   index: t,
   onSourceClick: n,
   t: r
 }) => {
-  const [s, d] = C(!1), o = !!n, l = e.pageNumbers ?? [], m = Ie(l, r);
-  return /* @__PURE__ */ v(
-    T.div,
+  const [l, u] = x(!1), a = !!n, c = e.pageNumbers ?? [], s = Oe(c, r);
+  return /* @__PURE__ */ y(
+    S.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: o ? () => n(e.memoryId) : void 0,
-      onMouseEnter: o ? () => d(!0) : void 0,
-      onMouseLeave: o ? () => d(!1) : void 0,
+      onClick: a ? () => n(e.memoryId) : void 0,
+      onMouseEnter: a ? () => u(!0) : void 0,
+      onMouseLeave: a ? () => u(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -1110,18 +1345,18 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
         padding: "8px 12px",
         borderRadius: "6px",
         border: "1px solid #e0e0e0",
-        backgroundColor: s ? "#f5f5f5" : "transparent",
-        cursor: o ? "pointer" : "default",
+        backgroundColor: l ? "#f5f5f5" : "transparent",
+        cursor: a ? "pointer" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none"
       },
       children: [
         /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-        m && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: m })
+        s && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: s })
       ]
     }
   );
-}, U = ({
+}, j = ({
   color: e = "#78b13f",
   size: t = 24,
   borderWidth: n = 7
@@ -1140,20 +1375,20 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
       }
     }
   );
-}, Pe = ({
+}, Be = ({
   color: e = "#333",
   size: t = 32,
   lineWidth: n = 2
 }) => {
-  const r = t + 1, s = (t - n) / 2, d = (t - r) / 2, o = {
+  const r = t + 1, l = (t - n) / 2, u = (t - r) / 2, a = {
     position: "absolute",
-    left: s,
-    top: d,
+    left: l,
+    top: u,
     width: n,
     height: r,
     backgroundColor: e
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     "span",
     {
       style: {
@@ -1167,7 +1402,7 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
           "span",
           {
             style: {
-              ...o,
+              ...a,
               transform: "rotate(45deg)"
             }
           }
@@ -1176,7 +1411,7 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
           "span",
           {
             style: {
-              ...o,
+              ...a,
               transform: "rotate(-45deg)"
             }
           }
@@ -1185,22 +1420,28 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
     }
   );
 };
-function Re({
-  eventType: e,
+function Ue({
+  memory: e,
   completed: t
 }) {
-  return e === "ExploreMemoryError" ? /* @__PURE__ */ i(Pe, { color: "#c62828", size: 15, lineWidth: 2 }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ i(U, { color: "#999", size: 15, borderWidth: 2 }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ i(U, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" }) : null;
+  return e.error != null ? /* @__PURE__ */ i(Be, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(j, { color: "#999", size: 15, borderWidth: 2 }) : t ? /* @__PURE__ */ i(j, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
-const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
-  const [s, d] = C(!1), o = e.eventType === "ExploreMemoryResult" ? e.result : void 0, l = o != null && o.length > z, m = o != null ? s || !l ? o : `${o.slice(0, z)}...` : void 0, a = l;
-  return /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: /* @__PURE__ */ v(
-    T.div,
+const W = 80;
+function _e({
+  memory: e,
+  completed: t,
+  t: n
+}) {
+  const [r, l] = x(!1), u = e.result ?? e.error, a = u != null && u.length > W, c = u != null ? r || !a ? u : `${u.slice(0, W)}...` : void 0, s = a, o = e.error != null;
+  return /* @__PURE__ */ y(
+    S.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: a ? () => d((c) => !c) : void 0,
+      onClick: s ? () => l((d) => !d) : void 0,
       style: {
+        paddingTop: "12px",
         paddingBottom: "12px",
         borderBottom: "1px solid #eee",
         display: "flex",
@@ -1208,7 +1449,7 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
         alignItems: "center",
         gap: "10px",
         minWidth: 0,
-        cursor: a ? "pointer" : "default"
+        cursor: s ? "pointer" : "default"
       },
       children: [
         /* @__PURE__ */ i(
@@ -1221,16 +1462,10 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ i(
-              Re,
-              {
-                eventType: e.eventType,
-                completed: t
-              }
-            )
+            children: /* @__PURE__ */ i(Ue, { memory: e, completed: t })
           }
         ),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -1247,19 +1482,19 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
                   children: e.memoryTitle
                 }
               ),
-              m != null && /* @__PURE__ */ i(
+              c != null && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
                     fontSize: 12,
-                    color: "#666",
+                    color: o ? "#c62828" : "#666",
                     lineHeight: 1.4,
-                    whiteSpace: s ? "pre-wrap" : void 0
+                    whiteSpace: r ? "pre-wrap" : void 0
                   },
-                  children: m
+                  children: c
                 }
               ),
-              a && /* @__PURE__ */ i(
+              s && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1267,7 +1502,7 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
                     color: "#999",
                     marginTop: 2
                   },
-                  children: s ? r.clickToCollapse : r.clickToExpand
+                  children: r ? n.clickToCollapse : n.clickToExpand
                 }
               )
             ]
@@ -1275,33 +1510,42 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
         )
       ]
     }
-  ) });
-};
-function Oe(e, t) {
+  );
+}
+const Ne = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ i(
+  _e,
+  {
+    memory: r,
+    completed: t,
+    t: n
+  },
+  r.memoryId
+)) });
+function je(e, t) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return x(t.pageSingle, { n: e[0] });
+    return v(t.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return x(t.pageTwo, {
+    return v(t.pageTwo, {
       a: e[0],
       b: e[1]
     });
   const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
-  return x(t.pageMultiple, { list: r, n });
+  return v(t.pageMultiple, { list: r, n });
 }
-function Le(e, t) {
-  return e === 1 ? t.chunkFound : x(t.chunksFound, { n: e });
+function We(e, t) {
+  return e === 1 ? t.chunkFound : v(t.chunksFound, { n: e });
 }
-const Be = ({ data: e, t }) => {
-  const [n, r] = C(!1), s = e.chunks.length, d = s > 0;
-  return /* @__PURE__ */ v("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ v(
-      T.div,
+const He = ({ data: e, t }) => {
+  const [n, r] = x(!1), l = e.chunks.length, u = l > 0;
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    /* @__PURE__ */ y(
+      S.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.25 },
-        onClick: d ? () => r((o) => !o) : void 0,
+        onClick: u ? () => r((a) => !a) : void 0,
         style: {
           paddingBottom: n ? "12px" : 0,
           borderBottom: n ? "1px solid #eee" : void 0,
@@ -1309,12 +1553,12 @@ const Be = ({ data: e, t }) => {
           flexDirection: "column",
           gap: "4px",
           minWidth: 0,
-          cursor: d ? "pointer" : "default"
+          cursor: u ? "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: Le(s, t) }),
-          d && /* @__PURE__ */ i(
+          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: We(l, t) }),
+          u && /* @__PURE__ */ i(
             "span",
             {
               style: {
@@ -1328,8 +1572,8 @@ const Be = ({ data: e, t }) => {
         ]
       }
     ),
-    n && d && /* @__PURE__ */ i(
-      T.div,
+    n && u && /* @__PURE__ */ i(
+      S.div,
       {
         initial: { opacity: 0, height: 0 },
         animate: { opacity: 1, height: "auto" },
@@ -1342,9 +1586,9 @@ const Be = ({ data: e, t }) => {
           flexDirection: "column",
           gap: 8
         },
-        children: e.chunks.map((o, l) => {
-          const m = o.pageNumbers ?? [], a = Oe(m, t);
-          return /* @__PURE__ */ v(
+        children: e.chunks.map((a, c) => {
+          const s = a.pageNumbers ?? [], o = je(s, t);
+          return /* @__PURE__ */ y(
             "div",
             {
               style: {
@@ -1364,10 +1608,10 @@ const Be = ({ data: e, t }) => {
                       display: "block",
                       marginBottom: 4
                     },
-                    children: o.content
+                    children: a.content
                   }
                 ),
-                /* @__PURE__ */ v(
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -1377,23 +1621,23 @@ const Be = ({ data: e, t }) => {
                       color: "#666"
                     },
                     children: [
-                      a && /* @__PURE__ */ i("span", { children: a }),
-                      /* @__PURE__ */ i("span", { children: x(t.scoreLabel, {
-                        n: o.score
+                      o && /* @__PURE__ */ i("span", { children: o }),
+                      /* @__PURE__ */ i("span", { children: v(t.scoreLabel, {
+                        n: a.score
                       }) })
                     ]
                   }
                 )
               ]
             },
-            l
+            c
           );
         })
       }
     )
   ] });
-}, Ue = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  T.div,
+}, Ke = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+  S.div,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
@@ -1415,126 +1659,144 @@ const Be = ({ data: e, t }) => {
       }
     )
   }
-) }), ze = ({
+) }), qe = ({
   progressViewItems: e,
   loadingText: t,
   t: n,
   onSourceClick: r
 }) => {
-  const s = A(null);
+  const l = I(null);
   w(() => {
-    s.current && (s.current.scrollTop = s.current.scrollHeight);
+    l.current && (l.current.scrollTop = l.current.scrollHeight);
   }, [e.length]);
-  const d = (o) => {
-    const l = o.item.data;
-    if (l.taskType === "StreamingChatCompletion" && l.eventType === "Text")
-      return /* @__PURE__ */ i(B, { text: l.text });
-    if (l.taskType === "StructuredChatCompletion" && l.eventType === "Json")
-      return /* @__PURE__ */ i(xe, { data: l });
-    if (l.taskType === "MemoryChatCompletion")
-      switch (l.eventType) {
+  const u = (c) => {
+    const s = c.item.data;
+    if (s.taskType === "StreamingChatCompletion" && s.eventType === "Text")
+      return /* @__PURE__ */ i(N, { text: s.text });
+    if (s.taskType === "StructuredChatCompletion" && s.eventType === "Json")
+      return /* @__PURE__ */ i(Ie, { data: s });
+    if (s.taskType === "MemoryChatCompletion")
+      switch (s.eventType) {
         case "Text":
-          return /* @__PURE__ */ i(B, { text: l.text });
+          return /* @__PURE__ */ i(N, { text: s.text });
+        case "FindMemories":
+          return /* @__PURE__ */ i(
+            Pe,
+            {
+              data: s,
+              isLatest: c.isLatest,
+              durationSeconds: c.durationSeconds,
+              t: n
+            }
+          );
+        case "FindMemoriesResult":
+          return /* @__PURE__ */ i(Re, { data: s, t: n });
         case "Search":
           return /* @__PURE__ */ i(
-            we,
+            De,
             {
-              data: l,
-              isLatest: o.isLatest,
-              durationSeconds: o.durationSeconds,
+              data: s,
+              isLatest: c.isLatest,
+              durationSeconds: c.durationSeconds,
               t: n
             }
           );
         case "FindSources":
           return /* @__PURE__ */ i(
-            Ae,
+            Le,
             {
-              data: l,
-              isLatest: o.isLatest,
-              durationSeconds: o.durationSeconds,
+              data: s,
+              isLatest: c.isLatest,
+              durationSeconds: c.durationSeconds,
               t: n
             }
           );
         case "SourcesResult":
           return /* @__PURE__ */ i(
-            Me,
+            $e,
             {
-              data: l,
+              data: s,
               onSourceClick: r,
               t: n
             }
           );
-        case "ExploreMemoryStart":
-        case "ExploreMemoryResult":
-        case "ExploreMemoryError":
+        case "ExploreMemories":
           return /* @__PURE__ */ i(
-            Fe,
+            Ne,
             {
-              data: l,
-              completed: o.completed,
-              isLatest: o.isLatest,
+              data: s,
+              completed: c.completed,
+              isLatest: c.isLatest,
               t: n
             }
           );
         case "ChunkResult":
-          return /* @__PURE__ */ i(Be, { data: l, t: n });
+          return /* @__PURE__ */ i(He, { data: s, t: n });
         case "Completed":
           return null;
       }
-    return l.taskType === "StreamingChatCompletion" && l.eventType === "Completed" || l.taskType === "StructuredChatCompletion" && l.eventType === "Completed" ? null : l.eventType === "Error" && "message" in l ? /* @__PURE__ */ i(Ue, { message: l.message }) : null;
+    return s.taskType === "StreamingChatCompletion" && s.eventType === "Completed" || s.taskType === "StructuredChatCompletion" && s.eventType === "Completed" ? null : s.eventType === "Error" && "message" in s ? /* @__PURE__ */ i(Ke, { message: s.message }) : null;
   };
-  return e.length === 0 ? /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-    R,
-    {
-      text: t ?? n.processingYourTask,
-      duration: 1.5,
-      repeat: !0,
-      repeatDelay: 0,
-      color: "#999",
-      shimmerColor: "#000"
-    }
-  ) }) : /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(W, { children: e.map((o, l) => /* @__PURE__ */ i(
-    T.div,
+  if (e.length === 0)
+    return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
+      P,
+      {
+        text: t ?? n.processingYourTask,
+        duration: 1.5,
+        repeat: !0,
+        repeatDelay: 0,
+        color: "#999",
+        shimmerColor: "#000"
+      }
+    ) });
+  const a = e.filter((c, s) => {
+    const o = c.item.data;
+    return o.taskType === "MemoryChatCompletion" && o.eventType === "ExploreMemories" ? !e.slice(s + 1).some(
+      (m) => m.item.data.taskType === "MemoryChatCompletion" && m.item.data.eventType === "ExploreMemories"
+    ) : !0;
+  });
+  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: l, children: /* @__PURE__ */ i(q, { children: a.map((c, s) => /* @__PURE__ */ i(
+    S.div,
     {
-      id: `agent-task-progress-item-${o.item.progressItemId}`,
+      id: `agent-task-progress-item-${c.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
         duration: 0.4,
-        delay: l * 0.1,
+        delay: s * 0.1,
         ease: "easeOut"
       },
-      children: d(o)
+      children: u(c)
     },
-    o.item.progressItemId
+    c.item.progressItemId
   )) }) });
-}, Ve = ({
+}, nt = ({
   agentTask: e,
   mode: t = "verbose",
   language: n,
   onSourceClick: r
 }) => {
-  const s = Te(e), d = e.params.type === "MemoryChatCompletion" && "language" in e.params ? e.params.language ?? "en" : n ?? "en", o = Ee(d);
+  const l = Ee(e), u = e.params.type === "MemoryChatCompletion" && "language" in e.params ? e.params.language ?? "en" : n ?? "en", a = Fe(u);
   return t === "simple" ? /* @__PURE__ */ i(
-    be,
+    we,
     {
-      progressViewItems: s,
-      t: o
+      progressViewItems: l,
+      t: a
     }
   ) : /* @__PURE__ */ i(
-    ze,
+    qe,
     {
-      progressViewItems: s,
+      progressViewItems: l,
       loadingText: e.loadingText,
-      t: o,
+      t: a,
       onSourceClick: r
     }
   );
 };
 export {
-  Ve as AgentTaskProgress,
-  U as Checkmark,
-  Ge as FencyProvider,
-  Pe as XMark,
-  Je as useAgentTasks
+  nt as AgentTaskProgress,
+  j as Checkmark,
+  et as FencyProvider,
+  Be as XMark,
+  tt as useAgentTasks
 };