@fencyai/react 0.1.117 → 0.1.119

package/dist/index.js

@@ -1,14 +1,14 @@
-import { createAgentTask as q, createFileDownloadLink as V, createStream as X } from "@fencyai/js";
-import { createContext as J, useContext as Q, useState as v, useRef as x, useEffect as C, useCallback as B, useMemo as H } from "react";
-import { jsx as u, jsxs as E } from "react/jsx-runtime";
-import { useInView as Y, motion as w, AnimatePresence as L } from "motion/react";
-import _ from "react-markdown";
-import { Prism as F } from "react-syntax-highlighter";
-import G from "remark-gfm";
-import './assets/index.css';const W = J(
+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 G } from "react";
+import { jsx as l, jsxs as T } from "react/jsx-runtime";
+import { useInView as Y, motion as k, AnimatePresence as j } from "motion/react";
+import $ from "react-markdown";
+import { Prism as R } from "react-syntax-highlighter";
+import B from "remark-gfm";
+import './assets/index.css';const W = X(
   void 0
 );
-function O() {
+function N() {
   const e = Q(W);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
@@ -17,31 +17,31 @@ function O() {
 const Z = (e) => {
   try {
     const t = JSON.parse(e);
-    return p(t);
+    return ee(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, p = (e) => {
+}, ee = (e) => {
   if (!(typeof e == "object" && e !== null && "type" in e && "streamId" in e && "timestamp" in e))
     return null;
   switch (e.type) {
     case "StreamTimeout":
-      return ee(e);
-    case "StreamNotFound":
       return te(e);
-    case "AgentTaskProgressItemUpdated":
+    case "StreamNotFound":
       return ne(e);
+    case "AgentTaskProgressItemUpdated":
+      return re(e);
   }
   return null;
-}, ee = (e) => ({
+}, te = (e) => ({
   type: "StreamTimeout",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), te = (e) => ({
+}), ne = (e) => ({
   type: "StreamNotFound",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ne = (e) => ({
+}), re = (e) => ({
   type: "AgentTaskProgressItemUpdated",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -49,42 +49,42 @@ const Z = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), re = (e) => {
-  const t = O(), [r, n] = v(null), a = x(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return C(() => {
+}), ae = (e) => {
+  const t = N(), [n, r] = x(null), o = I(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return w(() => {
     if (!t.eventManager) return;
-    const o = {
-      onMessage: (g, i) => {
-        var c, l, b, m, k, y, h, S, I, A;
+    const c = {
+      onMessage: (g, a) => {
+        var d, u, S, y, b, f, h, C, P, A;
         const s = Z(g);
         if (s)
           switch (s.type) {
             case "NewChatCompletionStreamChunk":
-              (c = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || c.call(e, s);
+              (d = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || d.call(e, s);
               break;
             case "ChatCompletionStreamCompleted":
-              (l = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || l.call(e, s);
+              (u = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || u.call(e, s);
               break;
             case "StreamTimeout":
-              (b = e == null ? void 0 : e.onStreamTimeout) == null || b.call(e, s);
+              (S = e == null ? void 0 : e.onStreamTimeout) == null || S.call(e, s);
               break;
             case "StreamNotFound":
-              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, s);
+              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, s);
               break;
             case "FileUploadCompleted":
-              (k = e == null ? void 0 : e.onFileUploadCompleted) == null || k.call(e, s);
+              (b = e == null ? void 0 : e.onFileUploadCompleted) == null || b.call(e, s);
               break;
             case "FileTextContentReady":
-              (y = e == null ? void 0 : e.onFileTextContentReady) == null || y.call(e, s);
+              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, s);
               break;
             case "WebsiteHtmlContentReady":
               (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, s);
               break;
             case "WebsiteTextContentReady":
-              (S = e == null ? void 0 : e.onWebsiteTextContentReady) == null || S.call(e, s);
+              (C = e == null ? void 0 : e.onWebsiteTextContentReady) == null || C.call(e, s);
               break;
             case "FileSearchIndexReady":
-              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, s);
+              (P = e == null ? void 0 : e.onFileSearchIndexReady) == null || P.call(e, s);
               break;
             case "AgentTaskProgressItemUpdated":
               (A = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || A.call(e, s);
@@ -92,8 +92,8 @@ const Z = (e) => {
           }
       },
       onError: (g) => {
-        var i;
-        (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
+        var a;
+        (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
           streamId: g,
           error: {
             code: "UnknownError",
@@ -103,156 +103,157 @@ const Z = (e) => {
       }
     };
     return t.eventManager.subscribe(
-      a.current,
-      o
+      o.current,
+      c
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const o = await t.getOrCreateStream(3e4);
-        return n(o), {
+        const c = await t.getOrCreateStream(3e4);
+        return r(c), {
           type: "success",
-          stream: o
+          stream: c
         };
-      } catch (o) {
+      } catch (c) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: o instanceof Error ? o.message : "Failed to create stream"
+            message: c instanceof Error ? c.message : "Failed to create stream"
           }
         };
       }
     },
-    stream: r
+    stream: n
   };
-}, Ne = (e) => {
-  const t = O(), [r, n] = v([]), a = x(/* @__PURE__ */ new Set()), f = x(/* @__PURE__ */ new Map()), { createStream: o } = re({
-    onAgentTaskProgressItemUpdated: (i) => {
-      var l;
-      if (!a.current.has(i.agentTaskId)) return;
-      const s = i.data;
-      if (s.type === "GenericAgentTaskCompleted" || s.type === "StreamingChatCompletionCompleted" || s.type === "StructuredChatCompletionCompleted") {
-        const b = f.current.get(i.agentTaskId);
-        b && (f.current.delete(i.agentTaskId), b(s));
+}, De = (e) => {
+  const t = N(), [n, r] = x([]), o = I(/* @__PURE__ */ new Set()), m = I(/* @__PURE__ */ new Map()), { createStream: c } = ae({
+    onAgentTaskProgressItemUpdated: (a) => {
+      var u;
+      if (!o.current.has(a.agentTaskId)) return;
+      const s = a.data;
+      if (s.type === "GenericAgentTaskCompleted" || s.type === "StreamingChatCompletionCompleted" || s.type === "StructuredChatCompletionCompleted" || s.type === "StreamingMemoryTypeChatCompletionCompleted") {
+        const S = m.current.get(a.agentTaskId);
+        S && (m.current.delete(a.agentTaskId), S(s));
         return;
       }
-      (l = e.onAgentTaskProgressItemUpdated) == null || l.call(e, i), n(
-        (b) => b.map((m) => {
+      (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, a), r(
+        (S) => S.map((y) => {
           var h;
-          if (((h = m.confirmedData) == null ? void 0 : h.taskId) !== i.agentTaskId) return m;
-          const y = m.progressItems.some(
-            (S) => S.progressItemId === i.progressItemId
-          ) ? m.progressItems.map(
-            (S) => S.progressItemId === i.progressItemId ? i : S
-          ) : [...m.progressItems, i];
-          return { ...m, progressItems: y };
+          if (((h = y.confirmedData) == null ? void 0 : h.taskId) !== a.agentTaskId) return y;
+          const f = y.progressItems.some(
+            (C) => C.progressItemId === a.progressItemId
+          ) ? y.progressItems.map(
+            (C) => C.progressItemId === a.progressItemId ? a : C
+          ) : [...y.progressItems, a];
+          return { ...y, progressItems: f };
         })
       );
     },
-    onStreamError: (i) => {
+    onStreamError: (a) => {
       var s;
-      (s = e == null ? void 0 : e.onStreamError) == null || s.call(e, i), n((c) => {
-        const l = c.find((b) => b.streamId === i.streamId);
-        return l ? [
-          ...c.filter((b) => b.streamId !== i.streamId),
+      (s = e == null ? void 0 : e.onStreamError) == null || s.call(e, a), r((d) => {
+        const u = d.find((S) => S.streamId === a.streamId);
+        return u ? [
+          ...d.filter((S) => S.streamId !== a.streamId),
           {
-            ...l,
+            ...u,
             loading: !1,
-            error: i.error
+            error: a.error
           }
-        ] : c;
+        ] : d;
       });
     },
-    onStreamNotFound: (i) => {
+    onStreamNotFound: (a) => {
       var s;
-      (s = e == null ? void 0 : e.onStreamNotFound) == null || s.call(e, i);
+      (s = e == null ? void 0 : e.onStreamNotFound) == null || s.call(e, a);
     },
-    onStreamTimeout: (i) => {
+    onStreamTimeout: (a) => {
       var s;
-      (s = e == null ? void 0 : e.onStreamTimeout) == null || s.call(e, i);
+      (s = e == null ? void 0 : e.onStreamTimeout) == null || s.call(e, a);
     }
-  }), d = B(
-    async (i, s) => {
-      const c = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, l = await o();
-      if (l.type === "success") {
-        n([
-          ...r,
+  }), i = U(
+    async (a, s) => {
+      const d = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await c();
+      if (u.type === "success") {
+        r([
+          ...n,
           {
-            taskKey: c,
-            streamId: l.stream.id,
+            taskKey: d,
+            streamId: u.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
           }
         ]);
-        const { clientToken: b } = await e.fetchCreateAgentTaskClientToken(i.type), m = await q({
+        const { clientToken: S } = await e.fetchCreateAgentTaskClientToken(a.type), y = await q({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: b,
-          streamToken: l.stream.token,
+          clientToken: S,
+          streamToken: u.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 (m.type === "success" && m.agentTask) {
-          a.current.add(
-            m.agentTask.id
-          ), n((y) => [
-            ...y.filter(
-              (h) => h.taskKey !== c
+        if (y.type === "success" && y.agentTask) {
+          o.current.add(
+            y.agentTask.id
+          ), r((f) => [
+            ...f.filter(
+              (h) => h.taskKey !== d
             ),
             {
-              taskKey: c,
-              streamId: l.stream.id,
+              taskKey: d,
+              streamId: u.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: m.agentTask.id,
-              createdAt: m.agentTask.createdAt,
+              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,
               confirmedData: {
-                taskId: m.agentTask.id,
-                createdAt: m.agentTask.createdAt
+                taskId: y.agentTask.id,
+                createdAt: y.agentTask.createdAt
               }
             }
           ]);
-          const k = await new Promise(
-            (y) => {
-              f.current.set(
-                m.agentTask.id,
-                y
+          const b = await new Promise(
+            (f) => {
+              m.current.set(
+                y.agentTask.id,
+                f
               );
             }
           );
           return {
             type: "success",
-            streamId: l.stream.id,
-            agentTaskId: m.agentTask.id,
-            response: k
+            streamId: u.stream.id,
+            agentTaskId: y.agentTask.id,
+            response: b
           };
         } else {
-          if (m.type === "error")
-            return n((k) => [
-              ...k.filter(
-                (y) => y.taskKey !== c
+          if (y.type === "error")
+            return r((b) => [
+              ...b.filter(
+                (f) => f.taskKey !== d
               ),
               {
-                taskKey: c,
+                taskKey: d,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: l.stream.id,
-                params: i,
-                error: m.error,
+                streamId: u.stream.id,
+                params: a,
+                error: y.error,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
@@ -261,23 +262,23 @@ const Z = (e) => {
               }
             ]), {
               type: "error",
-              error: m.error
+              error: y.error
             };
           {
-            const k = {
+            const b = {
               message: "No response received",
               code: "UnknownError"
             };
-            return n((y) => [
-              ...y.filter(
-                (h) => h.taskKey !== c
+            return r((f) => [
+              ...f.filter(
+                (h) => h.taskKey !== d
               ),
               {
-                taskKey: c,
+                taskKey: d,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: l.stream.id,
-                error: k,
-                params: i,
+                streamId: u.stream.id,
+                error: b,
+                params: a,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
@@ -286,89 +287,89 @@ const Z = (e) => {
               }
             ]), {
               type: "error",
-              error: k
+              error: b
             };
           }
         }
       } else
-        return console.error(l.error), l;
+        return console.error(u.error), u;
     },
-    [t, r, o]
-  ), g = H(() => {
-    if (r.length !== 0)
-      return [...r].sort((i, s) => new Date(s.triggeredAt).getTime() - new Date(i.triggeredAt).getTime())[0];
-  }, [r]);
-  return C(() => () => {
-    a.current.clear(), f.current.clear();
+    [t, n, c]
+  ), g = G(() => {
+    if (n.length !== 0)
+      return [...n].sort((a, s) => new Date(s.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
+  }, [n]);
+  return w(() => () => {
+    o.current.clear(), m.current.clear();
   }, []), {
-    agentTasks: r,
-    createAgentTask: d,
+    agentTasks: n,
+    createAgentTask: i,
     latest: g
   };
 };
-async function ae(e, t) {
-  const r = e.getReader();
-  let n;
-  for (; !(n = await r.read()).done; )
-    t(n.value);
+async function oe(e, t) {
+  const n = e.getReader();
+  let r;
+  for (; !(r = await n.read()).done; )
+    t(r.value);
 }
-function oe(e) {
-  let t, r, n, a = !1;
-  return function(o) {
-    t === void 0 ? (t = o, r = 0, n = -1) : t = se(t, o);
-    const d = t.length;
+function ie(e) {
+  let t, n, r, o = !1;
+  return function(c) {
+    t === void 0 ? (t = c, n = 0, r = -1) : t = ce(t, c);
+    const i = t.length;
     let g = 0;
-    for (; r < d; ) {
-      a && (t[r] === 10 && (g = ++r), a = !1);
-      let i = -1;
-      for (; r < d && i === -1; ++r)
-        switch (t[r]) {
+    for (; n < i; ) {
+      o && (t[n] === 10 && (g = ++n), o = !1);
+      let a = -1;
+      for (; n < i && a === -1; ++n)
+        switch (t[n]) {
           case 58:
-            n === -1 && (n = r - g);
+            r === -1 && (r = n - g);
             break;
           case 13:
-            a = !0;
+            o = !0;
           case 10:
-            i = r;
+            a = n;
             break;
         }
-      if (i === -1)
+      if (a === -1)
         break;
-      e(t.subarray(g, i), n), g = r, n = -1;
+      e(t.subarray(g, a), r), g = n, r = -1;
     }
-    g === d ? t = void 0 : g !== 0 && (t = t.subarray(g), r -= g);
+    g === i ? t = void 0 : g !== 0 && (t = t.subarray(g), n -= g);
   };
 }
-function ie(e, t, r) {
-  let n = z();
-  const a = new TextDecoder();
-  return function(o, d) {
-    if (o.length === 0)
-      r == null || r(n), n = z();
-    else if (d > 0) {
-      const g = a.decode(o.subarray(0, d)), i = d + (o[d + 1] === 32 ? 2 : 1), s = a.decode(o.subarray(i));
+function se(e, t, n) {
+  let r = z();
+  const o = new TextDecoder();
+  return function(c, i) {
+    if (c.length === 0)
+      n == null || n(r), r = z();
+    else if (i > 0) {
+      const g = o.decode(c.subarray(0, i)), a = i + (c[i + 1] === 32 ? 2 : 1), s = o.decode(c.subarray(a));
       switch (g) {
         case "data":
-          n.data = n.data ? n.data + `
+          r.data = r.data ? r.data + `
 ` + s : s;
           break;
         case "event":
-          n.event = s;
+          r.event = s;
           break;
         case "id":
-          e(n.id = s);
+          e(r.id = s);
           break;
         case "retry":
-          const c = parseInt(s, 10);
-          isNaN(c) || t(n.retry = c);
+          const d = parseInt(s, 10);
+          isNaN(d) || t(r.retry = d);
           break;
       }
     }
   };
 }
-function se(e, t) {
-  const r = new Uint8Array(e.length + t.length);
-  return r.set(e), r.set(t, e.length), r;
+function ce(e, t) {
+  const n = new Uint8Array(e.length + t.length);
+  return n.set(e), n.set(t, e.length), n;
 }
 function z() {
   return {
@@ -378,118 +379,118 @@ function z() {
     retry: void 0
   };
 }
-var ce = function(e, t) {
-  var r = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+var le = 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, n = Object.getOwnPropertySymbols(e); a < n.length; a++)
-      t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (r[n[a]] = e[n[a]]);
-  return r;
+    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 M = "text/event-stream", le = 1e3, j = "last-event-id";
-function $(e, t) {
-  var { signal: r, headers: n, onopen: a, onmessage: f, onclose: o, onerror: d, openWhenHidden: g, fetch: i } = t, s = ce(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((c, l) => {
-    const b = Object.assign({}, n);
-    b.accept || (b.accept = M);
-    let m;
-    function k() {
-      m.abort(), document.hidden || P();
+const D = "text/event-stream", de = 1e3, L = "last-event-id";
+function H(e, t) {
+  var { signal: n, headers: r, onopen: o, onmessage: m, onclose: c, onerror: i, openWhenHidden: g, fetch: a } = t, s = le(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((d, u) => {
+    const S = Object.assign({}, r);
+    S.accept || (S.accept = D);
+    let y;
+    function b() {
+      y.abort(), document.hidden || E();
     }
-    g || document.addEventListener("visibilitychange", k);
-    let y = le, h = 0;
-    function S() {
-      document.removeEventListener("visibilitychange", k), window.clearTimeout(h), m.abort();
+    g || document.addEventListener("visibilitychange", b);
+    let f = de, h = 0;
+    function C() {
+      document.removeEventListener("visibilitychange", b), window.clearTimeout(h), y.abort();
     }
-    r == null || r.addEventListener("abort", () => {
-      S(), c();
+    n == null || n.addEventListener("abort", () => {
+      C(), d();
     });
-    const I = i ?? window.fetch, A = a ?? de;
-    async function P() {
-      var N;
-      m = new AbortController();
+    const P = a ?? window.fetch, A = o ?? ue;
+    async function E() {
+      var F;
+      y = new AbortController();
       try {
-        const R = await I(e, Object.assign(Object.assign({}, s), { headers: b, signal: m.signal }));
-        await A(R), await ae(R.body, oe(ie((T) => {
-          T ? b[j] = T : delete b[j];
-        }, (T) => {
-          y = T;
-        }, f))), o == null || o(), S(), c();
-      } catch (R) {
-        if (!m.signal.aborted)
+        const p = await P(e, Object.assign(Object.assign({}, s), { headers: S, signal: y.signal }));
+        await A(p), await oe(p.body, ie(se((v) => {
+          v ? S[L] = v : delete S[L];
+        }, (v) => {
+          f = v;
+        }, m))), c == null || c(), C(), d();
+      } catch (p) {
+        if (!y.signal.aborted)
           try {
-            const T = (N = d == null ? void 0 : d(R)) !== null && N !== void 0 ? N : y;
-            window.clearTimeout(h), h = window.setTimeout(P, T);
-          } catch (T) {
-            S(), l(T);
+            const v = (F = i == null ? void 0 : i(p)) !== null && F !== void 0 ? F : f;
+            window.clearTimeout(h), h = window.setTimeout(E, v);
+          } catch (v) {
+            C(), u(v);
           }
       }
     }
-    P();
+    E();
   });
 }
-function de(e) {
+function ue(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(M)))
-    throw new Error(`Expected content-type to be ${M}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(D)))
+    throw new Error(`Expected content-type to be ${D}, Actual: ${t}`);
 }
-function Fe(e) {
-  const [t, r] = v(null);
-  return C(() => {
+function Ue(e) {
+  const [t, n] = x(null);
+  return w(() => {
     if (!t)
       return;
-    const n = new AbortController();
-    return $(t, {
+    const r = new AbortController();
+    return H(t, {
       headers: e == null ? void 0 : e.headers,
-      signal: n.signal,
-      async onopen(a) {
-        if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
-          throw new Error(`Client error ${a.status}`);
+      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}`);
       },
-      onmessage(a) {
-        a.data && (e == null || e.onMessage({
+      onmessage(o) {
+        o.data && (e == null || e.onMessage({
           url: t,
-          data: K(a.data)
+          data: K(o.data)
         }));
       },
-      onerror(a) {
-        throw console.error("EventSource error:", a), e == null || e.onError(t), r(null), a;
+      onerror(o) {
+        throw console.error("EventSource error:", o), e == null || e.onError(t), n(null), o;
       },
       onclose() {
       }
     }), () => {
-      n.abort();
+      r.abort();
     };
   }, [t, e == null ? void 0 : e.headers]), {
-    setSourceUrl: r,
+    setSourceUrl: n,
     sourceUrl: t
   };
 }
 function K(e) {
-  const t = atob(e), r = new Uint8Array(t.length);
-  for (let n = 0; n < t.length; n++)
-    r[n] = t.charCodeAt(n);
-  return new TextDecoder("utf-8").decode(r);
+  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 Oe(e, t) {
-  const [r, n] = v(
+function $e(e, t) {
+  const [n, r] = x(
     null
-  ), [a, f] = v(
+  ), [o, m] = x(
     null
-  ), o = O(), d = async (c) => {
-    const l = await c.fetchTokens(), { fetchTokens: b, nextPageToken: m, previousPageToken: k, ...y } = c, h = await e({
-      pk: o.fency.publishableKey,
-      clientToken: l.clientToken,
-      streamToken: l.streamToken,
+  ), c = N(), i = async (d) => {
+    const u = await d.fetchTokens(), { fetchTokens: S, nextPageToken: y, previousPageToken: b, ...f } = d, h = await e({
+      pk: c.fency.publishableKey,
+      clientToken: u.clientToken,
+      streamToken: u.streamToken,
       request: {
-        ...y,
+        ...f,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
         pagination: {
-          nextPageToken: m,
-          previousPageToken: k
+          nextPageToken: y,
+          previousPageToken: b
         }
       },
-      baseUrl: o.fency.baseUrl
+      baseUrl: c.fency.baseUrl
     });
     return h.type === "success" && h.items && h.pagination ? {
       type: "success",
@@ -508,16 +509,16 @@ function Oe(e, t) {
     };
   };
   return {
-    fetchFirstPage: async (c) => {
-      const l = await d({
-        ...c,
+    fetchFirstPage: async (d) => {
+      const u = await i({
+        ...d,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return l.type === "success" && (f(l.page), n(c)), l;
+      return u.type === "success" && (m(u.page), r(d)), u;
     },
-    fetchNextPage: async (c) => {
-      if (a == null)
+    fetchNextPage: async (d) => {
+      if (o == null)
         return {
           type: "error",
           error: {
@@ -525,7 +526,7 @@ function Oe(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 Oe(e, t) {
             message: "No next page"
           }
         };
-      const l = await d({
-        ...c,
-        nextPageToken: a.pagination.nextPageToken,
+      const u = await i({
+        ...d,
+        nextPageToken: o.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return l.type === "success" && (f(l.page), n(c)), l;
+      return u.type === "success" && (m(u.page), r(d)), u;
     },
-    fetchPreviousPage: async (c) => {
-      if (a == null)
+    fetchPreviousPage: async (d) => {
+      if (o == null)
         return {
           type: "error",
           error: {
@@ -549,7 +550,7 @@ function Oe(e, t) {
             message: "No current page"
           }
         };
-      if (a.pagination.previousPageToken == null)
+      if (o.pagination.previousPageToken == null)
         return {
           type: "error",
           error: {
@@ -557,60 +558,60 @@ function Oe(e, t) {
             message: "No previous page"
           }
         };
-      const l = await d({
-        ...c,
+      const u = await i({
+        ...d,
         nextPageToken: void 0,
-        previousPageToken: a.pagination.previousPageToken
+        previousPageToken: o.pagination.previousPageToken
       });
-      return l.type === "success" && (f(l.page), n(c)), l;
+      return u.type === "success" && (m(u.page), r(d)), u;
     },
-    refetchCurrentPage: async () => r == null ? {
+    refetchCurrentPage: async () => n == null ? {
       type: "error",
       error: {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : d(r),
-    currentPage: a
+    } : i(n),
+    currentPage: o
   };
 }
-function ue(e) {
-  return e.progressItems.map((t, r) => {
-    const n = e.progressItems[r + 1], a = n != null;
-    let f;
-    if (n != null && n.createdAt) {
-      const o = new Date(t.createdAt).getTime(), d = new Date(n.createdAt).getTime();
-      f = Math.round((d - o) / 1e3);
+function me(e) {
+  return e.progressItems.map((t, n) => {
+    const r = e.progressItems[n + 1], o = r != null;
+    let m;
+    if (r != null && r.createdAt) {
+      const c = new Date(t.createdAt).getTime(), i = new Date(r.createdAt).getTime();
+      m = Math.round((i - c) / 1e3);
     }
     return {
       item: t,
-      completed: a,
-      isLatest: r === e.progressItems.length - 1,
-      durationSeconds: f
+      completed: o,
+      isLatest: n === e.progressItems.length - 1,
+      durationSeconds: m
     };
   });
 }
-function D({
+function M({
   text: e,
   duration: t = 2,
-  delay: r = 0,
-  repeat: n = !0,
-  repeatDelay: a = 0.5,
-  className: f,
-  startOnView: o = !1,
-  once: d = !1,
+  delay: n = 0,
+  repeat: r = !0,
+  repeatDelay: o = 0.5,
+  className: m,
+  startOnView: c = !1,
+  once: i = !1,
   inViewMargin: g,
-  spread: i = 2,
+  spread: a = 2,
   color: s = "#999",
-  shimmerColor: c = "#000",
-  direction: l = "fromBottom"
+  shimmerColor: d = "#000",
+  direction: u = "fromBottom"
 }) {
-  const b = x(null), m = Y(b, { once: d, margin: g }), k = H(() => e.length * i, [e, i]), y = !o || m, h = l === "fromBottom" ? "100% center" : "-100% center", S = l === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ u(
-    w.span,
+  const S = I(null), y = Y(S, { once: i, margin: g }), b = G(() => e.length * a, [e, a]), f = !c || y, h = u === "fromBottom" ? "100% center" : "-100% center", C = u === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ l(
+    k.span,
     {
-      ref: b,
-      className: f,
+      ref: S,
+      className: m,
       style: {
         position: "relative",
         display: "inline-block",
@@ -620,9 +621,9 @@ function D({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${k}px`,
+        "--spread": `${b}px`,
         "--base-color": s,
-        "--shimmer-color": c,
+        "--shimmer-color": d,
         "--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))"
       },
@@ -630,21 +631,21 @@ function D({
         backgroundPosition: h,
         opacity: 0
       },
-      animate: y ? {
-        backgroundPosition: S,
+      animate: f ? {
+        backgroundPosition: C,
         opacity: 1
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: n ? 1 / 0 : 0,
+          repeat: r ? 1 / 0 : 0,
           duration: t,
-          delay: r,
-          repeatDelay: a,
+          delay: n,
+          repeatDelay: o,
           ease: "linear"
         },
         opacity: {
           duration: 0.3,
-          delay: r
+          delay: n
         }
       },
       children: e
@@ -660,35 +661,50 @@ function ge(e) {
       return t.title;
     case "GenericAgentTaskFinalResponse":
       return "Generating answer...";
-    case "StreamingChatCompletionResponse":
+    case "GenericAgentTaskCompleted":
+      return "Completed";
+    case "StreamingChatCompletionText":
       return "Streaming...";
-    case "StructuredChatCompletionResponse":
+    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";
-    case "GenericAgentTaskCompleted":
-      return "Completed";
   }
 }
-const me = ({
-  progressViewItems: e
-}) => {
+const ye = ({ progressViewItems: e }) => {
   const t = e[e.length - 1];
   if (!t) return null;
-  const r = ge(t);
-  return /* @__PURE__ */ u("div", { className: "simple-mode-container", children: /* @__PURE__ */ u(L, { mode: "wait", children: /* @__PURE__ */ u(
-    w.div,
+  const n = ge(t);
+  return /* @__PURE__ */ l("div", { className: "simple-mode-container", children: /* @__PURE__ */ l(j, { mode: "wait", children: /* @__PURE__ */ l(
+    k.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: t.completed ? /* @__PURE__ */ u("div", { className: "simple-mode-title", style: { color: "#666" }, children: r }) : /* @__PURE__ */ u(
-        D,
+      children: t.completed ? /* @__PURE__ */ l(
+        "div",
+        {
+          className: "simple-mode-title",
+          style: { color: "#666" },
+          children: n
+        }
+      ) : /* @__PURE__ */ l(
+        M,
         {
-          text: r,
+          text: n,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -702,10 +718,10 @@ const me = ({
 }, fe = ({
   data: e,
   isLatest: t = !1,
-  durationSeconds: r
-}) => /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ u(
-    w.div,
+  durationSeconds: n
+}) => /* @__PURE__ */ T("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ l(
+    k.div,
     {
       style: {
         display: "flex",
@@ -716,8 +732,8 @@ const me = ({
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: t && !r ? /* @__PURE__ */ u(
-        D,
+      children: t && !n ? /* @__PURE__ */ l(
+        M,
         {
           text: e.title,
           duration: 2.5,
@@ -725,10 +741,10 @@ const me = ({
           color: "#999",
           shimmerColor: "#000"
         }
-      ) : /* @__PURE__ */ u("span", { style: { color: "#666" }, children: e.title })
+      ) : /* @__PURE__ */ l("span", { style: { color: "#666" }, children: e.title })
     }
   ),
-  r !== void 0 && /* @__PURE__ */ E(
+  n !== void 0 && /* @__PURE__ */ T(
     "div",
     {
       style: {
@@ -739,12 +755,12 @@ const me = ({
       },
       children: [
         "Took ",
-        r,
+        n,
         " seconds"
       ]
     }
   )
-] }), U = {
+] }), O = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -895,70 +911,70 @@ const me = ({
   italic: {
     fontStyle: "italic"
   }
-}, ye = ({
+}, he = ({
   data: e,
   streamToken: t,
-  fetchClientToken: r,
-  durationSeconds: n
+  fetchClientToken: n,
+  durationSeconds: r
 }) => {
-  const { fency: a } = O(), f = B(
-    async (o) => {
+  const { fency: o } = N(), m = U(
+    async (c) => {
       try {
-        const { clientToken: d } = await r(), g = await V({
-          pk: a.publishableKey,
-          baseUrl: a.baseUrl,
-          clientToken: d,
+        const { clientToken: i } = await n(), g = await J({
+          pk: o.publishableKey,
+          baseUrl: o.baseUrl,
+          clientToken: i,
           streamToken: t,
-          request: { fileId: o }
+          request: { fileId: c }
         });
         g.type === "success" && window.open(g.downloadLink, "_blank");
-      } catch (d) {
-        console.error("Failed to download file:", d);
+      } catch (i) {
+        console.error("Failed to download file:", i);
       }
     },
-    [a, t, r]
+    [o, t, n]
   );
-  return /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ u(
-      w.div,
+  return /* @__PURE__ */ T("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ l(
+      k.div,
       {
         className: "fency-markdown-body-raw",
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: /* @__PURE__ */ u(
-          _,
+        children: /* @__PURE__ */ l(
+          $,
           {
-            remarkPlugins: [G],
+            remarkPlugins: [B],
             components: {
-              code(o) {
-                const { children: d, className: g, node: i, ref: s, ...c } = o, l = /language-(\w+)/.exec(g || "");
-                return l ? /* @__PURE__ */ u(
-                  F,
+              code(c) {
+                const { children: i, className: g, node: a, ref: s, ...d } = c, u = /language-(\w+)/.exec(g || "");
+                return u ? /* @__PURE__ */ l(
+                  R,
                   {
-                    ...c,
+                    ...d,
                     PreTag: "div",
-                    children: String(d).replace(/\n$/, ""),
-                    language: l[1],
-                    style: U
+                    children: String(i).replace(/\n$/, ""),
+                    language: u[1],
+                    style: O
                   }
-                ) : /* @__PURE__ */ u("code", { ...c, className: g, children: String(d) });
+                ) : /* @__PURE__ */ l("code", { ...d, className: g, children: String(i) });
               },
-              a(o) {
-                const { children: d, href: g, ...i } = o;
-                return /* @__PURE__ */ u(
+              a(c) {
+                const { children: i, href: g, ...a } = c;
+                return /* @__PURE__ */ l(
                   "a",
                   {
-                    ...i,
+                    ...a,
                     href: g,
                     onClick: (s) => {
                       if (!g) return;
-                      const c = g.match(
+                      const d = g.match(
                         /\/files\/(fil_[a-zA-Z0-9]+)\/download/
                       );
-                      c && (s.preventDefault(), f(c[1]));
+                      d && (s.preventDefault(), m(d[1]));
                     },
-                    children: d
+                    children: i
                   }
                 );
               }
@@ -968,7 +984,7 @@ const me = ({
         )
       }
     ),
-    n !== void 0 && /* @__PURE__ */ E(
+    r !== void 0 && /* @__PURE__ */ T(
       "div",
       {
         style: {
@@ -979,31 +995,31 @@ const me = ({
         },
         children: [
           "Thought for ",
-          n,
+          r,
           " seconds"
         ]
       }
     )
   ] });
-}, he = ({
+}, Se = ({
   data: e,
   completed: t,
-  isLatest: r = !1,
-  durationSeconds: n
+  isLatest: n = !1,
+  durationSeconds: r
 }) => {
-  const a = x(null);
-  return C(() => {
-    a.current && !t && (a.current.scrollTop = a.current.scrollHeight);
-  }, [e.reasoning, t]), /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ u(
-      w.h3,
+  const o = I(null);
+  return w(() => {
+    o.current && !t && (o.current.scrollTop = o.current.scrollHeight);
+  }, [e.reasoning, t]), /* @__PURE__ */ T("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ l(
+      k.h3,
       {
         style: { marginBottom: "10px", color: "#666" },
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: r && !n ? /* @__PURE__ */ u(
-          D,
+        children: n && !r ? /* @__PURE__ */ l(
+          M,
           {
             text: e.title,
             duration: 2.5,
@@ -1014,10 +1030,10 @@ const me = ({
         ) : e.title
       }
     ),
-    /* @__PURE__ */ u(
-      w.div,
+    /* @__PURE__ */ l(
+      k.div,
       {
-        ref: a,
+        ref: o,
         style: {
           maxHeight: "100px",
           overflowY: "auto",
@@ -1030,23 +1046,23 @@ const me = ({
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 0.5, y: 0 },
         transition: { duration: 0.3, delay: 0.1 },
-        children: /* @__PURE__ */ u("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ u(
-          _,
+        children: /* @__PURE__ */ l("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ l(
+          $,
           {
-            remarkPlugins: [G],
+            remarkPlugins: [B],
             components: {
-              code(f) {
-                const { children: o, className: d, node: g, ref: i, ...s } = f, c = /language-(\w+)/.exec(d || "");
-                return c ? /* @__PURE__ */ u(
-                  F,
+              code(m) {
+                const { children: c, className: i, node: g, ref: a, ...s } = m, d = /language-(\w+)/.exec(i || "");
+                return d ? /* @__PURE__ */ l(
+                  R,
                   {
                     ...s,
                     PreTag: "div",
-                    children: String(o).replace(/\n$/, ""),
-                    language: c[1],
-                    style: U
+                    children: String(c).replace(/\n$/, ""),
+                    language: d[1],
+                    style: O
                   }
-                ) : /* @__PURE__ */ u("code", { ...s, className: d, children: String(o) });
+                ) : /* @__PURE__ */ l("code", { ...s, className: i, children: String(c) });
               }
             },
             children: e.reasoning
@@ -1054,7 +1070,7 @@ const me = ({
         ) })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ E(
+    r !== void 0 && /* @__PURE__ */ T(
       "div",
       {
         style: {
@@ -1065,150 +1081,316 @@ const me = ({
         },
         children: [
           "Thought for ",
-          n,
+          r,
           " seconds"
         ]
       }
     )
   ] });
-}, be = ({
-  data: e
-}) => /* @__PURE__ */ u("div", { style: { padding: "16px" }, children: /* @__PURE__ */ u(
-  w.div,
+}, _ = ({
+  text: e
+}) => /* @__PURE__ */ l("div", { style: { padding: "16px" }, children: /* @__PURE__ */ l(
+  k.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
-    children: /* @__PURE__ */ u(
-      _,
+    children: /* @__PURE__ */ l(
+      $,
       {
-        remarkPlugins: [G],
+        remarkPlugins: [B],
         components: {
           code(t) {
-            const { children: r, className: n, node: a, ref: f, ...o } = t, d = /language-(\w+)/.exec(n || "");
-            return d ? /* @__PURE__ */ u(
-              F,
+            const { children: n, className: r, node: o, ref: m, ...c } = t, i = /language-(\w+)/.exec(r || "");
+            return i ? /* @__PURE__ */ l(
+              R,
               {
-                ...o,
+                ...c,
                 PreTag: "div",
-                children: String(r).replace(/\n$/, ""),
-                language: d[1],
-                style: U
+                children: String(n).replace(/\n$/, ""),
+                language: i[1],
+                style: O
               }
-            ) : /* @__PURE__ */ u("code", { ...o, className: n, children: String(r) });
+            ) : /* @__PURE__ */ l("code", { ...c, className: r, children: String(n) });
           }
         },
-        children: e.response
+        children: e
       }
     )
   }
-) }), ke = ({ data: e }) => {
-  const t = typeof e.response == "string" ? e.response : JSON.stringify(e.response, null, 2);
-  return /* @__PURE__ */ u("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ u(
-    w.div,
+) }), be = ({ data: e }) => {
+  const t = JSON.stringify(e.json, null, 2);
+  return /* @__PURE__ */ l("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ l(
+    k.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ u(F, { language: "json", style: U, PreTag: "div", children: t })
+      children: /* @__PURE__ */ l(R, { language: "json", style: O, PreTag: "div", children: t })
     }
   ) });
-}, Se = ({ progressViewItems: e, streamToken: t, fetchClientToken: r, loadingText: n }) => {
-  const a = x(null);
-  C(() => {
-    a.current && (a.current.scrollTop = a.current.scrollHeight);
+}, Ce = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
+  const r = `Searching: ${e.queryDescription}`;
+  return /* @__PURE__ */ T("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ l(
+      k.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__ */ l(
+          M,
+          {
+            text: r,
+            duration: 2.5,
+            repeat: !0,
+            color: "#999",
+            shimmerColor: "#000"
+          }
+        ) : /* @__PURE__ */ l("span", { style: { color: "#666" }, children: r })
+      }
+    ),
+    n !== void 0 && /* @__PURE__ */ T(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "4px",
+          fontStyle: "italic"
+        },
+        children: [
+          "Took ",
+          n,
+          " seconds"
+        ]
+      }
+    )
+  ] });
+}, ke = ({ isLatest: e = !1, durationSeconds: t }) => {
+  const n = "Finding sources...";
+  return /* @__PURE__ */ T("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ l(
+      k.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: e && !t ? /* @__PURE__ */ l(
+          M,
+          {
+            text: n,
+            duration: 2.5,
+            repeat: !0,
+            color: "#999",
+            shimmerColor: "#000"
+          }
+        ) : /* @__PURE__ */ l("span", { style: { color: "#666" }, children: n })
+      }
+    ),
+    t !== void 0 && /* @__PURE__ */ T(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "4px",
+          fontStyle: "italic"
+        },
+        children: [
+          "Took ",
+          t,
+          " seconds"
+        ]
+      }
+    )
+  ] });
+}, Te = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ T("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ l(
+    k.div,
+    {
+      style: { color: "#666", marginBottom: "10px", fontSize: "14px" },
+      initial: { opacity: 0, y: -10 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3, delay: 0 },
+      children: "Sources"
+    }
+  ),
+  /* @__PURE__ */ l("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ l("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ l(
+    xe,
+    {
+      source: n,
+      index: r,
+      onSourceClick: t
+    },
+    n.memoryId
+  )) })
+] });
+function ve(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 xe = ({ source: e, index: t, onSourceClick: n }) => {
+  const [r, o] = x(!1), m = !!n, c = ve(e.memoryTitle, e.pageNumbers);
+  return /* @__PURE__ */ l(
+    k.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 ? () => o(!0) : void 0,
+      onMouseLeave: m ? () => o(!1) : void 0,
+      style: {
+        display: "inline-flex",
+        flexDirection: "column",
+        gap: "4px",
+        padding: "8px 12px",
+        borderRadius: "8px",
+        border: "1px solid #e0e0e0",
+        backgroundColor: r ? "#f0f0f0" : "#f9f9f9",
+        cursor: m ? "pointer" : "default",
+        transition: "background-color 0.15s ease",
+        userSelect: "none"
+      },
+      children: /* @__PURE__ */ l("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: c })
+    }
+  );
+}, we = ({ progressViewItems: e, streamToken: t, fetchClientToken: n, loadingText: r, onSourceClick: o }) => {
+  const m = I(null);
+  w(() => {
+    m.current && (m.current.scrollTop = m.current.scrollHeight);
   }, [e.length]);
-  const f = (o) => {
-    switch (o.item.data.type) {
+  const c = (i) => {
+    switch (i.item.data.type) {
       case "GenericAgentTaskExecution":
-        return /* @__PURE__ */ u(
+        return /* @__PURE__ */ l(
           fe,
           {
-            data: o.item.data,
-            completed: o.completed,
-            isLatest: o.isLatest,
-            durationSeconds: o.durationSeconds
+            data: i.item.data,
+            completed: i.completed,
+            isLatest: i.isLatest,
+            durationSeconds: i.durationSeconds
           }
         );
       case "GenericAgentTaskReasoning":
-        return /* @__PURE__ */ u(
-          he,
+        return /* @__PURE__ */ l(
+          Se,
           {
-            data: o.item.data,
-            completed: o.completed,
-            isLatest: o.isLatest,
-            durationSeconds: o.durationSeconds
+            data: i.item.data,
+            completed: i.completed,
+            isLatest: i.isLatest,
+            durationSeconds: i.durationSeconds
           }
         );
       case "GenericAgentTaskFinalResponse":
-        return /* @__PURE__ */ u(
-          ye,
+        return /* @__PURE__ */ l(
+          he,
           {
-            data: o.item.data,
+            data: i.item.data,
             streamToken: t,
-            fetchClientToken: r,
-            durationSeconds: o.durationSeconds
+            fetchClientToken: n,
+            durationSeconds: i.durationSeconds
+          }
+        );
+      case "StreamingChatCompletionText":
+        return /* @__PURE__ */ l(_, { text: i.item.data.text });
+      case "StructuredChatCompletionJson":
+        return /* @__PURE__ */ l(be, { data: i.item.data });
+      case "StreamingMemoryTypeChatCompletionText":
+        return /* @__PURE__ */ l(_, { text: i.item.data.text });
+      case "StreamingMemoryTypeChatCompletionSearch":
+        return /* @__PURE__ */ l(
+          Ce,
+          {
+            data: i.item.data,
+            isLatest: i.isLatest,
+            durationSeconds: i.durationSeconds
+          }
+        );
+      case "StreamingMemoryTypeChatCompletionFindSources":
+        return /* @__PURE__ */ l(
+          ke,
+          {
+            data: i.item.data,
+            isLatest: i.isLatest,
+            durationSeconds: i.durationSeconds
+          }
+        );
+      case "StreamingMemoryTypeChatCompletionSourcesResult":
+        return /* @__PURE__ */ l(
+          Te,
+          {
+            data: i.item.data,
+            onSourceClick: o
           }
         );
-      case "StreamingChatCompletionResponse":
-        return /* @__PURE__ */ u(be, { data: o.item.data });
-      case "StructuredChatCompletionResponse":
-        return /* @__PURE__ */ u(ke, { data: o.item.data });
       default:
         return null;
     }
   };
-  return e.length === 0 ? /* @__PURE__ */ u("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ u(
-    D,
+  return e.length === 0 ? /* @__PURE__ */ l("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ l(
+    M,
     {
-      text: n ?? "Processing your task...",
+      text: r ?? "Processing your task...",
       duration: 1.5,
       repeat: !0,
       repeatDelay: 0,
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ u(
-    "div",
+  ) }) : /* @__PURE__ */ l("div", { id: "agent-task-progress-verbose", ref: m, children: /* @__PURE__ */ l(j, { children: e.map((i, g) => /* @__PURE__ */ l(
+    k.div,
     {
-      id: "agent-task-progress-verbose",
-      ref: a,
-      children: /* @__PURE__ */ u(L, { children: e.map((o, d) => /* @__PURE__ */ u(
-        w.div,
-        {
-          id: `agent-task-progress-item-${o.item.progressItemId}`,
-          initial: { opacity: 0, y: -20 },
-          animate: { opacity: 1, y: 0 },
-          transition: {
-            duration: 0.4,
-            delay: d * 0.1,
-            ease: "easeOut"
-          },
-          children: f(o)
-        },
-        o.item.progressItemId
-      )) })
-    }
-  );
-}, De = ({
+      id: `agent-task-progress-item-${i.item.progressItemId}`,
+      initial: { opacity: 0, y: -20 },
+      animate: { opacity: 1, y: 0 },
+      transition: {
+        duration: 0.4,
+        delay: g * 0.1,
+        ease: "easeOut"
+      },
+      children: c(i)
+    },
+    i.item.progressItemId
+  )) }) });
+}, Be = ({
   agentTask: e,
   mode: t = "verbose",
-  streamToken: r,
-  fetchClientToken: n
+  streamToken: n,
+  fetchClientToken: r,
+  onSourceClick: o
 }) => {
-  const a = ue(e);
-  return t === "simple" ? /* @__PURE__ */ u(me, { progressViewItems: a }) : /* @__PURE__ */ u(
-    Se,
+  const m = me(e);
+  return t === "simple" ? /* @__PURE__ */ l(ye, { progressViewItems: m }) : /* @__PURE__ */ l(
+    we,
     {
-      progressViewItems: a,
-      streamToken: r,
-      fetchClientToken: n,
-      loadingText: e.loadingText
+      progressViewItems: m,
+      streamToken: n,
+      fetchClientToken: r,
+      loadingText: e.loadingText,
+      onSourceClick: o
     }
   );
 };
-class Te {
+class Ae {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -1217,37 +1399,37 @@ class Te {
    * Creates new connections and removes old ones.
    */
   updateStreams(t) {
-    t.forEach((n) => {
-      const a = n.stream.id;
-      this.eventSources.has(a) || this.connectStream(n);
+    t.forEach((r) => {
+      const o = r.stream.id;
+      this.eventSources.has(o) || this.connectStream(r);
     });
-    const r = new Set(t.map((n) => n.stream.id));
-    this.eventSources.forEach((n, a) => {
-      r.has(a) || (n.abort(), this.eventSources.delete(a));
+    const n = new Set(t.map((r) => r.stream.id));
+    this.eventSources.forEach((r, o) => {
+      n.has(o) || (r.abort(), this.eventSources.delete(o));
     });
   }
   connectStream(t) {
-    const r = t.stream.id, n = new AbortController();
-    this.eventSources.set(r, n);
-    const a = `${this.fency.baseUrl}/sse/streams/${r}`, f = {
+    const n = t.stream.id, r = new AbortController();
+    this.eventSources.set(n, r);
+    const o = `${this.fency.baseUrl}/sse/streams/${n}`, m = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    $(a, {
-      headers: f,
-      signal: n.signal,
-      async onopen(o) {
-        if (!o.ok && o.status >= 400 && o.status < 500 && o.status !== 429)
-          throw new Error(`Client error ${o.status}`);
+    H(o, {
+      headers: m,
+      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}`);
       },
-      onmessage: (o) => {
-        if (o.data) {
-          const d = K(o.data);
-          this.broadcast(d, r);
+      onmessage: (c) => {
+        if (c.data) {
+          const i = K(c.data);
+          this.broadcast(i, n);
         }
       },
-      onerror: (o) => {
-        throw console.error("EventSource error for stream", r, ":", o), this.broadcastError(r), o;
+      onerror: (c) => {
+        throw console.error("EventSource error for stream", n, ":", c), this.broadcastError(n), c;
       },
       onclose() {
       }
@@ -1257,19 +1439,19 @@ class Te {
    * Subscribe to events from all active streams.
    * Returns an unsubscribe function.
    */
-  subscribe(t, r) {
-    return this.subscribers.set(t, r), () => {
+  subscribe(t, n) {
+    return this.subscribers.set(t, n), () => {
       this.subscribers.delete(t);
     };
   }
-  broadcast(t, r) {
-    this.subscribers.forEach((n) => {
-      n.onMessage(t, r);
+  broadcast(t, n) {
+    this.subscribers.forEach((r) => {
+      r.onMessage(t, n);
     });
   }
   broadcastError(t) {
-    this.subscribers.forEach((r) => {
-      r.onError(t);
+    this.subscribers.forEach((n) => {
+      n.onError(t);
     });
   }
   /**
@@ -1279,90 +1461,94 @@ class Te {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const ve = 12e4, Ce = (e) => {
+const Ie = 12e4, Pe = (e) => {
   const t = Date.now();
-  return e.filter((r) => t - r.createdAt < ve);
+  return e.filter((n) => t - n.createdAt < Ie);
 };
-function Ue({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
-  const [n, a] = v(
+function ze({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+  const [r, o] = x(
     null
-  ), [f, o] = v(!0), [d, g] = v(null), [i, s] = v([]), c = x(null), l = x(null);
-  C(() => {
-    e.then((y) => {
-      a(y), o(!1);
-    }).catch((y) => {
-      g(y), o(!1);
+  ), [m, c] = x(!0), [i, g] = x(null), [a, s] = x([]), d = I(null), u = I(null);
+  w(() => {
+    e.then((f) => {
+      o(f), c(!1);
+    }).catch((f) => {
+      g(f), c(!1);
     });
-  }, [e]), C(() => {
-    n && !l.current && (l.current = new Te(n));
-  }, [n]), C(() => {
-    l.current && l.current.updateStreams(i);
-  }, [i]), C(() => () => {
-    var y;
-    (y = l.current) == null || y.cleanup();
+  }, [e]), w(() => {
+    r && !u.current && (u.current = new Ae(r));
+  }, [r]), w(() => {
+    u.current && u.current.updateStreams(a);
+  }, [a]), w(() => () => {
+    var f;
+    (f = u.current) == null || f.cleanup();
   }, []);
-  const b = B(
-    async (y = 3e4) => {
-      if (c.current)
-        return c.current;
-      const h = Date.now(), S = i.length > 0 ? i[i.length - 1] : null;
-      if (S && h - S.createdAt < y)
-        return S.stream;
-      const I = (async () => {
-        if (!n)
+  const S = U(
+    async (f = 3e4) => {
+      if (d.current)
+        return d.current;
+      const h = Date.now(), C = a.length > 0 ? a[a.length - 1] : null;
+      if (C && h - C.createdAt < f)
+        return C.stream;
+      const P = (async () => {
+        if (!r)
           throw new Error("Fency instance not initialized");
-        const A = await t(), P = await X({
-          pk: n.publishableKey,
-          baseUrl: n.baseUrl,
+        const A = await t(), E = await V({
+          pk: r.publishableKey,
+          baseUrl: r.baseUrl,
           clientToken: (A == null ? void 0 : A.clientToken) ?? ""
         });
-        if (P.type === "success") {
-          const N = {
-            stream: P.stream,
+        if (E.type === "success") {
+          const F = {
+            stream: E.stream,
             createdAt: Date.now()
           };
-          return s((R) => {
-            const T = [...R, N];
-            return Ce(T);
-          }), c.current = null, P.stream;
+          return s((p) => {
+            const v = [...p, F];
+            return Pe(v);
+          }), d.current = null, E.stream;
         } else
-          throw c.current = null, new Error("Failed to create stream");
+          throw d.current = null, new Error("Failed to create stream");
       })();
-      return c.current = I, I;
+      return d.current = P, P;
     },
-    [n, i]
+    [r, a]
   );
-  if (d)
-    return /* @__PURE__ */ E("div", { children: [
+  if (i)
+    return /* @__PURE__ */ T("div", { children: [
       "Fency error: ",
-      d.message
+      i.message
     ] });
-  if (!n)
+  if (!r)
     return null;
-  const m = i.length > 0 ? i[i.length - 1] : null, k = {
-    fency: n,
-    loading: f,
-    error: d,
-    activeStreams: i,
-    latestStream: m,
-    eventManager: l.current,
-    getOrCreateStream: b
+  const y = a.length > 0 ? a[a.length - 1] : null, b = {
+    fency: r,
+    loading: m,
+    error: i,
+    activeStreams: a,
+    latestStream: y,
+    eventManager: u.current,
+    getOrCreateStream: S
   };
-  return /* @__PURE__ */ u(W.Provider, { value: k, children: r });
+  return /* @__PURE__ */ l(W.Provider, { value: b, children: n });
 }
 export {
-  De as AgentTaskProgress,
-  me as AgentTaskProgressSimple,
-  Se as AgentTaskProgressVerbose,
-  Ue as FencyProvider,
+  Be as AgentTaskProgress,
+  ye as AgentTaskProgressSimple,
+  we as AgentTaskProgressVerbose,
+  ze as FencyProvider,
   fe as GenericAgentTaskExecution,
-  ye as GenericAgentTaskFinalResponse,
-  he as GenericAgentTaskReasoning,
-  D as ShimmeringText,
-  be as StreamingChatCompletionResponse,
-  Ne as useAgentTasks,
-  O as useFencyContext,
-  Fe as useFencyEventSource,
-  Oe as usePaginatedQuery,
-  re as useStream
+  he as GenericAgentTaskFinalResponse,
+  Se as GenericAgentTaskReasoning,
+  M as ShimmeringText,
+  _ as StreamingChatCompletionText,
+  ke as StreamingMemoryTypeChatCompletionFindSources,
+  Ce as StreamingMemoryTypeChatCompletionSearch,
+  Te as StreamingMemoryTypeChatCompletionSourcesResult,
+  be as StructuredChatCompletionJson,
+  De as useAgentTasks,
+  N as useFencyContext,
+  Ue as useFencyEventSource,
+  $e as usePaginatedQuery,
+  ae as useStream
 };