@fencyai/react 0.1.120 → 0.1.122

package/dist/index.js

@@ -1,47 +1,47 @@
-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(
+import { createAgentTask as G, createStream as J } from "@fencyai/js";
+import { createContext as V, useContext as q, useState as C, useRef as A, useEffect as E, useCallback as W, useMemo as B } from "react";
+import { jsx as c, jsxs as x } from "react/jsx-runtime";
+import { useInView as X, motion as v, AnimatePresence as L } from "motion/react";
+import Q from "react-markdown";
+import { Prism as $ } from "react-syntax-highlighter";
+import Y from "remark-gfm";
+import './assets/index.css';const _ = V(
   void 0
 );
 function N() {
-  const e = Q(G);
+  const e = q(_);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const te = (e) => {
+const Z = (e) => {
   try {
     const t = JSON.parse(e);
-    return ne(t);
+    return ee(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, ne = (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 re(e);
+      return te(e);
     case "StreamNotFound":
-      return oe(e);
+      return ne(e);
     case "AgentTaskProgressItemUpdated":
-      return ae(e);
+      return re(e);
   }
   return null;
-}, re = (e) => ({
+}, te = (e) => ({
   type: "StreamTimeout",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), oe = (e) => ({
+}), ne = (e) => ({
   type: "StreamNotFound",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ae = (e) => ({
+}), re = (e) => ({
   type: "AgentTaskProgressItemUpdated",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -49,52 +49,52 @@ const te = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), ie = (e) => {
-  const t = N(), [n, r] = C(null), o = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return p(() => {
+}), ae = (e) => {
+  const t = N(), [r, n] = C(null), o = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return E(() => {
     if (!t.eventManager) return;
-    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) {
+    const s = {
+      onMessage: (d, a) => {
+        var g, u, S, y, T, f, h, b, I, w;
+        const i = Z(d);
+        if (i)
+          switch (i.type) {
             case "NewChatCompletionStreamChunk":
-              (u = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || u.call(e, l);
+              (g = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || g.call(e, i);
               break;
             case "ChatCompletionStreamCompleted":
-              (m = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || m.call(e, l);
+              (u = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || u.call(e, i);
               break;
             case "StreamTimeout":
-              (T = e == null ? void 0 : e.onStreamTimeout) == null || T.call(e, l);
+              (S = e == null ? void 0 : e.onStreamTimeout) == null || S.call(e, i);
               break;
             case "StreamNotFound":
-              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, l);
+              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, i);
               break;
             case "FileUploadCompleted":
-              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, l);
+              (T = e == null ? void 0 : e.onFileUploadCompleted) == null || T.call(e, i);
               break;
             case "FileTextContentReady":
-              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, l);
+              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, i);
               break;
             case "WebsiteHtmlContentReady":
-              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, l);
+              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, i);
               break;
             case "WebsiteTextContentReady":
-              (k = e == null ? void 0 : e.onWebsiteTextContentReady) == null || k.call(e, l);
+              (b = e == null ? void 0 : e.onWebsiteTextContentReady) == null || b.call(e, i);
               break;
             case "FileSearchIndexReady":
-              (A = e == null ? void 0 : e.onFileSearchIndexReady) == null || A.call(e, l);
+              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, i);
               break;
             case "AgentTaskProgressItemUpdated":
-              (w = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || w.call(e, l);
+              (w = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || w.call(e, i);
               break;
           }
       },
-      onError: (c) => {
+      onError: (d) => {
         var a;
         (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
-          streamId: c,
+          streamId: d,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -104,83 +104,86 @@ const te = (e) => {
     };
     return t.eventManager.subscribe(
       o.current,
-      d
+      s
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const d = await t.getOrCreateStream(3e4);
-        return r(d), {
+        const s = await t.getOrCreateStream(3e4);
+        return n(s), {
           type: "success",
-          stream: d
+          stream: s
         };
-      } catch (d) {
+      } catch (s) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: d instanceof Error ? d.message : "Failed to create stream"
+            message: s instanceof Error ? s.message : "Failed to create stream"
           }
         };
       }
     },
-    stream: n
+    stream: r
   };
-}, Be = (e) => {
-  const t = N(), [n, r] = C([]), o = E(/* @__PURE__ */ new Set()), g = E(/* @__PURE__ */ new Map()), { createStream: d } = ie({
+}, Oe = (e) => {
+  const t = N(), [r, n] = C([]), o = A(/* @__PURE__ */ new Set()), m = A(/* @__PURE__ */ new Map()), { createStream: s } = ae({
     onAgentTaskProgressItemUpdated: (a) => {
-      var m;
+      var u;
       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));
+      const i = a.data;
+      if (i.taskType === "StreamingChatCompletion" && i.eventType === "Completed" || i.taskType === "StructuredChatCompletion" && i.eventType === "Completed" || i.taskType === "StreamingMemoryTypeChatCompletion" && i.eventType === "Completed") {
+        const S = m.current.get(
+          a.agentTaskId
+        );
+        S && (m.current.delete(a.agentTaskId), S(i));
         return;
       }
-      (m = e.onAgentTaskProgressItemUpdated) == null || m.call(e, a), r(
-        (T) => T.map((y) => {
+      (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, a), n(
+        (S) => S.map((y) => {
           var h;
-          if (((h = y.confirmedData) == null ? void 0 : h.taskId) !== a.agentTaskId) return y;
+          if (((h = y.confirmedData) == null ? void 0 : h.taskId) !== a.agentTaskId)
+            return y;
           const f = y.progressItems.some(
-            (k) => k.progressItemId === a.progressItemId
+            (b) => b.progressItemId === a.progressItemId
           ) ? y.progressItems.map(
-            (k) => k.progressItemId === a.progressItemId ? a : k
+            (b) => b.progressItemId === a.progressItemId ? a : b
           ) : [...y.progressItems, a];
           return { ...y, progressItems: f };
         })
       );
     },
     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),
+      var i;
+      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, a), n((g) => {
+        const u = g.find((S) => S.streamId === a.streamId);
+        return u ? [
+          ...g.filter((S) => S.streamId !== a.streamId),
           {
-            ...m,
+            ...u,
             loading: !1,
             error: a.error
           }
-        ] : u;
+        ] : g;
       });
     },
     onStreamNotFound: (a) => {
-      var l;
-      (l = e == null ? void 0 : e.onStreamNotFound) == null || l.call(e, a);
+      var i;
+      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, a);
     },
     onStreamTimeout: (a) => {
-      var l;
-      (l = e == null ? void 0 : e.onStreamTimeout) == null || l.call(e, a);
+      var i;
+      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, a);
     }
-  }), 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,
+  }), l = W(
+    async (a, i) => {
+      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await s();
+      if (u.type === "success") {
+        n([
+          ...r,
           {
-            taskKey: u,
-            streamId: m.stream.id,
+            taskKey: g,
+            streamId: u.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
@@ -188,31 +191,38 @@ const te = (e) => {
             progressItems: [],
             loading: !0,
             doneStreaming: !1,
-            loadingText: l == null ? void 0 : l.loadingText
+            loadingText: i == null ? void 0 : i.loadingText
           }
         ]);
-        const { clientToken: T } = await e.fetchCreateAgentTaskClientToken(a.type), y = await J({
+        const { clientToken: S } = await e.fetchCreateAgentTaskClientToken(a.type), y = await G({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: T,
-          streamToken: m.stream.token,
+          clientToken: S,
+          streamToken: u.stream.token,
           request: {
-            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
+            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) {
           o.current.add(
             y.agentTask.id
-          ), r((f) => [
-            ...f.filter(
-              (h) => h.taskKey !== u
-            ),
+          ), n((f) => [
+            ...f.filter((h) => h.taskKey !== g),
             {
-              taskKey: u,
-              streamId: m.stream.id,
+              taskKey: g,
+              streamId: u.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
               taskId: y.agentTask.id,
               createdAt: y.agentTask.createdAt,
@@ -221,43 +231,39 @@ const te = (e) => {
               progressItems: [],
               doneStreaming: !1,
               loading: !0,
-              loadingText: l == null ? void 0 : l.loadingText,
+              loadingText: i == null ? void 0 : i.loadingText,
               confirmedData: {
                 taskId: y.agentTask.id,
                 createdAt: y.agentTask.createdAt
               }
             }
           ]);
-          const S = await new Promise(
-            (f) => {
-              g.current.set(
-                y.agentTask.id,
-                f
-              );
-            }
-          );
+          const T = await new Promise((f) => {
+            m.current.set(
+              y.agentTask.id,
+              f
+            );
+          });
           return {
             type: "success",
-            streamId: m.stream.id,
+            streamId: u.stream.id,
             agentTaskId: y.agentTask.id,
-            response: S
+            response: T
           };
         } else {
           if (y.type === "error")
-            return r((S) => [
-              ...S.filter(
-                (f) => f.taskKey !== u
-              ),
+            return n((T) => [
+              ...T.filter((f) => f.taskKey !== g),
               {
-                taskKey: u,
+                taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: u.stream.id,
                 params: a,
                 error: y.error,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: l == null ? void 0 : l.loadingText,
+                loadingText: i == null ? void 0 : i.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -265,113 +271,111 @@ const te = (e) => {
               error: y.error
             };
           {
-            const S = {
+            const T = {
               message: "No response received",
               code: "UnknownError"
             };
-            return r((f) => [
-              ...f.filter(
-                (h) => h.taskKey !== u
-              ),
+            return n((f) => [
+              ...f.filter((h) => h.taskKey !== g),
               {
-                taskKey: u,
+                taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
-                error: S,
+                streamId: u.stream.id,
+                error: T,
                 params: a,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: l == null ? void 0 : l.loadingText,
+                loadingText: i == null ? void 0 : i.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: S
+              error: T
             };
           }
         }
       } else
-        return console.error(m.error), m;
+        return console.error(u.error), u;
     },
-    [t, n, d]
-  ), c = j(() => {
-    if (n.length !== 0)
-      return [...n].sort((a, l) => new Date(l.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
-  }, [n]);
-  return p(() => () => {
-    o.current.clear(), g.current.clear();
+    [t, r, s]
+  ), d = B(() => {
+    if (r.length !== 0)
+      return [...r].sort((a, i) => new Date(i.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
+  }, [r]);
+  return E(() => () => {
+    o.current.clear(), m.current.clear();
   }, []), {
-    agentTasks: n,
-    createAgentTask: s,
-    latest: c
+    agentTasks: r,
+    createAgentTask: l,
+    latest: d
   };
 };
-async function se(e, t) {
-  const n = e.getReader();
-  let r;
-  for (; !(r = await n.read()).done; )
-    t(r.value);
+async function oe(e, t) {
+  const r = e.getReader();
+  let n;
+  for (; !(n = await r.read()).done; )
+    t(n.value);
 }
-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);
+function ie(e) {
+  let t, r, n, o = !1;
+  return function(s) {
+    t === void 0 ? (t = s, r = 0, n = -1) : t = ce(t, s);
+    const l = t.length;
+    let d = 0;
+    for (; r < l; ) {
+      o && (t[r] === 10 && (d = ++r), o = !1);
       let a = -1;
-      for (; n < s && a === -1; ++n)
-        switch (t[n]) {
+      for (; r < l && a === -1; ++r)
+        switch (t[r]) {
           case 58:
-            r === -1 && (r = n - c);
+            n === -1 && (n = r - d);
             break;
           case 13:
             o = !0;
           case 10:
-            a = n;
+            a = r;
             break;
         }
       if (a === -1)
         break;
-      e(t.subarray(c, a), r), c = n, r = -1;
+      e(t.subarray(d, a), n), d = r, n = -1;
     }
-    c === s ? t = void 0 : c !== 0 && (t = t.subarray(c), n -= c);
+    d === l ? t = void 0 : d !== 0 && (t = t.subarray(d), r -= d);
   };
 }
-function le(e, t, n) {
-  let r = $();
+function se(e, t, r) {
+  let n = O();
   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) {
+  return function(s, l) {
+    if (s.length === 0)
+      r == null || r(n), n = O();
+    else if (l > 0) {
+      const d = o.decode(s.subarray(0, l)), a = l + (s[l + 1] === 32 ? 2 : 1), i = o.decode(s.subarray(a));
+      switch (d) {
         case "data":
-          r.data = r.data ? r.data + `
-` + l : l;
+          n.data = n.data ? n.data + `
+` + i : i;
           break;
         case "event":
-          r.event = l;
+          n.event = i;
           break;
         case "id":
-          e(r.id = l);
+          e(n.id = i);
           break;
         case "retry":
-          const u = parseInt(l, 10);
-          isNaN(u) || t(r.retry = u);
+          const g = parseInt(i, 10);
+          isNaN(g) || t(n.retry = g);
           break;
       }
     }
   };
 }
-function de(e, t) {
-  const n = new Uint8Array(e.length + t.length);
-  return n.set(e), n.set(t, e.length), n;
+function ce(e, t) {
+  const r = new Uint8Array(e.length + t.length);
+  return r.set(e), r.set(t, e.length), r;
 }
-function $() {
+function O() {
   return {
     data: "",
     event: "",
@@ -379,70 +383,70 @@ function $() {
     retry: void 0
   };
 }
-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]);
+var le = function(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    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;
+    for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
+      t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  return r;
 };
-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);
+const F = "text/event-stream", de = 1e3, D = "last-event-id";
+function j(e, t) {
+  var { signal: r, headers: n, onopen: o, onmessage: m, onclose: s, onerror: l, openWhenHidden: d, fetch: a } = t, i = le(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((g, u) => {
+    const S = Object.assign({}, n);
+    S.accept || (S.accept = F);
     let y;
-    function S() {
-      y.abort(), document.hidden || I();
+    function T() {
+      y.abort(), document.hidden || p();
     }
-    c || document.addEventListener("visibilitychange", S);
-    let f = me, h = 0;
-    function k() {
-      document.removeEventListener("visibilitychange", S), window.clearTimeout(h), y.abort();
+    d || document.addEventListener("visibilitychange", T);
+    let f = de, h = 0;
+    function b() {
+      document.removeEventListener("visibilitychange", T), window.clearTimeout(h), y.abort();
     }
-    n == null || n.addEventListener("abort", () => {
-      k(), u();
+    r == null || r.addEventListener("abort", () => {
+      b(), g();
     });
-    const A = a ?? window.fetch, w = o ?? ge;
-    async function I() {
-      var R;
+    const I = a ?? window.fetch, w = o ?? ue;
+    async function p() {
+      var M;
       y = new AbortController();
       try {
-        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();
+        const P = await I(e, Object.assign(Object.assign({}, i), { headers: S, signal: y.signal }));
+        await w(P), await oe(P.body, ie(se((k) => {
+          k ? S[D] = k : delete S[D];
+        }, (k) => {
+          f = k;
+        }, m))), s == null || s(), b(), g();
       } catch (P) {
         if (!y.signal.aborted)
           try {
-            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);
+            const k = (M = l == null ? void 0 : l(P)) !== null && M !== void 0 ? M : f;
+            window.clearTimeout(h), h = window.setTimeout(p, k);
+          } catch (k) {
+            b(), u(k);
           }
       }
     }
-    I();
+    p();
   });
 }
-function ge(e) {
+function ue(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(O)))
-    throw new Error(`Expected content-type to be ${O}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(F)))
+    throw new Error(`Expected content-type to be ${F}, Actual: ${t}`);
 }
-function _e(e) {
-  const [t, n] = C(null);
-  return p(() => {
+function De(e) {
+  const [t, r] = C(null);
+  return E(() => {
     if (!t)
       return;
-    const r = new AbortController();
-    return K(t, {
+    const n = new AbortController();
+    return j(t, {
       headers: e == null ? void 0 : e.headers,
-      signal: r.signal,
+      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}`);
@@ -450,47 +454,47 @@ function _e(e) {
       onmessage(o) {
         o.data && (e == null || e.onMessage({
           url: t,
-          data: q(o.data)
+          data: H(o.data)
         }));
       },
       onerror(o) {
-        throw console.error("EventSource error:", o), e == null || e.onError(t), n(null), o;
+        throw console.error("EventSource error:", o), e == null || e.onError(t), r(null), o;
       },
       onclose() {
       }
     }), () => {
-      r.abort();
+      n.abort();
     };
   }, [t, e == null ? void 0 : e.headers]), {
-    setSourceUrl: n,
+    setSourceUrl: r,
     sourceUrl: t
   };
 }
-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 H(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);
 }
-function je(e, t) {
-  const [n, r] = C(
+function Ue(e, t) {
+  const [r, n] = C(
     null
-  ), [o, g] = C(
+  ), [o, m] = C(
     null
-  ), 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,
+  ), s = N(), l = async (g) => {
+    const u = await g.fetchTokens(), { fetchTokens: S, nextPageToken: y, previousPageToken: T, ...f } = g, h = await e({
+      pk: s.fency.publishableKey,
+      clientToken: u.clientToken,
+      streamToken: u.streamToken,
       request: {
         ...f,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
         pagination: {
           nextPageToken: y,
-          previousPageToken: S
+          previousPageToken: T
         }
       },
-      baseUrl: d.fency.baseUrl
+      baseUrl: s.fency.baseUrl
     });
     return h.type === "success" && h.items && h.pagination ? {
       type: "success",
@@ -509,15 +513,15 @@ function je(e, t) {
     };
   };
   return {
-    fetchFirstPage: async (u) => {
-      const m = await s({
-        ...u,
+    fetchFirstPage: async (g) => {
+      const u = await l({
+        ...g,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return m.type === "success" && (g(m.page), r(u)), m;
+      return u.type === "success" && (m(u.page), n(g)), u;
     },
-    fetchNextPage: async (u) => {
+    fetchNextPage: async (g) => {
       if (o == null)
         return {
           type: "error",
@@ -534,14 +538,14 @@ function je(e, t) {
             message: "No next page"
           }
         };
-      const m = await s({
-        ...u,
+      const u = await l({
+        ...g,
         nextPageToken: o.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return m.type === "success" && (g(m.page), r(u)), m;
+      return u.type === "success" && (m(u.page), n(g)), u;
     },
-    fetchPreviousPage: async (u) => {
+    fetchPreviousPage: async (g) => {
       if (o == null)
         return {
           type: "error",
@@ -558,60 +562,60 @@ function je(e, t) {
             message: "No previous page"
           }
         };
-      const m = await s({
-        ...u,
+      const u = await l({
+        ...g,
         nextPageToken: void 0,
         previousPageToken: o.pagination.previousPageToken
       });
-      return m.type === "success" && (g(m.page), r(u)), m;
+      return u.type === "success" && (m(u.page), n(g)), u;
     },
-    refetchCurrentPage: async () => n == null ? {
+    refetchCurrentPage: async () => r == null ? {
       type: "error",
       error: {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : s(n),
+    } : l(r),
     currentPage: o
   };
 }
-function ye(e) {
-  return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], o = r != null;
-    let g;
-    if (r != null && r.createdAt) {
-      const d = new Date(t.createdAt).getTime(), s = new Date(r.createdAt).getTime();
-      g = Math.round((s - d) / 1e3);
+function me(e) {
+  return e.progressItems.map((t, r) => {
+    const n = e.progressItems[r + 1], o = n != null;
+    let m;
+    if (n != null && n.createdAt) {
+      const s = new Date(t.createdAt).getTime(), l = new Date(n.createdAt).getTime();
+      m = Math.round((l - s) / 1e3);
     }
     return {
       item: t,
       completed: o,
-      isLatest: n === e.progressItems.length - 1,
-      durationSeconds: g
+      isLatest: r === e.progressItems.length - 1,
+      durationSeconds: m
     };
   });
 }
-function M({
+function R({
   text: e,
   duration: t = 2,
-  delay: n = 0,
-  repeat: r = !0,
+  delay: r = 0,
+  repeat: n = !0,
   repeatDelay: o = 0.5,
-  className: g,
-  startOnView: d = !1,
-  once: s = !1,
-  inViewMargin: c,
+  className: m,
+  startOnView: s = !1,
+  once: l = !1,
+  inViewMargin: d,
   spread: a = 2,
-  color: l = "#999",
-  shimmerColor: u = "#000",
-  direction: m = "fromBottom"
+  color: i = "#999",
+  shimmerColor: g = "#000",
+  direction: u = "fromBottom"
 }) {
-  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(
+  const S = A(null), y = X(S, { once: l, margin: d }), T = B(() => e.length * a, [e, a]), f = !s || y, h = u === "fromBottom" ? "100% center" : "-100% center", b = u === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ c(
     v.span,
     {
-      ref: T,
-      className: g,
+      ref: S,
+      className: m,
       style: {
         position: "relative",
         display: "inline-block",
@@ -621,9 +625,9 @@ function M({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${S}px`,
-        "--base-color": l,
-        "--shimmer-color": u,
+        "--spread": `${T}px`,
+        "--base-color": i,
+        "--shimmer-color": g,
         "--shimmer-bg": "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--shimmer-color), transparent calc(50% + var(--spread)))",
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
@@ -632,38 +636,28 @@ function M({
         opacity: 0
       },
       animate: f ? {
-        backgroundPosition: k,
+        backgroundPosition: b,
         opacity: 1
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: r ? 1 / 0 : 0,
+          repeat: n ? 1 / 0 : 0,
           duration: t,
-          delay: n,
+          delay: r,
           repeatDelay: o,
           ease: "linear"
         },
         opacity: {
           duration: 0.3,
-          delay: n
+          delay: r
         }
       },
       children: e
     }
   );
 }
-function fe(e) {
+function ge(e) {
   const t = e.item.data;
-  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";
@@ -693,28 +687,28 @@ function fe(e) {
     }
   return "Processing...";
 }
-const he = ({ progressViewItems: e }) => {
+const ye = ({ progressViewItems: e }) => {
   const t = e[e.length - 1];
   if (!t) return null;
-  const n = fe(t);
-  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(H, { mode: "wait", children: /* @__PURE__ */ i(
+  const r = ge(t);
+  return /* @__PURE__ */ c("div", { className: "simple-mode-container", children: /* @__PURE__ */ c(L, { mode: "wait", children: /* @__PURE__ */ c(
     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__ */ i(
+      children: t.completed ? /* @__PURE__ */ c(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
-          children: n
+          children: r
         }
-      ) : /* @__PURE__ */ i(
-        M,
+      ) : /* @__PURE__ */ c(
+        R,
         {
-          text: n,
+          text: r,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -725,52 +719,7 @@ const he = ({ progressViewItems: e }) => {
     },
     t.item.progressItemId
   ) }) });
-}, Te = ({
-  data: e,
-  isLatest: t = !1,
-  durationSeconds: n
-}) => /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ i(
-    v.div,
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "10px",
-        color: "#666"
-      },
-      initial: { opacity: 0, y: -10 },
-      animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.3, delay: 0 },
-      children: t && !n ? /* @__PURE__ */ i(
-        M,
-        {
-          text: e.title,
-          duration: 2.5,
-          repeat: !0,
-          color: "#999",
-          shimmerColor: "#000"
-        }
-      ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: e.title })
-    }
-  ),
-  n !== void 0 && /* @__PURE__ */ b(
-    "div",
-    {
-      style: {
-        fontSize: "12px",
-        color: "#999",
-        marginTop: "4px",
-        fontStyle: "italic"
-      },
-      children: [
-        "Took ",
-        n,
-        " seconds"
-      ]
-    }
-  )
-] }), D = {
+}, K = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -921,229 +870,53 @@ const he = ({ progressViewItems: e }) => {
   italic: {
     fontStyle: "italic"
   }
-}, Se = ({
-  data: e,
-  streamToken: t,
-  fetchClientToken: n,
-  durationSeconds: r
-}) => {
-  const { fency: o } = N(), g = U(
-    async (d) => {
-      try {
-        const { clientToken: s } = await n(), c = await V({
-          pk: o.publishableKey,
-          baseUrl: o.baseUrl,
-          clientToken: s,
-          streamToken: t,
-          request: { fileId: d }
-        });
-        c.type === "success" && window.open(c.downloadLink, "_blank");
-      } catch (s) {
-        console.error("Failed to download file:", s);
-      }
-    },
-    [o, t, n]
-  );
-  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__ */ i(
-          z,
-          {
-            remarkPlugins: [L],
-            components: {
-              code(d) {
-                const { children: s, className: c, node: a, ref: l, ...u } = d, m = /language-(\w+)/.exec(c || "");
-                return m ? /* @__PURE__ */ i(
-                  F,
-                  {
-                    ...u,
-                    PreTag: "div",
-                    children: String(s).replace(/\n$/, ""),
-                    language: m[1],
-                    style: D
-                  }
-                ) : /* @__PURE__ */ i("code", { ...u, className: c, children: String(s) });
-              },
-              a(d) {
-                const { children: s, href: c, ...a } = d;
-                return /* @__PURE__ */ i(
-                  "a",
-                  {
-                    ...a,
-                    href: c,
-                    onClick: (l) => {
-                      if (!c) return;
-                      const u = c.match(
-                        /\/files\/(fil_[a-zA-Z0-9]+)\/download/
-                      );
-                      u && (l.preventDefault(), g(u[1]));
-                    },
-                    children: s
-                  }
-                );
-              }
-            },
-            children: e.response
-          }
-        )
-      }
-    ),
-    r !== void 0 && /* @__PURE__ */ b(
-      "div",
-      {
-        style: {
-          fontSize: "12px",
-          color: "#999",
-          marginTop: "8px",
-          fontStyle: "italic"
-        },
-        children: [
-          "Thought for ",
-          r,
-          " seconds"
-        ]
-      }
-    )
-  ] });
-}, ke = ({
-  data: e,
-  completed: t,
-  isLatest: n = !1,
-  durationSeconds: r
-}) => {
-  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__ */ i(
-          M,
-          {
-            text: e.title,
-            duration: 2.5,
-            repeat: !0,
-            color: "#999",
-            shimmerColor: "#000"
-          }
-        ) : e.title
-      }
-    ),
-    /* @__PURE__ */ i(
-      v.div,
-      {
-        ref: o,
-        style: {
-          maxHeight: "100px",
-          overflowY: "auto",
-          border: "1px solid #e0e0e0",
-          borderRadius: "8px",
-          padding: "12px",
-          opacity: 0.5,
-          backgroundColor: "#f9f9f9"
-        },
-        initial: { opacity: 0, y: -10 },
-        animate: { opacity: 0.5, y: 0 },
-        transition: { duration: 0.3, delay: 0.1 },
-        children: /* @__PURE__ */ i("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ i(
-          z,
-          {
-            remarkPlugins: [L],
-            components: {
-              code(g) {
-                const { children: d, className: s, node: c, ref: a, ...l } = g, u = /language-(\w+)/.exec(s || "");
-                return u ? /* @__PURE__ */ i(
-                  F,
-                  {
-                    ...l,
-                    PreTag: "div",
-                    children: String(d).replace(/\n$/, ""),
-                    language: u[1],
-                    style: D
-                  }
-                ) : /* @__PURE__ */ i("code", { ...l, className: s, children: String(d) });
-              }
-            },
-            children: e.reasoning
-          }
-        ) })
-      }
-    ),
-    r !== void 0 && /* @__PURE__ */ b(
-      "div",
-      {
-        style: {
-          fontSize: "12px",
-          color: "#999",
-          marginTop: "8px",
-          fontStyle: "italic"
-        },
-        children: [
-          "Thought for ",
-          r,
-          " seconds"
-        ]
-      }
-    )
-  ] });
-}, B = ({
+}, U = ({
   text: e
-}) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+}) => /* @__PURE__ */ c("div", { style: { padding: "16px" }, children: /* @__PURE__ */ c(
   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__ */ i(
-      z,
+    children: /* @__PURE__ */ c(
+      Q,
       {
-        remarkPlugins: [L],
+        remarkPlugins: [Y],
         components: {
           code(t) {
-            const { children: n, className: r, node: o, ref: g, ...d } = t, s = /language-(\w+)/.exec(r || "");
-            return s ? /* @__PURE__ */ i(
-              F,
+            const { children: r, className: n, node: o, ref: m, ...s } = t, l = /language-(\w+)/.exec(n || "");
+            return l ? /* @__PURE__ */ c(
+              $,
               {
-                ...d,
+                ...s,
                 PreTag: "div",
-                children: String(n).replace(/\n$/, ""),
-                language: s[1],
-                style: D
+                children: String(r).replace(/\n$/, ""),
+                language: l[1],
+                style: K
               }
-            ) : /* @__PURE__ */ i("code", { ...d, className: r, children: String(n) });
+            ) : /* @__PURE__ */ c("code", { ...s, className: n, children: String(r) });
           }
         },
         children: e
       }
     )
   }
-) }), be = ({ data: e }) => {
+) }), fe = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
-  return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ c("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ c(
     v.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ i(F, { language: "json", style: D, PreTag: "div", children: t })
+      children: /* @__PURE__ */ c($, { language: "json", style: K, PreTag: "div", children: t })
     }
   ) });
-}, ve = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
-  const r = `Searching: ${e.queryDescription}`;
-  return /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
+}, he = ({ data: e, isLatest: t = !1, durationSeconds: r }) => {
+  const n = `Searching: ${e.queryDescription}`;
+  return /* @__PURE__ */ x("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ c(
       v.div,
       {
         style: {
@@ -1155,19 +928,19 @@ const he = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ i(
-          M,
+        children: t && !r ? /* @__PURE__ */ c(
+          R,
           {
-            text: r,
+            text: n,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: r })
+        ) : /* @__PURE__ */ c("span", { style: { color: "#666" }, children: n })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ b(
+    r !== void 0 && /* @__PURE__ */ x(
       "div",
       {
         style: {
@@ -1178,16 +951,16 @@ const he = ({ progressViewItems: e }) => {
         },
         children: [
           "Took ",
-          n,
+          r,
           " seconds"
         ]
       }
     )
   ] });
-}, Ce = ({ isLatest: e = !1, durationSeconds: t }) => {
-  const n = "Adding sources...";
-  return /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
+}, Se = ({ isLatest: e = !1, durationSeconds: t }) => {
+  const r = "Adding sources...";
+  return /* @__PURE__ */ x("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ c(
       v.div,
       {
         style: {
@@ -1199,19 +972,19 @@ const he = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !t ? /* @__PURE__ */ i(
-          M,
+        children: e && !t ? /* @__PURE__ */ c(
+          R,
           {
-            text: n,
+            text: r,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: n })
+        ) : /* @__PURE__ */ c("span", { style: { color: "#666" }, children: r })
       }
     ),
-    t !== void 0 && /* @__PURE__ */ b(
+    t !== void 0 && /* @__PURE__ */ x(
       "div",
       {
         style: {
@@ -1228,120 +1001,122 @@ const he = ({ progressViewItems: e }) => {
       }
     )
   ] });
-}, xe = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ b("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ i(
+}, Te = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ x("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ c(
     v.div,
     {
-      style: { color: "#666", marginBottom: "10px", fontSize: "14px" },
+      style: {
+        marginBottom: "10px",
+        fontSize: "11px",
+        fontWeight: 500,
+        letterSpacing: "0.05em",
+        textTransform: "uppercase",
+        color: "#999"
+      },
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
       children: "Sources"
     }
   ),
-  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ i(
-    we,
+  /* @__PURE__ */ c("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ c("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((r, n) => /* @__PURE__ */ c(
+    Ce,
     {
-      source: n,
-      index: r,
+      source: r,
+      index: n,
       onSourceClick: t
     },
-    n.memoryId
+    r.memoryId
   )) })
 ] });
-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}`;
+function be(e) {
+  if (e.length === 0) return "";
+  if (e.length === 1) return `page ${e[0]}`;
+  if (e.length === 2)
+    return `pages ${e[0]} and ${e[1]}`;
+  const t = e[e.length - 1];
+  return `pages ${e.slice(0, -1).join(", ")} and ${t}`;
 }
-const we = ({ source: e, index: t, onSourceClick: n }) => {
-  const [r, o] = C(!1), g = !!n, d = pe(e.memoryTitle, e.pageNumbers);
-  return /* @__PURE__ */ i(
+const Ce = ({ source: e, index: t, onSourceClick: r }) => {
+  const [n, o] = C(!1), m = !!r, s = e.pageNumbers ?? [], l = be(s);
+  return /* @__PURE__ */ x(
     v.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: g ? () => n(e.memoryId) : void 0,
-      onMouseEnter: g ? () => o(!0) : void 0,
-      onMouseLeave: g ? () => o(!1) : void 0,
+      onClick: m ? () => r(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",
+        borderRadius: "6px",
         border: "1px solid #e0e0e0",
-        backgroundColor: r ? "#f0f0f0" : "#f9f9f9",
-        cursor: g ? "pointer" : "default",
+        backgroundColor: n ? "#f5f5f5" : "transparent",
+        cursor: m ? "pointer" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none"
       },
-      children: /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: d })
+      children: [
+        /* @__PURE__ */ c("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+        l && /* @__PURE__ */ c("span", { style: { fontSize: "12px", color: "#666" }, children: l })
+      ]
     }
   );
-}, Ee = `
-@keyframes explore-memory-spinner {
-    to { transform: rotate(360deg); }
+};
+function ke({
+  eventType: e,
+  completed: t
+}) {
+  return e === "ExploreMemoryError" ? /* @__PURE__ */ c("span", { style: { color: "#c62828", fontSize: 14, fontWeight: 600 }, children: "✗" }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ c("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : e === "ExploreMemoryStart" && t ? /* @__PURE__ */ c("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : null;
 }
-`;
-function Ae() {
-  return /* @__PURE__ */ b(Z, { children: [
-    /* @__PURE__ */ i("style", { children: Ee }),
-    /* @__PURE__ */ i(
+const z = 80, ve = ({ data: e, completed: t, isLatest: r = !1 }) => {
+  const [n, o] = C(!1), m = e.eventType === "ExploreMemoryResult" ? e.result : void 0, s = m != null && m.length > z, l = m != null ? n || !s ? m : `${m.slice(0, z)}...` : void 0, d = s;
+  if (e.eventType === "ExploreMemoryStart" && !t) {
+    const i = `Exploring ${e.memoryTitle}...`;
+    return /* @__PURE__ */ c(
       "div",
       {
         style: {
-          width: 12,
-          height: 12,
-          border: "2px solid #e0e0e0",
-          borderTopColor: "#666",
-          borderRadius: "50%",
-          animation: "explore-memory-spinner 0.8s linear infinite"
-        }
+          padding: "16px",
+          display: "flex",
+          alignItems: "center"
+        },
+        children: r ? /* @__PURE__ */ c(
+          R,
+          {
+            text: i,
+            duration: 2.5,
+            repeat: !0,
+            color: "#999",
+            shimmerColor: "#000"
+          }
+        ) : /* @__PURE__ */ c("span", { style: { fontSize: 13, color: "#999" }, children: i })
       }
-    )
-  ] });
-}
-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(
+    );
+  }
+  return /* @__PURE__ */ c("div", { style: { padding: "16px" }, children: /* @__PURE__ */ x(
     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,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.25 },
+      onClick: d ? () => o((i) => !i) : void 0,
       style: {
-        display: "inline-flex",
+        paddingBottom: "12px",
+        borderBottom: "1px solid #eee",
+        display: "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"
+        cursor: d ? "pointer" : "default"
       },
-      onMouseEnter: s ? (c) => {
-        c.currentTarget.style.backgroundColor = "#f0f0f0";
-      } : void 0,
-      onMouseLeave: s ? (c) => {
-        c.currentTarget.style.backgroundColor = "#f9f9f9";
-      } : void 0,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ c(
           "div",
           {
             style: {
@@ -1351,10 +1126,10 @@ const _ = 80, Pe = ({ data: e, completed: t }) => {
               flexShrink: 0,
               width: 20
             },
-            children: /* @__PURE__ */ i(Ie, { eventType: e.eventType, completed: t })
+            children: /* @__PURE__ */ c(ke, { eventType: e.eventType, completed: t })
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ x(
           "div",
           {
             style: {
@@ -1364,8 +1139,8 @@ const _ = 80, Pe = ({ data: e, completed: t }) => {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-              d != null && /* @__PURE__ */ i(
+              /* @__PURE__ */ c("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+              l != null && /* @__PURE__ */ c(
                 "span",
                 {
                   style: {
@@ -1374,10 +1149,10 @@ const _ = 80, Pe = ({ data: e, completed: t }) => {
                     lineHeight: 1.4,
                     whiteSpace: n ? "pre-wrap" : void 0
                   },
-                  children: d
+                  children: l
                 }
               ),
-              s && /* @__PURE__ */ i(
+              d && /* @__PURE__ */ c(
                 "span",
                 {
                   style: {
@@ -1394,143 +1169,114 @@ const _ = 80, Pe = ({ data: e, completed: t }) => {
       ]
     }
   ) });
-}, Me = ({ progressViewItems: e, streamToken: t, fetchClientToken: n, loadingText: r, onSourceClick: o }) => {
-  const g = E(null);
-  p(() => {
-    g.current && (g.current.scrollTop = g.current.scrollHeight);
+}, xe = ({
+  progressViewItems: e,
+  streamToken: t,
+  fetchClientToken: r,
+  loadingText: n,
+  onSourceClick: o
+}) => {
+  const m = A(null);
+  E(() => {
+    m.current && (m.current.scrollTop = m.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) {
+  const s = (l) => {
+    const d = l.item.data;
+    if (d.taskType === "StreamingChatCompletion" && d.eventType === "Text")
+      return /* @__PURE__ */ c(U, { text: d.text });
+    if (d.taskType === "StructuredChatCompletion" && d.eventType === "Json")
+      return /* @__PURE__ */ c(fe, { data: d });
+    if (d.taskType === "StreamingMemoryTypeChatCompletion")
+      switch (d.eventType) {
         case "Text":
-          return /* @__PURE__ */ i(B, { text: c.text });
+          return /* @__PURE__ */ c(U, { text: d.text });
         case "Search":
-          return /* @__PURE__ */ i(
-            ve,
+          return /* @__PURE__ */ c(
+            he,
             {
-              data: c,
-              isLatest: s.isLatest,
-              durationSeconds: s.durationSeconds
+              data: d,
+              isLatest: l.isLatest,
+              durationSeconds: l.durationSeconds
             }
           );
         case "FindSources":
-          return /* @__PURE__ */ i(
-            Ce,
+          return /* @__PURE__ */ c(
+            Se,
             {
-              data: c,
-              isLatest: s.isLatest,
-              durationSeconds: s.durationSeconds
+              data: d,
+              isLatest: l.isLatest,
+              durationSeconds: l.durationSeconds
             }
           );
         case "SourcesResult":
-          return /* @__PURE__ */ i(
-            xe,
+          return /* @__PURE__ */ c(
+            Te,
             {
-              data: c,
+              data: d,
               onSourceClick: o
             }
           );
         case "ExploreMemoryStart":
         case "ExploreMemoryResult":
         case "ExploreMemoryError":
-          return /* @__PURE__ */ i(
-            Pe,
+          return /* @__PURE__ */ c(
+            ve,
             {
-              data: c,
-              completed: s.completed,
-              isLatest: s.isLatest
+              data: d,
+              completed: l.completed,
+              isLatest: l.isLatest
             }
           );
         case "Completed":
           return null;
       }
-    return c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed", null;
+    return d.taskType === "StreamingChatCompletion" && d.eventType === "Completed" || d.taskType === "StructuredChatCompletion" && d.eventType === "Completed", null;
   };
-  return e.length === 0 ? /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-    M,
+  return e.length === 0 ? /* @__PURE__ */ c("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ c(
+    R,
     {
-      text: r ?? "Processing your task...",
+      text: n ?? "Processing your task...",
       duration: 1.5,
       repeat: !0,
       repeatDelay: 0,
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: g, children: /* @__PURE__ */ i(H, { children: e.map((s, c) => /* @__PURE__ */ i(
+  ) }) : /* @__PURE__ */ c("div", { id: "agent-task-progress-verbose", ref: m, children: /* @__PURE__ */ c(L, { children: e.map((l, d) => /* @__PURE__ */ c(
     v.div,
     {
-      id: `agent-task-progress-item-${s.item.progressItemId}`,
+      id: `agent-task-progress-item-${l.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
         duration: 0.4,
-        delay: c * 0.1,
+        delay: d * 0.1,
         ease: "easeOut"
       },
-      children: d(s)
+      children: s(l)
     },
-    s.item.progressItemId
+    l.item.progressItemId
   )) }) });
-}, He = ({
+}, ze = ({
   agentTask: e,
   mode: t = "verbose",
-  streamToken: n,
-  fetchClientToken: r,
+  streamToken: r,
+  fetchClientToken: n,
   onSourceClick: o
 }) => {
-  const g = ye(e);
-  return t === "simple" ? /* @__PURE__ */ i(he, { progressViewItems: g }) : /* @__PURE__ */ i(
-    Me,
+  const m = me(e);
+  return t === "simple" ? /* @__PURE__ */ c(ye, { progressViewItems: m }) : /* @__PURE__ */ c(
+    xe,
     {
-      progressViewItems: g,
-      streamToken: n,
-      fetchClientToken: r,
+      progressViewItems: m,
+      streamToken: r,
+      fetchClientToken: n,
       loadingText: e.loadingText,
       onSourceClick: o
     }
   );
 };
-class Re {
+class we {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -1539,37 +1285,37 @@ class Re {
    * Creates new connections and removes old ones.
    */
   updateStreams(t) {
-    t.forEach((r) => {
-      const o = r.stream.id;
-      this.eventSources.has(o) || this.connectStream(r);
+    t.forEach((n) => {
+      const o = n.stream.id;
+      this.eventSources.has(o) || this.connectStream(n);
     });
-    const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, o) => {
-      n.has(o) || (r.abort(), this.eventSources.delete(o));
+    const r = new Set(t.map((n) => n.stream.id));
+    this.eventSources.forEach((n, o) => {
+      r.has(o) || (n.abort(), this.eventSources.delete(o));
     });
   }
   connectStream(t) {
-    const n = t.stream.id, r = new AbortController();
-    this.eventSources.set(n, r);
-    const o = `${this.fency.baseUrl}/sse/streams/${n}`, g = {
+    const r = t.stream.id, n = new AbortController();
+    this.eventSources.set(r, n);
+    const o = `${this.fency.baseUrl}/sse/streams/${r}`, m = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    K(o, {
-      headers: g,
-      signal: r.signal,
-      async onopen(d) {
-        if (!d.ok && d.status >= 400 && d.status < 500 && d.status !== 429)
-          throw new Error(`Client error ${d.status}`);
+    j(o, {
+      headers: m,
+      signal: n.signal,
+      async onopen(s) {
+        if (!s.ok && s.status >= 400 && s.status < 500 && s.status !== 429)
+          throw new Error(`Client error ${s.status}`);
       },
-      onmessage: (d) => {
-        if (d.data) {
-          const s = q(d.data);
-          this.broadcast(s, n);
+      onmessage: (s) => {
+        if (s.data) {
+          const l = H(s.data);
+          this.broadcast(l, r);
         }
       },
-      onerror: (d) => {
-        throw console.error("EventSource error for stream", n, ":", d), this.broadcastError(n), d;
+      onerror: (s) => {
+        throw console.error("EventSource error for stream", r, ":", s), this.broadcastError(r), s;
       },
       onclose() {
       }
@@ -1579,19 +1325,19 @@ class Re {
    * Subscribe to events from all active streams.
    * Returns an unsubscribe function.
    */
-  subscribe(t, n) {
-    return this.subscribers.set(t, n), () => {
+  subscribe(t, r) {
+    return this.subscribers.set(t, r), () => {
       this.subscribers.delete(t);
     };
   }
-  broadcast(t, n) {
-    this.subscribers.forEach((r) => {
-      r.onMessage(t, n);
+  broadcast(t, r) {
+    this.subscribers.forEach((n) => {
+      n.onMessage(t, r);
     });
   }
   broadcastError(t) {
-    this.subscribers.forEach((n) => {
-      n.onError(t);
+    this.subscribers.forEach((r) => {
+      r.onError(t);
     });
   }
   /**
@@ -1601,95 +1347,92 @@ class Re {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const Fe = 12e4, Ne = (e) => {
+const Ee = 12e4, Ie = (e) => {
   const t = Date.now();
-  return e.filter((n) => t - n.createdAt < Fe);
+  return e.filter((r) => t - r.createdAt < Ee);
 };
-function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, o] = C(
+function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
+  const [n, o] = C(
     null
-  ), [g, d] = C(!0), [s, c] = C(null), [a, l] = C([]), u = E(null), m = E(null);
-  p(() => {
+  ), [m, s] = C(!0), [l, d] = C(null), [a, i] = C([]), g = A(null), u = A(null);
+  E(() => {
     e.then((f) => {
-      o(f), d(!1);
+      o(f), s(!1);
     }).catch((f) => {
-      c(f), d(!1);
+      d(f), s(!1);
     });
-  }, [e]), p(() => {
-    r && !m.current && (m.current = new Re(r));
-  }, [r]), p(() => {
-    m.current && m.current.updateStreams(a);
-  }, [a]), p(() => () => {
+  }, [e]), E(() => {
+    n && !u.current && (u.current = new we(n));
+  }, [n]), E(() => {
+    u.current && u.current.updateStreams(a);
+  }, [a]), E(() => () => {
     var f;
-    (f = m.current) == null || f.cleanup();
+    (f = u.current) == null || f.cleanup();
   }, []);
-  const T = U(
+  const S = W(
     async (f = 3e4) => {
-      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 A = (async () => {
-        if (!r)
+      if (g.current)
+        return g.current;
+      const h = Date.now(), b = a.length > 0 ? a[a.length - 1] : null;
+      if (b && h - b.createdAt < f)
+        return b.stream;
+      const I = (async () => {
+        if (!n)
           throw new Error("Fency instance not initialized");
-        const w = await t(), I = await X({
-          pk: r.publishableKey,
-          baseUrl: r.baseUrl,
+        const w = await t(), p = await J({
+          pk: n.publishableKey,
+          baseUrl: n.baseUrl,
           clientToken: (w == null ? void 0 : w.clientToken) ?? ""
         });
-        if (I.type === "success") {
-          const R = {
-            stream: I.stream,
+        if (p.type === "success") {
+          const M = {
+            stream: p.stream,
             createdAt: Date.now()
           };
-          return l((P) => {
-            const x = [...P, R];
-            return Ne(x);
-          }), u.current = null, I.stream;
+          return i((P) => {
+            const k = [...P, M];
+            return Ie(k);
+          }), g.current = null, p.stream;
         } else
-          throw u.current = null, new Error("Failed to create stream");
+          throw g.current = null, new Error("Failed to create stream");
       })();
-      return u.current = A, A;
+      return g.current = I, I;
     },
-    [r, a]
+    [n, a]
   );
-  if (s)
-    return /* @__PURE__ */ b("div", { children: [
+  if (l)
+    return /* @__PURE__ */ x("div", { children: [
       "Fency error: ",
-      s.message
+      l.message
     ] });
-  if (!r)
+  if (!n)
     return null;
-  const y = a.length > 0 ? a[a.length - 1] : null, S = {
-    fency: r,
-    loading: g,
-    error: s,
+  const y = a.length > 0 ? a[a.length - 1] : null, T = {
+    fency: n,
+    loading: m,
+    error: l,
     activeStreams: a,
     latestStream: y,
-    eventManager: m.current,
-    getOrCreateStream: T
+    eventManager: u.current,
+    getOrCreateStream: S
   };
-  return /* @__PURE__ */ i(G.Provider, { value: S, children: n });
+  return /* @__PURE__ */ c(_.Provider, { value: T, children: r });
 }
 export {
-  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,
-  ve as StreamingMemoryTypeChatCompletionSearch,
-  xe as StreamingMemoryTypeChatCompletionSourcesResult,
-  be as StructuredChatCompletionJson,
-  Be as useAgentTasks,
+  ze as AgentTaskProgress,
+  ye as AgentTaskProgressSimple,
+  xe as AgentTaskProgressVerbose,
+  We as FencyProvider,
+  R as ShimmeringText,
+  U as StreamingChatCompletionText,
+  ve as StreamingMemoryTypeChatCompletionExploreMemory,
+  Se as StreamingMemoryTypeChatCompletionFindSources,
+  he as StreamingMemoryTypeChatCompletionSearch,
+  Te as StreamingMemoryTypeChatCompletionSourcesResult,
+  fe as StructuredChatCompletionJson,
+  Oe as useAgentTasks,
   N as useFencyContext,
-  _e as useFencyEventSource,
-  je as usePaginatedQuery,
-  ie as useStream
+  De as useFencyEventSource,
+  Ue as usePaginatedQuery,
+  ae as useStream
 };