@fencyai/react 0.1.118 → 0.1.120

package/dist/index.js

@@ -1,47 +1,47 @@
-import { createAgentTask as q, createFileDownloadLink as J, createStream as V } from "@fencyai/js";
-import { createContext as X, useContext as Q, useState as x, useRef as I, useEffect as w, useCallback as U, useMemo as j } from "react";
-import { jsx as l, jsxs as C } from "react/jsx-runtime";
-import { useInView as Y, motion as T, AnimatePresence as W } from "motion/react";
-import B from "react-markdown";
-import { Prism as R } from "react-syntax-highlighter";
-import z from "remark-gfm";
-import './assets/index.css';const $ = X(
+import { createAgentTask as J, createFileDownloadLink as V, createStream as X } from "@fencyai/js";
+import { createContext as Y, useContext as Q, useState as C, useRef as E, useEffect as p, useCallback as U, useMemo as j } from "react";
+import { jsx as i, jsxs as b, Fragment as Z } from "react/jsx-runtime";
+import { useInView as ee, motion as v, AnimatePresence as H } from "motion/react";
+import z from "react-markdown";
+import { Prism as F } from "react-syntax-highlighter";
+import L from "remark-gfm";
+import './assets/index.css';const G = Y(
   void 0
 );
-function M() {
-  const e = Q($);
+function N() {
+  const e = Q(G);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const Z = (e) => {
+const te = (e) => {
   try {
     const t = JSON.parse(e);
-    return ee(t);
+    return ne(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, ee = (e) => {
+}, ne = (e) => {
   if (!(typeof e == "object" && e !== null && "type" in e && "streamId" in e && "timestamp" in e))
     return null;
   switch (e.type) {
     case "StreamTimeout":
-      return te(e);
+      return re(e);
     case "StreamNotFound":
-      return ne(e);
+      return oe(e);
     case "AgentTaskProgressItemUpdated":
-      return re(e);
+      return ae(e);
   }
   return null;
-}, te = (e) => ({
+}, re = (e) => ({
   type: "StreamTimeout",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ne = (e) => ({
+}), oe = (e) => ({
   type: "StreamNotFound",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), re = (e) => ({
+}), ae = (e) => ({
   type: "AgentTaskProgressItemUpdated",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -49,52 +49,52 @@ const Z = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), ae = (e) => {
-  const t = M(), [n, r] = x(null), a = I(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return w(() => {
+}), ie = (e) => {
+  const t = N(), [n, r] = C(null), o = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return p(() => {
     if (!t.eventManager) return;
-    const c = {
-      onMessage: (g, i) => {
-        var d, u, b, y, S, f, h, k, P, A;
-        const s = Z(g);
-        if (s)
-          switch (s.type) {
+    const d = {
+      onMessage: (c, a) => {
+        var u, m, T, y, S, f, h, k, A, w;
+        const l = te(c);
+        if (l)
+          switch (l.type) {
             case "NewChatCompletionStreamChunk":
-              (d = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || d.call(e, s);
+              (u = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || u.call(e, l);
               break;
             case "ChatCompletionStreamCompleted":
-              (u = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || u.call(e, s);
+              (m = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || m.call(e, l);
               break;
             case "StreamTimeout":
-              (b = e == null ? void 0 : e.onStreamTimeout) == null || b.call(e, s);
+              (T = e == null ? void 0 : e.onStreamTimeout) == null || T.call(e, l);
               break;
             case "StreamNotFound":
-              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, s);
+              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, l);
               break;
             case "FileUploadCompleted":
-              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, s);
+              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, l);
               break;
             case "FileTextContentReady":
-              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, s);
+              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, l);
               break;
             case "WebsiteHtmlContentReady":
-              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, s);
+              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, l);
               break;
             case "WebsiteTextContentReady":
-              (k = e == null ? void 0 : e.onWebsiteTextContentReady) == null || k.call(e, s);
+              (k = e == null ? void 0 : e.onWebsiteTextContentReady) == null || k.call(e, l);
               break;
             case "FileSearchIndexReady":
-              (P = e == null ? void 0 : e.onFileSearchIndexReady) == null || P.call(e, s);
+              (A = e == null ? void 0 : e.onFileSearchIndexReady) == null || A.call(e, l);
               break;
             case "AgentTaskProgressItemUpdated":
-              (A = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || A.call(e, s);
+              (w = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || w.call(e, l);
               break;
           }
       },
-      onError: (g) => {
-        var i;
-        (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
-          streamId: g,
+      onError: (c) => {
+        var a;
+        (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
+          streamId: c,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -103,124 +103,125 @@ const Z = (e) => {
       }
     };
     return t.eventManager.subscribe(
-      a.current,
-      c
+      o.current,
+      d
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const c = await t.getOrCreateStream(3e4);
-        return r(c), {
+        const d = await t.getOrCreateStream(3e4);
+        return r(d), {
           type: "success",
-          stream: c
+          stream: d
         };
-      } catch (c) {
+      } catch (d) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: c instanceof Error ? c.message : "Failed to create stream"
+            message: d instanceof Error ? d.message : "Failed to create stream"
           }
         };
       }
     },
     stream: n
   };
-}, Oe = (e) => {
-  const t = M(), [n, r] = x([]), a = I(/* @__PURE__ */ new Set()), m = I(/* @__PURE__ */ new Map()), { createStream: c } = ae({
-    onAgentTaskProgressItemUpdated: (i) => {
-      var u;
-      if (!a.current.has(i.agentTaskId)) return;
-      const s = i.data;
-      if (s.type === "GenericAgentTaskCompleted" || s.type === "StreamingChatCompletionCompleted" || s.type === "StructuredChatCompletionCompleted") {
-        const b = m.current.get(i.agentTaskId);
-        b && (m.current.delete(i.agentTaskId), b(s));
+}, Be = (e) => {
+  const t = N(), [n, r] = C([]), o = E(/* @__PURE__ */ new Set()), g = E(/* @__PURE__ */ new Map()), { createStream: d } = ie({
+    onAgentTaskProgressItemUpdated: (a) => {
+      var m;
+      if (!o.current.has(a.agentTaskId)) return;
+      const l = a.data;
+      if (l.taskType === "GenericAgentTask" && l.eventType === "Completed" || l.taskType === "StreamingChatCompletion" && l.eventType === "Completed" || l.taskType === "StructuredChatCompletion" && l.eventType === "Completed" || l.taskType === "StreamingMemoryTypeChatCompletion" && l.eventType === "Completed") {
+        const T = g.current.get(a.agentTaskId);
+        T && (g.current.delete(a.agentTaskId), T(l));
         return;
       }
-      (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, i), r(
-        (b) => b.map((y) => {
+      (m = e.onAgentTaskProgressItemUpdated) == null || m.call(e, a), r(
+        (T) => T.map((y) => {
           var h;
-          if (((h = y.confirmedData) == null ? void 0 : h.taskId) !== i.agentTaskId) return y;
+          if (((h = y.confirmedData) == null ? void 0 : h.taskId) !== a.agentTaskId) return y;
           const f = y.progressItems.some(
-            (k) => k.progressItemId === i.progressItemId
+            (k) => k.progressItemId === a.progressItemId
           ) ? y.progressItems.map(
-            (k) => k.progressItemId === i.progressItemId ? i : k
-          ) : [...y.progressItems, i];
+            (k) => k.progressItemId === a.progressItemId ? a : k
+          ) : [...y.progressItems, a];
           return { ...y, progressItems: f };
         })
       );
     },
-    onStreamError: (i) => {
-      var s;
-      (s = e == null ? void 0 : e.onStreamError) == null || s.call(e, i), r((d) => {
-        const u = d.find((b) => b.streamId === i.streamId);
-        return u ? [
-          ...d.filter((b) => b.streamId !== i.streamId),
+    onStreamError: (a) => {
+      var l;
+      (l = e == null ? void 0 : e.onStreamError) == null || l.call(e, a), r((u) => {
+        const m = u.find((T) => T.streamId === a.streamId);
+        return m ? [
+          ...u.filter((T) => T.streamId !== a.streamId),
           {
-            ...u,
+            ...m,
             loading: !1,
-            error: i.error
+            error: a.error
           }
-        ] : d;
+        ] : u;
       });
     },
-    onStreamNotFound: (i) => {
-      var s;
-      (s = e == null ? void 0 : e.onStreamNotFound) == null || s.call(e, i);
+    onStreamNotFound: (a) => {
+      var l;
+      (l = e == null ? void 0 : e.onStreamNotFound) == null || l.call(e, a);
     },
-    onStreamTimeout: (i) => {
-      var s;
-      (s = e == null ? void 0 : e.onStreamTimeout) == null || s.call(e, i);
+    onStreamTimeout: (a) => {
+      var l;
+      (l = e == null ? void 0 : e.onStreamTimeout) == null || l.call(e, a);
     }
-  }), o = U(
-    async (i, s) => {
-      const d = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await c();
-      if (u.type === "success") {
+  }), s = U(
+    async (a, l) => {
+      const u = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, m = await d();
+      if (m.type === "success") {
         r([
           ...n,
           {
-            taskKey: d,
-            streamId: u.stream.id,
+            taskKey: u,
+            streamId: m.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
-            params: i,
+            params: a,
             progressItems: [],
             loading: !0,
             doneStreaming: !1,
-            loadingText: s == null ? void 0 : s.loadingText
+            loadingText: l == null ? void 0 : l.loadingText
           }
         ]);
-        const { clientToken: b } = await e.fetchCreateAgentTaskClientToken(i.type), y = await q({
+        const { clientToken: T } = await e.fetchCreateAgentTaskClientToken(a.type), y = await J({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: b,
-          streamToken: u.stream.token,
+          clientToken: T,
+          streamToken: m.stream.token,
           request: {
-            genericTask: i.type === "genericAgentTask" ? { query: i.query, jsonSchema: i.jsonSchema } : void 0,
-            streamingChatCompletionTask: i.type === "streamingChatCompletion" ? { messages: i.messages, model: i.model } : void 0,
-            structuredChatCompletionTask: i.type === "structuredChatCompletion" ? { messages: i.messages, jsonSchema: i.jsonSchema, model: i.model } : void 0
+            genericTask: a.type === "genericAgentTask" ? { query: a.query, jsonSchema: a.jsonSchema } : void 0,
+            streamingChatCompletionTask: a.type === "streamingChatCompletion" ? { messages: a.messages, model: a.model } : void 0,
+            structuredChatCompletionTask: a.type === "structuredChatCompletion" ? { messages: a.messages, jsonSchema: a.jsonSchema, model: a.model } : void 0,
+            streamingMemoryTypeChatCompletionTask: a.type === "streamingMemoryTypeChatCompletion" ? { messages: a.messages, model: a.model } : void 0
           }
         });
         if (y.type === "success" && y.agentTask) {
-          a.current.add(
+          o.current.add(
             y.agentTask.id
           ), r((f) => [
             ...f.filter(
-              (h) => h.taskKey !== d
+              (h) => h.taskKey !== u
             ),
             {
-              taskKey: d,
-              streamId: u.stream.id,
+              taskKey: u,
+              streamId: m.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
               taskId: y.agentTask.id,
               createdAt: y.agentTask.createdAt,
               error: null,
-              params: i,
+              params: a,
               progressItems: [],
               doneStreaming: !1,
               loading: !0,
-              loadingText: s == null ? void 0 : s.loadingText,
+              loadingText: l == null ? void 0 : l.loadingText,
               confirmedData: {
                 taskId: y.agentTask.id,
                 createdAt: y.agentTask.createdAt
@@ -229,7 +230,7 @@ const Z = (e) => {
           ]);
           const S = await new Promise(
             (f) => {
-              m.current.set(
+              g.current.set(
                 y.agentTask.id,
                 f
               );
@@ -237,7 +238,7 @@ const Z = (e) => {
           );
           return {
             type: "success",
-            streamId: u.stream.id,
+            streamId: m.stream.id,
             agentTaskId: y.agentTask.id,
             response: S
           };
@@ -245,18 +246,18 @@ const Z = (e) => {
           if (y.type === "error")
             return r((S) => [
               ...S.filter(
-                (f) => f.taskKey !== d
+                (f) => f.taskKey !== u
               ),
               {
-                taskKey: d,
+                taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: u.stream.id,
-                params: i,
+                streamId: m.stream.id,
+                params: a,
                 error: y.error,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: s == null ? void 0 : s.loadingText,
+                loadingText: l == null ? void 0 : l.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -270,18 +271,18 @@ const Z = (e) => {
             };
             return r((f) => [
               ...f.filter(
-                (h) => h.taskKey !== d
+                (h) => h.taskKey !== u
               ),
               {
-                taskKey: d,
+                taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: u.stream.id,
+                streamId: m.stream.id,
                 error: S,
-                params: i,
+                params: a,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: s == null ? void 0 : s.loadingText,
+                loadingText: l == null ? void 0 : l.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -291,86 +292,86 @@ const Z = (e) => {
           }
         }
       } else
-        return console.error(u.error), u;
+        return console.error(m.error), m;
     },
-    [t, n, c]
-  ), g = j(() => {
+    [t, n, d]
+  ), c = j(() => {
     if (n.length !== 0)
-      return [...n].sort((i, s) => new Date(s.triggeredAt).getTime() - new Date(i.triggeredAt).getTime())[0];
+      return [...n].sort((a, l) => new Date(l.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
   }, [n]);
-  return w(() => () => {
-    a.current.clear(), m.current.clear();
+  return p(() => () => {
+    o.current.clear(), g.current.clear();
   }, []), {
     agentTasks: n,
-    createAgentTask: o,
-    latest: g
+    createAgentTask: s,
+    latest: c
   };
 };
-async function oe(e, t) {
+async function se(e, t) {
   const n = e.getReader();
   let r;
   for (; !(r = await n.read()).done; )
     t(r.value);
 }
-function ie(e) {
-  let t, n, r, a = !1;
-  return function(c) {
-    t === void 0 ? (t = c, n = 0, r = -1) : t = ce(t, c);
-    const o = t.length;
-    let g = 0;
-    for (; n < o; ) {
-      a && (t[n] === 10 && (g = ++n), a = !1);
-      let i = -1;
-      for (; n < o && i === -1; ++n)
+function ce(e) {
+  let t, n, r, o = !1;
+  return function(d) {
+    t === void 0 ? (t = d, n = 0, r = -1) : t = de(t, d);
+    const s = t.length;
+    let c = 0;
+    for (; n < s; ) {
+      o && (t[n] === 10 && (c = ++n), o = !1);
+      let a = -1;
+      for (; n < s && a === -1; ++n)
         switch (t[n]) {
           case 58:
-            r === -1 && (r = n - g);
+            r === -1 && (r = n - c);
             break;
           case 13:
-            a = !0;
+            o = !0;
           case 10:
-            i = n;
+            a = n;
             break;
         }
-      if (i === -1)
+      if (a === -1)
         break;
-      e(t.subarray(g, i), r), g = n, r = -1;
+      e(t.subarray(c, a), r), c = n, r = -1;
     }
-    g === o ? t = void 0 : g !== 0 && (t = t.subarray(g), n -= g);
+    c === s ? t = void 0 : c !== 0 && (t = t.subarray(c), n -= c);
   };
 }
-function se(e, t, n) {
-  let r = L();
-  const a = new TextDecoder();
-  return function(c, o) {
-    if (c.length === 0)
-      n == null || n(r), r = L();
-    else if (o > 0) {
-      const g = a.decode(c.subarray(0, o)), i = o + (c[o + 1] === 32 ? 2 : 1), s = a.decode(c.subarray(i));
-      switch (g) {
+function le(e, t, n) {
+  let r = $();
+  const o = new TextDecoder();
+  return function(d, s) {
+    if (d.length === 0)
+      n == null || n(r), r = $();
+    else if (s > 0) {
+      const c = o.decode(d.subarray(0, s)), a = s + (d[s + 1] === 32 ? 2 : 1), l = o.decode(d.subarray(a));
+      switch (c) {
         case "data":
           r.data = r.data ? r.data + `
-` + s : s;
+` + l : l;
           break;
         case "event":
-          r.event = s;
+          r.event = l;
           break;
         case "id":
-          e(r.id = s);
+          e(r.id = l);
           break;
         case "retry":
-          const d = parseInt(s, 10);
-          isNaN(d) || t(r.retry = d);
+          const u = parseInt(l, 10);
+          isNaN(u) || t(r.retry = u);
           break;
       }
     }
   };
 }
-function ce(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 L() {
+function $() {
   return {
     data: "",
     event: "",
@@ -378,82 +379,82 @@ function L() {
     retry: void 0
   };
 }
-var le = 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 a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
-      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
+    for (var o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
+      t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
   return n;
 };
-const D = "text/event-stream", de = 1e3, _ = "last-event-id";
-function H(e, t) {
-  var { signal: n, headers: r, onopen: a, onmessage: m, onclose: c, onerror: o, openWhenHidden: g, fetch: i } = t, s = le(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((d, u) => {
-    const b = Object.assign({}, r);
-    b.accept || (b.accept = D);
+const O = "text/event-stream", me = 1e3, W = "last-event-id";
+function K(e, t) {
+  var { signal: n, headers: r, onopen: o, onmessage: g, onclose: d, onerror: s, openWhenHidden: c, fetch: a } = t, l = ue(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((u, m) => {
+    const T = Object.assign({}, r);
+    T.accept || (T.accept = O);
     let y;
     function S() {
-      y.abort(), document.hidden || E();
+      y.abort(), document.hidden || I();
     }
-    g || document.addEventListener("visibilitychange", S);
-    let f = de, h = 0;
+    c || document.addEventListener("visibilitychange", S);
+    let f = me, h = 0;
     function k() {
       document.removeEventListener("visibilitychange", S), window.clearTimeout(h), y.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      k(), d();
+      k(), u();
     });
-    const P = i ?? window.fetch, A = a ?? ue;
-    async function E() {
-      var F;
+    const A = a ?? window.fetch, w = o ?? ge;
+    async function I() {
+      var R;
       y = new AbortController();
       try {
-        const p = await P(e, Object.assign(Object.assign({}, s), { headers: b, signal: y.signal }));
-        await A(p), await oe(p.body, ie(se((v) => {
-          v ? b[_] = v : delete b[_];
-        }, (v) => {
-          f = v;
-        }, m))), c == null || c(), k(), d();
-      } catch (p) {
+        const P = await A(e, Object.assign(Object.assign({}, l), { headers: T, signal: y.signal }));
+        await w(P), await se(P.body, ce(le((x) => {
+          x ? T[W] = x : delete T[W];
+        }, (x) => {
+          f = x;
+        }, g))), d == null || d(), k(), u();
+      } catch (P) {
         if (!y.signal.aborted)
           try {
-            const v = (F = o == null ? void 0 : o(p)) !== null && F !== void 0 ? F : f;
-            window.clearTimeout(h), h = window.setTimeout(E, v);
-          } catch (v) {
-            k(), u(v);
+            const x = (R = s == null ? void 0 : s(P)) !== null && R !== void 0 ? R : f;
+            window.clearTimeout(h), h = window.setTimeout(I, x);
+          } catch (x) {
+            k(), m(x);
           }
       }
     }
-    E();
+    I();
   });
 }
-function ue(e) {
+function ge(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(D)))
-    throw new Error(`Expected content-type to be ${D}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(O)))
+    throw new Error(`Expected content-type to be ${O}, Actual: ${t}`);
 }
-function De(e) {
-  const [t, n] = x(null);
-  return w(() => {
+function _e(e) {
+  const [t, n] = C(null);
+  return p(() => {
     if (!t)
       return;
     const r = new AbortController();
-    return H(t, {
+    return K(t, {
       headers: e == null ? void 0 : e.headers,
       signal: r.signal,
-      async onopen(a) {
-        if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
-          throw new Error(`Client error ${a.status}`);
+      async onopen(o) {
+        if (!o.ok && o.status >= 400 && o.status < 500 && o.status !== 429)
+          throw new Error(`Client error ${o.status}`);
       },
-      onmessage(a) {
-        a.data && (e == null || e.onMessage({
+      onmessage(o) {
+        o.data && (e == null || e.onMessage({
           url: t,
-          data: K(a.data)
+          data: q(o.data)
         }));
       },
-      onerror(a) {
-        throw console.error("EventSource error:", a), e == null || e.onError(t), n(null), a;
+      onerror(o) {
+        throw console.error("EventSource error:", o), e == null || e.onError(t), n(null), o;
       },
       onclose() {
       }
@@ -465,22 +466,22 @@ function De(e) {
     sourceUrl: t
   };
 }
-function K(e) {
+function q(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);
 }
-function Ue(e, t) {
-  const [n, r] = x(
+function je(e, t) {
+  const [n, r] = C(
     null
-  ), [a, m] = x(
+  ), [o, g] = C(
     null
-  ), c = M(), o = async (d) => {
-    const u = await d.fetchTokens(), { fetchTokens: b, nextPageToken: y, previousPageToken: S, ...f } = d, h = await e({
-      pk: c.fency.publishableKey,
-      clientToken: u.clientToken,
-      streamToken: u.streamToken,
+  ), d = N(), s = async (u) => {
+    const m = await u.fetchTokens(), { fetchTokens: T, nextPageToken: y, previousPageToken: S, ...f } = u, h = await e({
+      pk: d.fency.publishableKey,
+      clientToken: m.clientToken,
+      streamToken: m.streamToken,
       request: {
         ...f,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
@@ -489,7 +490,7 @@ function Ue(e, t) {
           previousPageToken: S
         }
       },
-      baseUrl: c.fency.baseUrl
+      baseUrl: d.fency.baseUrl
     });
     return h.type === "success" && h.items && h.pagination ? {
       type: "success",
@@ -508,16 +509,16 @@ function Ue(e, t) {
     };
   };
   return {
-    fetchFirstPage: async (d) => {
-      const u = await o({
-        ...d,
+    fetchFirstPage: async (u) => {
+      const m = await s({
+        ...u,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return u.type === "success" && (m(u.page), r(d)), u;
+      return m.type === "success" && (g(m.page), r(u)), m;
     },
-    fetchNextPage: async (d) => {
-      if (a == null)
+    fetchNextPage: async (u) => {
+      if (o == null)
         return {
           type: "error",
           error: {
@@ -525,7 +526,7 @@ function Ue(e, t) {
             message: "No current page"
           }
         };
-      if (a.pagination.nextPageToken == null)
+      if (o.pagination.nextPageToken == null)
         return {
           type: "error",
           error: {
@@ -533,15 +534,15 @@ function Ue(e, t) {
             message: "No next page"
           }
         };
-      const u = await o({
-        ...d,
-        nextPageToken: a.pagination.nextPageToken,
+      const m = await s({
+        ...u,
+        nextPageToken: o.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return u.type === "success" && (m(u.page), r(d)), u;
+      return m.type === "success" && (g(m.page), r(u)), m;
     },
-    fetchPreviousPage: async (d) => {
-      if (a == null)
+    fetchPreviousPage: async (u) => {
+      if (o == null)
         return {
           type: "error",
           error: {
@@ -549,7 +550,7 @@ function Ue(e, t) {
             message: "No current page"
           }
         };
-      if (a.pagination.previousPageToken == null)
+      if (o.pagination.previousPageToken == null)
         return {
           type: "error",
           error: {
@@ -557,12 +558,12 @@ function Ue(e, t) {
             message: "No previous page"
           }
         };
-      const u = await o({
-        ...d,
+      const m = await s({
+        ...u,
         nextPageToken: void 0,
-        previousPageToken: a.pagination.previousPageToken
+        previousPageToken: o.pagination.previousPageToken
       });
-      return u.type === "success" && (m(u.page), r(d)), u;
+      return m.type === "success" && (g(m.page), r(u)), m;
     },
     refetchCurrentPage: async () => n == null ? {
       type: "error",
@@ -570,47 +571,47 @@ function Ue(e, t) {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : o(n),
-    currentPage: a
+    } : s(n),
+    currentPage: o
   };
 }
-function me(e) {
+function ye(e) {
   return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], a = r != null;
-    let m;
+    const r = e.progressItems[n + 1], o = r != null;
+    let g;
     if (r != null && r.createdAt) {
-      const c = new Date(t.createdAt).getTime(), o = new Date(r.createdAt).getTime();
-      m = Math.round((o - c) / 1e3);
+      const d = new Date(t.createdAt).getTime(), s = new Date(r.createdAt).getTime();
+      g = Math.round((s - d) / 1e3);
     }
     return {
       item: t,
-      completed: a,
+      completed: o,
       isLatest: n === e.progressItems.length - 1,
-      durationSeconds: m
+      durationSeconds: g
     };
   });
 }
-function N({
+function M({
   text: e,
   duration: t = 2,
   delay: n = 0,
   repeat: r = !0,
-  repeatDelay: a = 0.5,
-  className: m,
-  startOnView: c = !1,
-  once: o = !1,
-  inViewMargin: g,
-  spread: i = 2,
-  color: s = "#999",
-  shimmerColor: d = "#000",
-  direction: u = "fromBottom"
+  repeatDelay: o = 0.5,
+  className: g,
+  startOnView: d = !1,
+  once: s = !1,
+  inViewMargin: c,
+  spread: a = 2,
+  color: l = "#999",
+  shimmerColor: u = "#000",
+  direction: m = "fromBottom"
 }) {
-  const b = I(null), y = Y(b, { once: o, margin: g }), S = j(() => e.length * i, [e, i]), f = !c || y, h = u === "fromBottom" ? "100% center" : "-100% center", k = u === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ l(
-    T.span,
+  const T = E(null), y = ee(T, { once: s, margin: c }), S = j(() => e.length * a, [e, a]), f = !d || y, h = m === "fromBottom" ? "100% center" : "-100% center", k = m === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ i(
+    v.span,
     {
-      ref: b,
-      className: m,
+      ref: T,
+      className: g,
       style: {
         position: "relative",
         display: "inline-block",
@@ -621,8 +622,8 @@ function N({
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
         "--spread": `${S}px`,
-        "--base-color": s,
-        "--shimmer-color": d,
+        "--base-color": l,
+        "--shimmer-color": u,
         "--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))"
       },
@@ -639,7 +640,7 @@ function N({
           repeat: r ? 1 / 0 : 0,
           duration: t,
           delay: n,
-          repeatDelay: a,
+          repeatDelay: o,
           ease: "linear"
         },
         opacity: {
@@ -651,57 +652,67 @@ function N({
     }
   );
 }
-function ge(e) {
+function fe(e) {
   const t = e.item.data;
-  switch (t.type) {
-    case "GenericAgentTaskExecution":
-      return t.title;
-    case "GenericAgentTaskReasoning":
-      return t.title;
-    case "GenericAgentTaskFinalResponse":
-      return "Generating answer...";
-    case "GenericAgentTaskCompleted":
-      return "Completed";
-    case "StreamingChatCompletionText":
-      return "Streaming...";
-    case "StructuredChatCompletionJson":
-      return "Generating...";
-    case "StreamingMemoryTypeChatCompletionText":
-      return "Streaming...";
-    case "StreamingMemoryTypeChatCompletionSearch":
-      return "Searching...";
-    case "StreamingMemoryTypeChatCompletionFindSources":
-      return "Finding sources...";
-    case "StreamingMemoryTypeChatCompletionSourcesResult":
-      return "Sources found...";
-    case "StreamingMemoryTypeChatCompletionCompleted":
-      return "Completed";
-    case "StreamingChatCompletionCompleted":
-      return "Completed";
-    case "StructuredChatCompletionCompleted":
-      return "Completed";
+  if (t.taskType === "GenericAgentTask")
+    switch (t.eventType) {
+      case "Execution":
+      case "Reasoning":
+        return t.title;
+      case "FinalResponse":
+        return "Generating answer...";
+      case "Completed":
+        return "Completed";
+    }
+  if (t.taskType === "StreamingChatCompletion") {
+    if (t.eventType === "Text") return "Streaming...";
+    if (t.eventType === "Completed") return "Completed";
   }
+  if (t.taskType === "StructuredChatCompletion") {
+    if (t.eventType === "Json") return "Generating...";
+    if (t.eventType === "Completed") return "Completed";
+  }
+  if (t.taskType === "StreamingMemoryTypeChatCompletion")
+    switch (t.eventType) {
+      case "Text":
+        return "Streaming...";
+      case "Search":
+        return "Searching...";
+      case "FindSources":
+        return "Adding sources...";
+      case "SourcesResult":
+        return "Sources added...";
+      case "ExploreMemoryStart":
+        return "Exploring memory...";
+      case "ExploreMemoryResult":
+        return "Memory explored";
+      case "ExploreMemoryError":
+        return "Memory exploration failed";
+      case "Completed":
+        return "Completed";
+    }
+  return "Processing...";
 }
-const ye = ({ progressViewItems: e }) => {
+const he = ({ progressViewItems: e }) => {
   const t = e[e.length - 1];
   if (!t) return null;
-  const n = ge(t);
-  return /* @__PURE__ */ l("div", { className: "simple-mode-container", children: /* @__PURE__ */ l(W, { mode: "wait", children: /* @__PURE__ */ l(
-    T.div,
+  const n = fe(t);
+  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(H, { mode: "wait", children: /* @__PURE__ */ i(
+    v.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: t.completed ? /* @__PURE__ */ l(
+      children: t.completed ? /* @__PURE__ */ i(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
           children: n
         }
-      ) : /* @__PURE__ */ l(
-        N,
+      ) : /* @__PURE__ */ i(
+        M,
         {
           text: n,
           className: "simple-mode-title",
@@ -714,13 +725,13 @@ const ye = ({ progressViewItems: e }) => {
     },
     t.item.progressItemId
   ) }) });
-}, fe = ({
+}, Te = ({
   data: e,
   isLatest: t = !1,
   durationSeconds: n
-}) => /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ l(
-    T.div,
+}) => /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ i(
+    v.div,
     {
       style: {
         display: "flex",
@@ -731,8 +742,8 @@ const ye = ({ progressViewItems: e }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: t && !n ? /* @__PURE__ */ l(
-        N,
+      children: t && !n ? /* @__PURE__ */ i(
+        M,
         {
           text: e.title,
           duration: 2.5,
@@ -740,10 +751,10 @@ const ye = ({ progressViewItems: e }) => {
           color: "#999",
           shimmerColor: "#000"
         }
-      ) : /* @__PURE__ */ l("span", { style: { color: "#666" }, children: e.title })
+      ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: e.title })
     }
   ),
-  n !== void 0 && /* @__PURE__ */ C(
+  n !== void 0 && /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -759,7 +770,7 @@ const ye = ({ progressViewItems: e }) => {
       ]
     }
   )
-] }), O = {
+] }), D = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -910,70 +921,70 @@ const ye = ({ progressViewItems: e }) => {
   italic: {
     fontStyle: "italic"
   }
-}, he = ({
+}, Se = ({
   data: e,
   streamToken: t,
   fetchClientToken: n,
   durationSeconds: r
 }) => {
-  const { fency: a } = M(), m = U(
-    async (c) => {
+  const { fency: o } = N(), g = U(
+    async (d) => {
       try {
-        const { clientToken: o } = await n(), g = await J({
-          pk: a.publishableKey,
-          baseUrl: a.baseUrl,
-          clientToken: o,
+        const { clientToken: s } = await n(), c = await V({
+          pk: o.publishableKey,
+          baseUrl: o.baseUrl,
+          clientToken: s,
           streamToken: t,
-          request: { fileId: c }
+          request: { fileId: d }
         });
-        g.type === "success" && window.open(g.downloadLink, "_blank");
-      } catch (o) {
-        console.error("Failed to download file:", o);
+        c.type === "success" && window.open(c.downloadLink, "_blank");
+      } catch (s) {
+        console.error("Failed to download file:", s);
       }
     },
-    [a, t, n]
+    [o, t, n]
   );
-  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ l(
-      T.div,
+  return /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      v.div,
       {
         className: "fency-markdown-body-raw",
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: /* @__PURE__ */ l(
-          B,
+        children: /* @__PURE__ */ i(
+          z,
           {
-            remarkPlugins: [z],
+            remarkPlugins: [L],
             components: {
-              code(c) {
-                const { children: o, className: g, node: i, ref: s, ...d } = c, u = /language-(\w+)/.exec(g || "");
-                return u ? /* @__PURE__ */ l(
-                  R,
+              code(d) {
+                const { children: s, className: c, node: a, ref: l, ...u } = d, m = /language-(\w+)/.exec(c || "");
+                return m ? /* @__PURE__ */ i(
+                  F,
                   {
-                    ...d,
+                    ...u,
                     PreTag: "div",
-                    children: String(o).replace(/\n$/, ""),
-                    language: u[1],
-                    style: O
+                    children: String(s).replace(/\n$/, ""),
+                    language: m[1],
+                    style: D
                   }
-                ) : /* @__PURE__ */ l("code", { ...d, className: g, children: String(o) });
+                ) : /* @__PURE__ */ i("code", { ...u, className: c, children: String(s) });
               },
-              a(c) {
-                const { children: o, href: g, ...i } = c;
-                return /* @__PURE__ */ l(
+              a(d) {
+                const { children: s, href: c, ...a } = d;
+                return /* @__PURE__ */ i(
                   "a",
                   {
-                    ...i,
-                    href: g,
-                    onClick: (s) => {
-                      if (!g) return;
-                      const d = g.match(
+                    ...a,
+                    href: c,
+                    onClick: (l) => {
+                      if (!c) return;
+                      const u = c.match(
                         /\/files\/(fil_[a-zA-Z0-9]+)\/download/
                       );
-                      d && (s.preventDefault(), m(d[1]));
+                      u && (l.preventDefault(), g(u[1]));
                     },
-                    children: o
+                    children: s
                   }
                 );
               }
@@ -983,7 +994,7 @@ const ye = ({ progressViewItems: e }) => {
         )
       }
     ),
-    r !== void 0 && /* @__PURE__ */ C(
+    r !== void 0 && /* @__PURE__ */ b(
       "div",
       {
         style: {
@@ -1000,25 +1011,25 @@ const ye = ({ progressViewItems: e }) => {
       }
     )
   ] });
-}, be = ({
+}, ke = ({
   data: e,
   completed: t,
   isLatest: n = !1,
   durationSeconds: r
 }) => {
-  const a = I(null);
-  return w(() => {
-    a.current && !t && (a.current.scrollTop = a.current.scrollHeight);
-  }, [e.reasoning, t]), /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ l(
-      T.h3,
+  const o = E(null);
+  return p(() => {
+    o.current && !t && (o.current.scrollTop = o.current.scrollHeight);
+  }, [e.reasoning, t]), /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      v.h3,
       {
         style: { marginBottom: "10px", color: "#666" },
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: n && !r ? /* @__PURE__ */ l(
-          N,
+        children: n && !r ? /* @__PURE__ */ i(
+          M,
           {
             text: e.title,
             duration: 2.5,
@@ -1029,10 +1040,10 @@ const ye = ({ progressViewItems: e }) => {
         ) : e.title
       }
     ),
-    /* @__PURE__ */ l(
-      T.div,
+    /* @__PURE__ */ i(
+      v.div,
       {
-        ref: a,
+        ref: o,
         style: {
           maxHeight: "100px",
           overflowY: "auto",
@@ -1045,23 +1056,23 @@ const ye = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 0.5, y: 0 },
         transition: { duration: 0.3, delay: 0.1 },
-        children: /* @__PURE__ */ l("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ l(
-          B,
+        children: /* @__PURE__ */ i("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ i(
+          z,
           {
-            remarkPlugins: [z],
+            remarkPlugins: [L],
             components: {
-              code(m) {
-                const { children: c, className: o, node: g, ref: i, ...s } = m, d = /language-(\w+)/.exec(o || "");
-                return d ? /* @__PURE__ */ l(
-                  R,
+              code(g) {
+                const { children: d, className: s, node: c, ref: a, ...l } = g, u = /language-(\w+)/.exec(s || "");
+                return u ? /* @__PURE__ */ i(
+                  F,
                   {
-                    ...s,
+                    ...l,
                     PreTag: "div",
-                    children: String(c).replace(/\n$/, ""),
-                    language: d[1],
-                    style: O
+                    children: String(d).replace(/\n$/, ""),
+                    language: u[1],
+                    style: D
                   }
-                ) : /* @__PURE__ */ l("code", { ...s, className: o, children: String(c) });
+                ) : /* @__PURE__ */ i("code", { ...l, className: s, children: String(d) });
               }
             },
             children: e.reasoning
@@ -1069,7 +1080,7 @@ const ye = ({ progressViewItems: e }) => {
         ) })
       }
     ),
-    r !== void 0 && /* @__PURE__ */ C(
+    r !== void 0 && /* @__PURE__ */ b(
       "div",
       {
         style: {
@@ -1086,54 +1097,54 @@ const ye = ({ progressViewItems: e }) => {
       }
     )
   ] });
-}, G = ({
+}, B = ({
   text: e
-}) => /* @__PURE__ */ l("div", { style: { padding: "16px" }, children: /* @__PURE__ */ l(
-  T.div,
+}) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+  v.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
-    children: /* @__PURE__ */ l(
-      B,
+    children: /* @__PURE__ */ i(
+      z,
       {
-        remarkPlugins: [z],
+        remarkPlugins: [L],
         components: {
           code(t) {
-            const { children: n, className: r, node: a, ref: m, ...c } = t, o = /language-(\w+)/.exec(r || "");
-            return o ? /* @__PURE__ */ l(
-              R,
+            const { children: n, className: r, node: o, ref: g, ...d } = t, s = /language-(\w+)/.exec(r || "");
+            return s ? /* @__PURE__ */ i(
+              F,
               {
-                ...c,
+                ...d,
                 PreTag: "div",
                 children: String(n).replace(/\n$/, ""),
-                language: o[1],
-                style: O
+                language: s[1],
+                style: D
               }
-            ) : /* @__PURE__ */ l("code", { ...c, className: r, children: String(n) });
+            ) : /* @__PURE__ */ i("code", { ...d, className: r, children: String(n) });
           }
         },
         children: e
       }
     )
   }
-) }), Se = ({ data: e }) => {
+) }), be = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
-  return /* @__PURE__ */ l("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ l(
-    T.div,
+  return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
+    v.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ l(R, { language: "json", style: O, PreTag: "div", children: t })
+      children: /* @__PURE__ */ i(F, { language: "json", style: D, PreTag: "div", children: t })
     }
   ) });
-}, ke = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
+}, ve = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
   const r = `Searching: ${e.queryDescription}`;
-  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ l(
-      T.div,
+  return /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      v.div,
       {
         style: {
           display: "flex",
@@ -1144,8 +1155,8 @@ const ye = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ l(
-          N,
+        children: t && !n ? /* @__PURE__ */ i(
+          M,
           {
             text: r,
             duration: 2.5,
@@ -1153,10 +1164,10 @@ const ye = ({ progressViewItems: e }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ l("span", { style: { color: "#666" }, children: r })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: r })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ C(
+    n !== void 0 && /* @__PURE__ */ b(
       "div",
       {
         style: {
@@ -1174,10 +1185,10 @@ const ye = ({ progressViewItems: e }) => {
     )
   ] });
 }, Ce = ({ isLatest: e = !1, durationSeconds: t }) => {
-  const n = "Finding sources...";
-  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ l(
-      T.div,
+  const n = "Adding sources...";
+  return /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      v.div,
       {
         style: {
           display: "flex",
@@ -1188,8 +1199,8 @@ const ye = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !t ? /* @__PURE__ */ l(
-          N,
+        children: e && !t ? /* @__PURE__ */ i(
+          M,
           {
             text: n,
             duration: 2.5,
@@ -1197,10 +1208,10 @@ const ye = ({ progressViewItems: e }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ l("span", { style: { color: "#666" }, children: n })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: n })
       }
     ),
-    t !== void 0 && /* @__PURE__ */ C(
+    t !== void 0 && /* @__PURE__ */ b(
       "div",
       {
         style: {
@@ -1217,9 +1228,9 @@ const ye = ({ progressViewItems: e }) => {
       }
     )
   ] });
-}, Te = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ l(
-    T.div,
+}, xe = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ i(
+    v.div,
     {
       style: { color: "#666", marginBottom: "10px", fontSize: "14px" },
       initial: { opacity: 0, y: -10 },
@@ -1228,8 +1239,8 @@ const ye = ({ progressViewItems: e }) => {
       children: "Sources"
     }
   ),
-  /* @__PURE__ */ l("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.map((n, r) => /* @__PURE__ */ l(
-    ve,
+  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ i(
+    we,
     {
       source: n,
       index: r,
@@ -1237,17 +1248,26 @@ const ye = ({ progressViewItems: e }) => {
     },
     n.memoryId
   )) })
-] }), ve = ({ source: e, index: t, onSourceClick: n }) => {
-  const [r, a] = x(!1), m = !!n;
-  return /* @__PURE__ */ C(
-    T.div,
+] });
+function pe(e, t) {
+  if (t.length === 0) return e;
+  if (t.length === 1) return `${e} page ${t[0]}`;
+  if (t.length === 2)
+    return `${e} pages ${t[0]} and ${t[1]}`;
+  const n = t[t.length - 1], r = t.slice(0, -1).join(", ");
+  return `${e} pages ${r} and ${n}`;
+}
+const we = ({ source: e, index: t, onSourceClick: n }) => {
+  const [r, o] = C(!1), g = !!n, d = pe(e.memoryTitle, e.pageNumbers);
+  return /* @__PURE__ */ i(
+    v.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: m ? () => n(e.memoryId) : void 0,
-      onMouseEnter: m ? () => a(!0) : void 0,
-      onMouseLeave: m ? () => a(!1) : void 0,
+      onClick: g ? () => n(e.memoryId) : void 0,
+      onMouseEnter: g ? () => o(!0) : void 0,
+      onMouseLeave: g ? () => o(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -1256,91 +1276,218 @@ const ye = ({ progressViewItems: e }) => {
         borderRadius: "8px",
         border: "1px solid #e0e0e0",
         backgroundColor: r ? "#f0f0f0" : "#f9f9f9",
-        cursor: m ? "pointer" : "default",
+        cursor: g ? "pointer" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none"
       },
-      children: [
-        /* @__PURE__ */ l("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryId }),
-        e.pageNumbers.length > 0 && /* @__PURE__ */ l("span", { style: { fontSize: "11px", color: "#888" }, children: e.pageNumbers.length === 1 ? `p. ${e.pageNumbers[0]}` : `pp. ${e.pageNumbers.join(", ")}` })
-      ]
+      children: /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: d })
     }
   );
-}, xe = ({ progressViewItems: e, streamToken: t, fetchClientToken: n, loadingText: r, onSourceClick: a }) => {
-  const m = I(null);
-  w(() => {
-    m.current && (m.current.scrollTop = m.current.scrollHeight);
-  }, [e.length]);
-  const c = (o) => {
-    switch (o.item.data.type) {
-      case "GenericAgentTaskExecution":
-        return /* @__PURE__ */ l(
-          fe,
-          {
-            data: o.item.data,
-            completed: o.completed,
-            isLatest: o.isLatest,
-            durationSeconds: o.durationSeconds
-          }
-        );
-      case "GenericAgentTaskReasoning":
-        return /* @__PURE__ */ l(
-          be,
-          {
-            data: o.item.data,
-            completed: o.completed,
-            isLatest: o.isLatest,
-            durationSeconds: o.durationSeconds
-          }
-        );
-      case "GenericAgentTaskFinalResponse":
-        return /* @__PURE__ */ l(
-          he,
-          {
-            data: o.item.data,
-            streamToken: t,
-            fetchClientToken: n,
-            durationSeconds: o.durationSeconds
-          }
-        );
-      case "StreamingChatCompletionText":
-        return /* @__PURE__ */ l(G, { text: o.item.data.text });
-      case "StructuredChatCompletionJson":
-        return /* @__PURE__ */ l(Se, { data: o.item.data });
-      case "StreamingMemoryTypeChatCompletionText":
-        return /* @__PURE__ */ l(G, { text: o.item.data.text });
-      case "StreamingMemoryTypeChatCompletionSearch":
-        return /* @__PURE__ */ l(
-          ke,
-          {
-            data: o.item.data,
-            isLatest: o.isLatest,
-            durationSeconds: o.durationSeconds
-          }
-        );
-      case "StreamingMemoryTypeChatCompletionFindSources":
-        return /* @__PURE__ */ l(
-          Ce,
+}, Ee = `
+@keyframes explore-memory-spinner {
+    to { transform: rotate(360deg); }
+}
+`;
+function Ae() {
+  return /* @__PURE__ */ b(Z, { children: [
+    /* @__PURE__ */ i("style", { children: Ee }),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          width: 12,
+          height: 12,
+          border: "2px solid #e0e0e0",
+          borderTopColor: "#666",
+          borderRadius: "50%",
+          animation: "explore-memory-spinner 0.8s linear infinite"
+        }
+      }
+    )
+  ] });
+}
+function Ie({
+  eventType: e,
+  completed: t
+}) {
+  return e === "ExploreMemoryError" ? /* @__PURE__ */ i("span", { style: { color: "#c62828", fontSize: 14, fontWeight: 600 }, children: "✗" }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ i("span", { style: { color: "#2e7d32", fontSize: 14, fontWeight: 600 }, children: "✓" }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ i("span", { style: { color: "#2e7d32", fontSize: 14, fontWeight: 600 }, children: "✓" }) : /* @__PURE__ */ i(Ae, {}) : null;
+}
+const _ = 80, Pe = ({ data: e, completed: t }) => {
+  const [n, r] = C(!1), o = e.eventType === "ExploreMemoryResult" ? e.result : void 0, g = o != null && o.length > _, d = o != null ? n || !g ? o : `${o.slice(0, _)}...` : void 0, s = g;
+  return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ b(
+    v.div,
+    {
+      initial: { opacity: 0, scale: 0.9 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { duration: 0.25, delay: 0 },
+      onClick: s ? () => r((c) => !c) : void 0,
+      style: {
+        display: "inline-flex",
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: "10px",
+        padding: "8px 12px",
+        borderRadius: "8px",
+        border: "1px solid #e0e0e0",
+        backgroundColor: "#f9f9f9",
+        minWidth: 0,
+        cursor: s ? "pointer" : "default",
+        transition: "background-color 0.15s ease"
+      },
+      onMouseEnter: s ? (c) => {
+        c.currentTarget.style.backgroundColor = "#f0f0f0";
+      } : void 0,
+      onMouseLeave: s ? (c) => {
+        c.currentTarget.style.backgroundColor = "#f9f9f9";
+      } : void 0,
+      children: [
+        /* @__PURE__ */ i(
+          "div",
           {
-            data: o.item.data,
-            isLatest: o.isLatest,
-            durationSeconds: o.durationSeconds
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              width: 20
+            },
+            children: /* @__PURE__ */ i(Ie, { eventType: e.eventType, completed: t })
           }
-        );
-      case "StreamingMemoryTypeChatCompletionSourcesResult":
-        return /* @__PURE__ */ l(
-          Te,
+        ),
+        /* @__PURE__ */ b(
+          "div",
           {
-            data: o.item.data,
-            onSourceClick: a
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px",
+              minWidth: 0
+            },
+            children: [
+              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+              d != null && /* @__PURE__ */ i(
+                "span",
+                {
+                  style: {
+                    fontSize: 12,
+                    color: "#666",
+                    lineHeight: 1.4,
+                    whiteSpace: n ? "pre-wrap" : void 0
+                  },
+                  children: d
+                }
+              ),
+              s && /* @__PURE__ */ i(
+                "span",
+                {
+                  style: {
+                    fontSize: 11,
+                    color: "#999",
+                    marginTop: 2
+                  },
+                  children: n ? "Click to collapse" : "Click to expand"
+                }
+              )
+            ]
           }
-        );
-      default:
-        return null;
+        )
+      ]
     }
+  ) });
+}, Me = ({ progressViewItems: e, streamToken: t, fetchClientToken: n, loadingText: r, onSourceClick: o }) => {
+  const g = E(null);
+  p(() => {
+    g.current && (g.current.scrollTop = g.current.scrollHeight);
+  }, [e.length]);
+  const d = (s) => {
+    const c = s.item.data;
+    if (c.taskType === "GenericAgentTask")
+      switch (c.eventType) {
+        case "Execution":
+          return /* @__PURE__ */ i(
+            Te,
+            {
+              data: c,
+              completed: s.completed,
+              isLatest: s.isLatest,
+              durationSeconds: s.durationSeconds
+            }
+          );
+        case "Reasoning":
+          return /* @__PURE__ */ i(
+            ke,
+            {
+              data: c,
+              completed: s.completed,
+              isLatest: s.isLatest,
+              durationSeconds: s.durationSeconds
+            }
+          );
+        case "FinalResponse":
+          return /* @__PURE__ */ i(
+            Se,
+            {
+              data: c,
+              streamToken: t,
+              fetchClientToken: n,
+              durationSeconds: s.durationSeconds
+            }
+          );
+        case "Completed":
+          return null;
+      }
+    if (c.taskType === "StreamingChatCompletion" && c.eventType === "Text")
+      return /* @__PURE__ */ i(B, { text: c.text });
+    if (c.taskType === "StructuredChatCompletion" && c.eventType === "Json")
+      return /* @__PURE__ */ i(be, { data: c });
+    if (c.taskType === "StreamingMemoryTypeChatCompletion")
+      switch (c.eventType) {
+        case "Text":
+          return /* @__PURE__ */ i(B, { text: c.text });
+        case "Search":
+          return /* @__PURE__ */ i(
+            ve,
+            {
+              data: c,
+              isLatest: s.isLatest,
+              durationSeconds: s.durationSeconds
+            }
+          );
+        case "FindSources":
+          return /* @__PURE__ */ i(
+            Ce,
+            {
+              data: c,
+              isLatest: s.isLatest,
+              durationSeconds: s.durationSeconds
+            }
+          );
+        case "SourcesResult":
+          return /* @__PURE__ */ i(
+            xe,
+            {
+              data: c,
+              onSourceClick: o
+            }
+          );
+        case "ExploreMemoryStart":
+        case "ExploreMemoryResult":
+        case "ExploreMemoryError":
+          return /* @__PURE__ */ i(
+            Pe,
+            {
+              data: c,
+              completed: s.completed,
+              isLatest: s.isLatest
+            }
+          );
+        case "Completed":
+          return null;
+      }
+    return c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed", null;
   };
-  return e.length === 0 ? /* @__PURE__ */ l("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ l(
-    N,
+  return e.length === 0 ? /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
+    M,
     {
       text: r ?? "Processing your task...",
       duration: 1.5,
@@ -1349,39 +1496,41 @@ const ye = ({ progressViewItems: e }) => {
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ l("div", { id: "agent-task-progress-verbose", ref: m, children: /* @__PURE__ */ l(W, { children: e.map((o, g) => /* @__PURE__ */ l(
-    T.div,
+  ) }) : /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: g, children: /* @__PURE__ */ i(H, { children: e.map((s, c) => /* @__PURE__ */ i(
+    v.div,
     {
-      id: `agent-task-progress-item-${o.item.progressItemId}`,
+      id: `agent-task-progress-item-${s.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
         duration: 0.4,
-        delay: g * 0.1,
+        delay: c * 0.1,
         ease: "easeOut"
       },
-      children: c(o)
+      children: d(s)
     },
-    o.item.progressItemId
+    s.item.progressItemId
   )) }) });
-}, Be = ({
+}, He = ({
   agentTask: e,
   mode: t = "verbose",
   streamToken: n,
-  fetchClientToken: r
+  fetchClientToken: r,
+  onSourceClick: o
 }) => {
-  const a = me(e);
-  return t === "simple" ? /* @__PURE__ */ l(ye, { progressViewItems: a }) : /* @__PURE__ */ l(
-    xe,
+  const g = ye(e);
+  return t === "simple" ? /* @__PURE__ */ i(he, { progressViewItems: g }) : /* @__PURE__ */ i(
+    Me,
     {
-      progressViewItems: a,
+      progressViewItems: g,
       streamToken: n,
       fetchClientToken: r,
-      loadingText: e.loadingText
+      loadingText: e.loadingText,
+      onSourceClick: o
     }
   );
 };
-class we {
+class Re {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -1391,36 +1540,36 @@ class we {
    */
   updateStreams(t) {
     t.forEach((r) => {
-      const a = r.stream.id;
-      this.eventSources.has(a) || this.connectStream(r);
+      const o = r.stream.id;
+      this.eventSources.has(o) || this.connectStream(r);
     });
     const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, a) => {
-      n.has(a) || (r.abort(), this.eventSources.delete(a));
+    this.eventSources.forEach((r, o) => {
+      n.has(o) || (r.abort(), this.eventSources.delete(o));
     });
   }
   connectStream(t) {
     const n = t.stream.id, r = new AbortController();
     this.eventSources.set(n, r);
-    const a = `${this.fency.baseUrl}/sse/streams/${n}`, m = {
+    const o = `${this.fency.baseUrl}/sse/streams/${n}`, g = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    H(a, {
-      headers: m,
+    K(o, {
+      headers: g,
       signal: r.signal,
-      async onopen(c) {
-        if (!c.ok && c.status >= 400 && c.status < 500 && c.status !== 429)
-          throw new Error(`Client error ${c.status}`);
+      async onopen(d) {
+        if (!d.ok && d.status >= 400 && d.status < 500 && d.status !== 429)
+          throw new Error(`Client error ${d.status}`);
       },
-      onmessage: (c) => {
-        if (c.data) {
-          const o = K(c.data);
-          this.broadcast(o, n);
+      onmessage: (d) => {
+        if (d.data) {
+          const s = q(d.data);
+          this.broadcast(s, n);
         }
       },
-      onerror: (c) => {
-        throw console.error("EventSource error for stream", n, ":", c), this.broadcastError(n), c;
+      onerror: (d) => {
+        throw console.error("EventSource error for stream", n, ":", d), this.broadcastError(n), d;
       },
       onclose() {
       }
@@ -1452,94 +1601,95 @@ class we {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const Ae = 12e4, Ie = (e) => {
+const Fe = 12e4, Ne = (e) => {
   const t = Date.now();
-  return e.filter((n) => t - n.createdAt < Ae);
+  return e.filter((n) => t - n.createdAt < Fe);
 };
-function ze({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, a] = x(
+function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+  const [r, o] = C(
     null
-  ), [m, c] = x(!0), [o, g] = x(null), [i, s] = x([]), d = I(null), u = I(null);
-  w(() => {
+  ), [g, d] = C(!0), [s, c] = C(null), [a, l] = C([]), u = E(null), m = E(null);
+  p(() => {
     e.then((f) => {
-      a(f), c(!1);
+      o(f), d(!1);
     }).catch((f) => {
-      g(f), c(!1);
+      c(f), d(!1);
     });
-  }, [e]), w(() => {
-    r && !u.current && (u.current = new we(r));
-  }, [r]), w(() => {
-    u.current && u.current.updateStreams(i);
-  }, [i]), w(() => () => {
+  }, [e]), p(() => {
+    r && !m.current && (m.current = new Re(r));
+  }, [r]), p(() => {
+    m.current && m.current.updateStreams(a);
+  }, [a]), p(() => () => {
     var f;
-    (f = u.current) == null || f.cleanup();
+    (f = m.current) == null || f.cleanup();
   }, []);
-  const b = U(
+  const T = U(
     async (f = 3e4) => {
-      if (d.current)
-        return d.current;
-      const h = Date.now(), k = i.length > 0 ? i[i.length - 1] : null;
+      if (u.current)
+        return u.current;
+      const h = Date.now(), k = a.length > 0 ? a[a.length - 1] : null;
       if (k && h - k.createdAt < f)
         return k.stream;
-      const P = (async () => {
+      const A = (async () => {
         if (!r)
           throw new Error("Fency instance not initialized");
-        const A = await t(), E = await V({
+        const w = await t(), I = await X({
           pk: r.publishableKey,
           baseUrl: r.baseUrl,
-          clientToken: (A == null ? void 0 : A.clientToken) ?? ""
+          clientToken: (w == null ? void 0 : w.clientToken) ?? ""
         });
-        if (E.type === "success") {
-          const F = {
-            stream: E.stream,
+        if (I.type === "success") {
+          const R = {
+            stream: I.stream,
             createdAt: Date.now()
           };
-          return s((p) => {
-            const v = [...p, F];
-            return Ie(v);
-          }), d.current = null, E.stream;
+          return l((P) => {
+            const x = [...P, R];
+            return Ne(x);
+          }), u.current = null, I.stream;
         } else
-          throw d.current = null, new Error("Failed to create stream");
+          throw u.current = null, new Error("Failed to create stream");
       })();
-      return d.current = P, P;
+      return u.current = A, A;
     },
-    [r, i]
+    [r, a]
   );
-  if (o)
-    return /* @__PURE__ */ C("div", { children: [
+  if (s)
+    return /* @__PURE__ */ b("div", { children: [
       "Fency error: ",
-      o.message
+      s.message
     ] });
   if (!r)
     return null;
-  const y = i.length > 0 ? i[i.length - 1] : null, S = {
+  const y = a.length > 0 ? a[a.length - 1] : null, S = {
     fency: r,
-    loading: m,
-    error: o,
-    activeStreams: i,
+    loading: g,
+    error: s,
+    activeStreams: a,
     latestStream: y,
-    eventManager: u.current,
-    getOrCreateStream: b
+    eventManager: m.current,
+    getOrCreateStream: T
   };
-  return /* @__PURE__ */ l($.Provider, { value: S, children: n });
+  return /* @__PURE__ */ i(G.Provider, { value: S, children: n });
 }
 export {
-  Be as AgentTaskProgress,
-  ye as AgentTaskProgressSimple,
-  xe as AgentTaskProgressVerbose,
-  ze as FencyProvider,
-  fe as GenericAgentTaskExecution,
-  he as GenericAgentTaskFinalResponse,
-  be as GenericAgentTaskReasoning,
-  N as ShimmeringText,
-  G as StreamingChatCompletionText,
+  He as AgentTaskProgress,
+  he as AgentTaskProgressSimple,
+  Me as AgentTaskProgressVerbose,
+  Ge as FencyProvider,
+  Te as GenericAgentTaskExecution,
+  Se as GenericAgentTaskFinalResponse,
+  ke as GenericAgentTaskReasoning,
+  M as ShimmeringText,
+  B as StreamingChatCompletionText,
+  Pe as StreamingMemoryTypeChatCompletionExploreMemory,
   Ce as StreamingMemoryTypeChatCompletionFindSources,
-  ke as StreamingMemoryTypeChatCompletionSearch,
-  Te as StreamingMemoryTypeChatCompletionSourcesResult,
-  Se as StructuredChatCompletionJson,
-  Oe as useAgentTasks,
-  M as useFencyContext,
-  De as useFencyEventSource,
-  Ue as usePaginatedQuery,
-  ae as useStream
+  ve as StreamingMemoryTypeChatCompletionSearch,
+  xe as StreamingMemoryTypeChatCompletionSourcesResult,
+  be as StructuredChatCompletionJson,
+  Be as useAgentTasks,
+  N as useFencyContext,
+  _e as useFencyEventSource,
+  je as usePaginatedQuery,
+  ie as useStream
 };