@fencyai/react 0.1.112 → 0.1.114

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 Y, useState as S, useRef as P, useEffect as v, useCallback as U, useMemo as _ } from "react";
-import { jsx as g, jsxs as A } from "react/jsx-runtime";
-import { useInView as Q, motion as E, AnimatePresence as z } from "motion/react";
-import H from "react-markdown";
-import { Prism as W } from "react-syntax-highlighter";
-import G from "remark-gfm";
+import { createContext as J, useContext as Y, useState as T, useRef as A, useEffect as w, useCallback as U, useMemo as L } from "react";
+import { jsx as m, jsxs as P } from "react/jsx-runtime";
+import { useInView as Q, motion as I, AnimatePresence as W } from "motion/react";
+import D from "react-markdown";
+import { Prism as M } from "react-syntax-highlighter";
+import B from "remark-gfm";
 import './assets/index.css';const j = J(
   void 0
 );
-function R() {
+function F() {
   const e = Y(j);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
@@ -50,51 +50,51 @@ const Z = (e) => {
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
 }), re = (e) => {
-  const t = R(), [n, r] = S(null), a = P(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return v(() => {
+  const t = F(), [r, n] = T(null), a = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return w(() => {
     if (!t.eventManager) return;
     const s = {
-      onMessage: (o, c) => {
-        var i, u, m, b, h, w, y, k, C, I;
-        const l = Z(o);
-        if (l)
-          switch (l.type) {
+      onMessage: (g, o) => {
+        var d, c, f, y, k, b, h, S, x, C;
+        const i = Z(g);
+        if (i)
+          switch (i.type) {
             case "NewChatCompletionStreamChunk":
-              (i = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || i.call(e, l);
+              (d = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || d.call(e, i);
               break;
             case "ChatCompletionStreamCompleted":
-              (u = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || u.call(e, l);
+              (c = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || c.call(e, i);
               break;
             case "StreamTimeout":
-              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, l);
+              (f = e == null ? void 0 : e.onStreamTimeout) == null || f.call(e, i);
               break;
             case "StreamNotFound":
-              (b = e == null ? void 0 : e.onStreamNotFound) == null || b.call(e, l);
+              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, i);
               break;
             case "FileUploadCompleted":
-              (h = e == null ? void 0 : e.onFileUploadCompleted) == null || h.call(e, l);
+              (k = e == null ? void 0 : e.onFileUploadCompleted) == null || k.call(e, i);
               break;
             case "FileTextContentReady":
-              (w = e == null ? void 0 : e.onFileTextContentReady) == null || w.call(e, l);
+              (b = e == null ? void 0 : e.onFileTextContentReady) == null || b.call(e, i);
               break;
             case "WebsiteHtmlContentReady":
-              (y = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || y.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);
+              (S = e == null ? void 0 : e.onWebsiteTextContentReady) == null || S.call(e, i);
               break;
             case "FileSearchIndexReady":
-              (C = e == null ? void 0 : e.onFileSearchIndexReady) == null || C.call(e, l);
+              (x = e == null ? void 0 : e.onFileSearchIndexReady) == null || x.call(e, i);
               break;
             case "AgentTaskProgressItemUpdated":
-              (I = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || I.call(e, l);
+              (C = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || C.call(e, i);
               break;
           }
       },
-      onError: (o) => {
-        var c;
-        (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, {
-          streamId: o,
+      onError: (g) => {
+        var o;
+        (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, {
+          streamId: g,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -109,8 +109,8 @@ const Z = (e) => {
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const s = await t.getOrCreateStream(e.fetchTokens, 3e4);
-        return r(s), {
+        const s = await t.getOrCreateStream(3e4);
+        return n(s), {
           type: "success",
           stream: s
         };
@@ -124,71 +124,61 @@ const Z = (e) => {
         };
       }
     },
-    stream: n
+    stream: r
   };
-}, Ee = (e) => {
-  const t = R(), [n, r] = S([]), a = P(/* @__PURE__ */ new Set()), { createStream: f } = re({
-    fetchTokens: e.fetchCreateStreamTokens,
+}, Re = (e) => {
+  const t = F(), [r, n] = T([]), a = A(/* @__PURE__ */ new Set()), u = A(/* @__PURE__ */ new Map()), { createStream: s } = re({
     onAgentTaskProgressItemUpdated: (o) => {
       var c;
-      a.current.has(o.agentTaskId) && ((c = e.onAgentTaskProgressItemUpdated) == null || c.call(e, o), r((l) => {
-        const i = l.find(
-          (m) => m.streamId === o.streamId
-        );
-        return i ? i.progressItems.map(
-          (m) => m.progressItemId
-        ).includes(o.progressItemId) ? [
-          ...l.filter((m) => m.streamId !== o.streamId),
-          {
-            ...i,
-            progressItems: i.progressItems.map(
-              (m) => m.progressItemId === o.progressItemId ? o : m
-            )
-          }
-        ] : [
-          ...l.filter(
-            (m) => m.streamId !== o.streamId
-          ),
-          {
-            ...i,
-            progressItems: [
-              ...i.progressItems,
-              o
-            ]
-          }
-        ] : l;
-      }));
+      if (!a.current.has(o.agentTaskId)) return;
+      const i = o.data;
+      if (i.type === "GenericAgentTaskCompleted" || i.type === "StreamingChatCompletionCompleted") {
+        const f = u.current.get(o.agentTaskId);
+        f && (u.current.delete(o.agentTaskId), f(i));
+        return;
+      }
+      (c = e.onAgentTaskProgressItemUpdated) == null || c.call(e, o), n(
+        (f) => f.map((y) => {
+          if (y.streamId !== o.streamId) return y;
+          const b = y.progressItems.some(
+            (h) => h.progressItemId === o.progressItemId
+          ) ? y.progressItems.map(
+            (h) => h.progressItemId === o.progressItemId ? o : h
+          ) : [...y.progressItems, o];
+          return { ...y, progressItems: b };
+        })
+      );
     },
     onStreamError: (o) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, o), r((l) => {
-        const i = l.find((u) => u.streamId === o.streamId);
-        return i ? [
-          ...l.filter((u) => u.streamId !== o.streamId),
+      var i;
+      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, o), n((d) => {
+        const c = d.find((f) => f.streamId === o.streamId);
+        return c ? [
+          ...d.filter((f) => f.streamId !== o.streamId),
           {
-            ...i,
+            ...c,
             loading: !1,
             error: o.error
           }
-        ] : l;
+        ] : d;
       });
     },
     onStreamNotFound: (o) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamNotFound) == null || c.call(e, o);
+      var i;
+      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, o);
     },
     onStreamTimeout: (o) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamTimeout) == null || c.call(e, o);
+      var i;
+      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, o);
     }
-  }), s = U(
+  }), l = U(
     async (o) => {
-      const c = await f();
-      if (c.type === "success") {
-        r([
-          ...n,
+      const i = await s();
+      if (i.type === "success") {
+        n([
+          ...r,
           {
-            streamId: c.stream.id,
+            streamId: i.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
@@ -198,164 +188,179 @@ const Z = (e) => {
             doneStreaming: !1
           }
         ]);
-        const { clientToken: l } = await e.fetchClientToken(), i = await q({
+        const { clientToken: d } = await e.fetchCreateAgentTaskClientToken(o.type), c = await q({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: l,
-          streamToken: c.stream.token,
+          clientToken: d,
+          streamToken: i.stream.token,
           request: {
-            genericTask: {
-              queryText: o.queryText,
-              jsonSchema: o.jsonSchema
-            }
+            genericTask: o.type === "genericAgentTask" ? { query: o.query, jsonSchema: o.jsonSchema } : void 0,
+            streamingChatCompletionTask: o.type === "streamingChatCompletion" ? { messages: o.messages } : void 0
           }
         });
-        if (i.type === "success" && i.agentTask)
-          return a.current.add(i.agentTask.id), r((u) => [
-            ...u.filter(
-              (m) => m.streamId !== c.stream.id
+        if (c.type === "success" && c.agentTask) {
+          a.current.add(
+            c.agentTask.id
+          ), n((y) => [
+            ...y.filter(
+              (k) => k.streamId !== i.stream.id
             ),
             {
-              streamId: c.stream.id,
+              streamId: i.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: i.agentTask.id,
-              createdAt: i.agentTask.createdAt,
+              taskId: c.agentTask.id,
+              createdAt: c.agentTask.createdAt,
               error: null,
               params: o,
               progressItems: [],
               doneStreaming: !1,
               loading: !0,
               confirmedData: {
-                taskId: i.agentTask.id,
-                createdAt: i.agentTask.createdAt
+                taskId: c.agentTask.id,
+                createdAt: c.agentTask.createdAt
               }
             }
-          ]), {
-            type: "success",
-            streamId: c.stream.id,
-            agentTaskId: i.agentTask.id
-          };
-        if (i.type === "error")
-          return r((u) => [
-            ...u.filter(
-              (m) => m.streamId !== c.stream.id
-            ),
-            {
-              triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              streamId: c.stream.id,
-              params: o,
-              error: i.error,
-              progressItems: [],
-              loading: !1,
-              doneStreaming: !1,
-              confirmedData: null
+          ]);
+          const f = await new Promise(
+            (y) => {
+              u.current.set(
+                c.agentTask.id,
+                y
+              );
             }
-          ]), {
-            type: "error",
-            error: i.error
-          };
-        {
-          const u = {
-            message: "No response received",
-            code: "UnknownError"
-          };
-          return r((m) => [
-            ...m.filter(
-              (b) => b.streamId !== c.stream.id
-            ),
-            {
-              triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              streamId: c.stream.id,
-              error: u,
-              params: o,
-              progressItems: [],
-              loading: !1,
-              doneStreaming: !1,
-              confirmedData: null
-            }
-          ]), {
-            type: "error",
-            error: u
+          );
+          return {
+            type: "success",
+            streamId: i.stream.id,
+            agentTaskId: c.agentTask.id,
+            response: f
           };
+        } else {
+          if (c.type === "error")
+            return n((f) => [
+              ...f.filter(
+                (y) => y.streamId !== i.stream.id
+              ),
+              {
+                triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
+                streamId: i.stream.id,
+                params: o,
+                error: c.error,
+                progressItems: [],
+                loading: !1,
+                doneStreaming: !1,
+                confirmedData: null
+              }
+            ]), {
+              type: "error",
+              error: c.error
+            };
+          {
+            const f = {
+              message: "No response received",
+              code: "UnknownError"
+            };
+            return n((y) => [
+              ...y.filter(
+                (k) => k.streamId !== i.stream.id
+              ),
+              {
+                triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
+                streamId: i.stream.id,
+                error: f,
+                params: o,
+                progressItems: [],
+                loading: !1,
+                doneStreaming: !1,
+                confirmedData: null
+              }
+            ]), {
+              type: "error",
+              error: f
+            };
+          }
         }
       } else
-        return console.error(c.error), c;
+        return console.error(i.error), i;
     },
-    [t, n, f]
-  ), d = _(() => n.sort((o, c) => new Date(c.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0], [n]);
-  return v(() => () => {
-    a.current.clear();
+    [t, r, s]
+  ), g = L(() => {
+    if (r.length !== 0)
+      return [...r].sort((o, i) => new Date(i.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
+  }, [r]);
+  return w(() => () => {
+    a.current.clear(), u.current.clear();
   }, []), {
-    agentTasks: n,
-    createAgentTask: s,
-    latest: d
+    agentTasks: r,
+    createAgentTask: l,
+    latest: g
   };
 };
 async function ae(e, t) {
-  const n = e.getReader();
-  let r;
-  for (; !(r = await n.read()).done; )
-    t(r.value);
+  const r = e.getReader();
+  let n;
+  for (; !(n = await r.read()).done; )
+    t(n.value);
 }
 function oe(e) {
-  let t, n, r, a = !1;
+  let t, r, n, a = !1;
   return function(s) {
-    t === void 0 ? (t = s, n = 0, r = -1) : t = se(t, s);
-    const d = t.length;
-    let o = 0;
-    for (; n < d; ) {
-      a && (t[n] === 10 && (o = ++n), a = !1);
-      let c = -1;
-      for (; n < d && c === -1; ++n)
-        switch (t[n]) {
+    t === void 0 ? (t = s, r = 0, n = -1) : t = se(t, s);
+    const l = t.length;
+    let g = 0;
+    for (; r < l; ) {
+      a && (t[r] === 10 && (g = ++r), a = !1);
+      let o = -1;
+      for (; r < l && o === -1; ++r)
+        switch (t[r]) {
           case 58:
-            r === -1 && (r = n - o);
+            n === -1 && (n = r - g);
             break;
           case 13:
             a = !0;
           case 10:
-            c = n;
+            o = r;
             break;
         }
-      if (c === -1)
+      if (o === -1)
         break;
-      e(t.subarray(o, c), r), o = n, r = -1;
+      e(t.subarray(g, o), n), g = r, n = -1;
     }
-    o === d ? t = void 0 : o !== 0 && (t = t.subarray(o), n -= o);
+    g === l ? t = void 0 : g !== 0 && (t = t.subarray(g), r -= g);
   };
 }
-function ie(e, t, n) {
-  let r = D();
+function ie(e, t, r) {
+  let n = z();
   const a = new TextDecoder();
-  return function(s, d) {
+  return function(s, l) {
     if (s.length === 0)
-      n == null || n(r), r = D();
-    else if (d > 0) {
-      const o = a.decode(s.subarray(0, d)), c = d + (s[d + 1] === 32 ? 2 : 1), l = a.decode(s.subarray(c));
-      switch (o) {
+      r == null || r(n), n = z();
+    else if (l > 0) {
+      const g = a.decode(s.subarray(0, l)), o = l + (s[l + 1] === 32 ? 2 : 1), i = a.decode(s.subarray(o));
+      switch (g) {
         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 i = parseInt(l, 10);
-          isNaN(i) || t(r.retry = i);
+          const d = parseInt(i, 10);
+          isNaN(d) || t(n.retry = d);
           break;
       }
     }
   };
 }
 function se(e, t) {
-  const n = new Uint8Array(e.length + t.length);
-  return n.set(e), n.set(t, e.length), n;
+  const r = new Uint8Array(e.length + t.length);
+  return r.set(e), r.set(t, e.length), r;
 }
-function D() {
+function z() {
   return {
     data: "",
     event: "",
@@ -364,53 +369,53 @@ function D() {
   };
 }
 var ce = 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 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 a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
-      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
-  return n;
+    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;
 };
-const O = "text/event-stream", le = 1e3, B = "last-event-id";
-function L(e, t) {
-  var { signal: n, headers: r, onopen: a, onmessage: f, onclose: s, onerror: d, openWhenHidden: o, fetch: c } = t, l = ce(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((i, u) => {
-    const m = Object.assign({}, r);
-    m.accept || (m.accept = O);
-    let b;
-    function h() {
-      b.abort(), document.hidden || x();
-    }
-    o || document.addEventListener("visibilitychange", h);
-    let w = le, y = 0;
+const O = "text/event-stream", le = 1e3, H = "last-event-id";
+function $(e, t) {
+  var { signal: r, headers: n, onopen: a, onmessage: u, onclose: s, onerror: l, openWhenHidden: g, fetch: o } = t, i = ce(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((d, c) => {
+    const f = Object.assign({}, n);
+    f.accept || (f.accept = O);
+    let y;
     function k() {
-      document.removeEventListener("visibilitychange", h), window.clearTimeout(y), b.abort();
+      y.abort(), document.hidden || E();
     }
-    n == null || n.addEventListener("abort", () => {
-      k(), i();
+    g || document.addEventListener("visibilitychange", k);
+    let b = le, h = 0;
+    function S() {
+      document.removeEventListener("visibilitychange", k), window.clearTimeout(h), y.abort();
+    }
+    r == null || r.addEventListener("abort", () => {
+      S(), d();
     });
-    const C = c ?? window.fetch, I = a ?? de;
-    async function x() {
+    const x = o ?? window.fetch, C = a ?? de;
+    async function E() {
       var N;
-      b = new AbortController();
+      y = new AbortController();
       try {
-        const F = await C(e, Object.assign(Object.assign({}, l), { headers: m, signal: b.signal }));
-        await I(F), await ae(F.body, oe(ie((T) => {
-          T ? m[B] = T : delete m[B];
-        }, (T) => {
-          w = T;
-        }, f))), s == null || s(), k(), i();
-      } catch (F) {
-        if (!b.signal.aborted)
+        const R = await x(e, Object.assign(Object.assign({}, i), { headers: f, signal: y.signal }));
+        await C(R), await ae(R.body, oe(ie((v) => {
+          v ? f[H] = v : delete f[H];
+        }, (v) => {
+          b = v;
+        }, u))), s == null || s(), S(), d();
+      } catch (R) {
+        if (!y.signal.aborted)
           try {
-            const T = (N = d == null ? void 0 : d(F)) !== null && N !== void 0 ? N : w;
-            window.clearTimeout(y), y = window.setTimeout(x, T);
-          } catch (T) {
-            k(), u(T);
+            const v = (N = l == null ? void 0 : l(R)) !== null && N !== void 0 ? N : b;
+            window.clearTimeout(h), h = window.setTimeout(E, v);
+          } catch (v) {
+            S(), c(v);
           }
       }
     }
-    x();
+    E();
   });
 }
 function de(e) {
@@ -418,15 +423,15 @@ function de(e) {
   if (!(t != null && t.startsWith(O)))
     throw new Error(`Expected content-type to be ${O}, Actual: ${t}`);
 }
-function Fe(e) {
-  const [t, n] = S(null);
-  return v(() => {
+function Ne(e) {
+  const [t, r] = T(null);
+  return w(() => {
     if (!t)
       return;
-    const r = new AbortController();
-    return L(t, {
+    const n = new AbortController();
+    return $(t, {
       headers: e == null ? void 0 : e.headers,
-      signal: r.signal,
+      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}`);
@@ -434,74 +439,74 @@ function Fe(e) {
       onmessage(a) {
         a.data && (e == null || e.onMessage({
           url: t,
-          data: $(a.data)
+          data: K(a.data)
         }));
       },
       onerror(a) {
-        throw console.error("EventSource error:", a), e == null || e.onError(t), n(null), a;
+        throw console.error("EventSource error:", a), e == null || e.onError(t), r(null), a;
       },
       onclose() {
       }
     }), () => {
-      r.abort();
+      n.abort();
     };
   }, [t, e == null ? void 0 : e.headers]), {
-    setSourceUrl: n,
+    setSourceUrl: r,
     sourceUrl: t
   };
 }
-function $(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 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);
 }
-function Ne(e, t) {
-  const [n, r] = S(
+function Fe(e, t) {
+  const [r, n] = T(
     null
-  ), [a, f] = S(
+  ), [a, u] = T(
     null
-  ), s = R(), d = async (i) => {
-    const u = await i.fetchTokens(), { fetchTokens: m, nextPageToken: b, previousPageToken: h, ...w } = i, y = await e({
+  ), s = F(), l = async (d) => {
+    const c = await d.fetchTokens(), { fetchTokens: f, nextPageToken: y, previousPageToken: k, ...b } = d, h = await e({
       pk: s.fency.publishableKey,
-      clientToken: u.clientToken,
-      streamToken: u.streamToken,
+      clientToken: c.clientToken,
+      streamToken: c.streamToken,
       request: {
-        ...w,
+        ...b,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
         pagination: {
-          nextPageToken: b,
-          previousPageToken: h
+          nextPageToken: y,
+          previousPageToken: k
         }
       },
       baseUrl: s.fency.baseUrl
     });
-    return y.type === "success" && y.items && y.pagination ? {
+    return h.type === "success" && h.items && h.pagination ? {
       type: "success",
       page: {
-        items: y.items,
-        hasNextPage: y.pagination.nextPageToken != null,
-        hasPreviousPage: y.pagination.previousPageToken != null,
-        pagination: y.pagination
+        items: h.items,
+        hasNextPage: h.pagination.nextPageToken != null,
+        hasPreviousPage: h.pagination.previousPageToken != null,
+        pagination: h.pagination
       }
     } : {
       type: "error",
-      error: y.error ?? {
+      error: h.error ?? {
         code: "UNKNOWN_ERROR",
         message: "An unknown error occurred"
       }
     };
   };
   return {
-    fetchFirstPage: async (i) => {
-      const u = await d({
-        ...i,
+    fetchFirstPage: async (d) => {
+      const c = await l({
+        ...d,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return u.type === "success" && (f(u.page), r(i)), u;
+      return c.type === "success" && (u(c.page), n(d)), c;
     },
-    fetchNextPage: async (i) => {
+    fetchNextPage: async (d) => {
       if (a == null)
         return {
           type: "error",
@@ -518,14 +523,14 @@ function Ne(e, t) {
             message: "No next page"
           }
         };
-      const u = await d({
-        ...i,
+      const c = await l({
+        ...d,
         nextPageToken: a.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return u.type === "success" && (f(u.page), r(i)), u;
+      return c.type === "success" && (u(c.page), n(d)), c;
     },
-    fetchPreviousPage: async (i) => {
+    fetchPreviousPage: async (d) => {
       if (a == null)
         return {
           type: "error",
@@ -542,60 +547,60 @@ function Ne(e, t) {
             message: "No previous page"
           }
         };
-      const u = await d({
-        ...i,
+      const c = await l({
+        ...d,
         nextPageToken: void 0,
         previousPageToken: a.pagination.previousPageToken
       });
-      return u.type === "success" && (f(u.page), r(i)), u;
+      return c.type === "success" && (u(c.page), n(d)), c;
     },
-    refetchCurrentPage: async () => n == null ? {
+    refetchCurrentPage: async () => r == null ? {
       type: "error",
       error: {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : d(n),
+    } : l(r),
     currentPage: a
   };
 }
 function ue(e) {
-  return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], a = r != null;
-    let f;
-    if (r != null && r.createdAt) {
-      const s = new Date(t.createdAt).getTime(), d = new Date(r.createdAt).getTime();
-      f = Math.round((d - s) / 1e3);
+  return e.progressItems.map((t, r) => {
+    const n = e.progressItems[r + 1], a = n != null;
+    let u;
+    if (n != null && n.createdAt) {
+      const s = new Date(t.createdAt).getTime(), l = new Date(n.createdAt).getTime();
+      u = Math.round((l - s) / 1e3);
     }
     return {
       item: t,
       completed: a,
-      isLatest: n === e.progressItems.length - 1,
-      durationSeconds: f
+      isLatest: r === e.progressItems.length - 1,
+      durationSeconds: u
     };
   });
 }
-function M({
+function _({
   text: e,
   duration: t = 2,
-  delay: n = 0,
-  repeat: r = !0,
+  delay: r = 0,
+  repeat: n = !0,
   repeatDelay: a = 0.5,
-  className: f,
+  className: u,
   startOnView: s = !1,
-  once: d = !1,
-  inViewMargin: o,
-  spread: c = 2,
-  color: l = "#999",
-  shimmerColor: i = "#000",
-  direction: u = "fromBottom"
+  once: l = !1,
+  inViewMargin: g,
+  spread: o = 2,
+  color: i = "#999",
+  shimmerColor: d = "#000",
+  direction: c = "fromBottom"
 }) {
-  const m = P(null), b = Q(m, { once: d, margin: o }), h = _(() => e.length * c, [e, c]), w = !s || b, y = u === "fromBottom" ? "100% center" : "-100% center", k = u === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ g(
-    E.span,
+  const f = A(null), y = Q(f, { once: l, margin: g }), k = L(() => e.length * o, [e, o]), b = !s || y, h = c === "fromBottom" ? "100% center" : "-100% center", S = c === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ m(
+    I.span,
     {
-      ref: m,
-      className: f,
+      ref: f,
+      className: u,
       style: {
         position: "relative",
         display: "inline-block",
@@ -605,31 +610,31 @@ function M({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${h}px`,
-        "--base-color": l,
-        "--shimmer-color": i,
+        "--spread": `${k}px`,
+        "--base-color": i,
+        "--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))"
       },
       initial: {
-        backgroundPosition: y,
+        backgroundPosition: h,
         opacity: 0
       },
-      animate: w ? {
-        backgroundPosition: k,
+      animate: b ? {
+        backgroundPosition: S,
         opacity: 1
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: r ? 1 / 0 : 0,
+          repeat: n ? 1 / 0 : 0,
           duration: t,
-          delay: n,
+          delay: r,
           repeatDelay: a,
           ease: "linear"
         },
         opacity: {
           duration: 0.3,
-          delay: n
+          delay: r
         }
       },
       children: e
@@ -638,25 +643,38 @@ function M({
 }
 function me(e) {
   const t = e.item.data;
-  return t.type === "GenericAgentTaskExecution" || t.type === "GenericAgentTaskReasoning" ? t.title : t.type === "GenericAgentTaskFinalResponse" ? "Done" : "Processing";
+  switch (t.type) {
+    case "GenericAgentTaskExecution":
+      return t.title;
+    case "GenericAgentTaskReasoning":
+      return t.title;
+    case "GenericAgentTaskFinalResponse":
+      return "Generating answer...";
+    case "StreamingChatCompletionResponse":
+      return "Streaming...";
+    case "StreamingChatCompletionCompleted":
+      return "Completed";
+    case "GenericAgentTaskCompleted":
+      return "Completed";
+  }
 }
 const ge = ({
   progressViewItems: e
 }) => {
   const t = e[e.length - 1];
   if (!t) return null;
-  const n = me(t);
-  return /* @__PURE__ */ g("div", { className: "simple-mode-container", children: /* @__PURE__ */ g(z, { mode: "wait", children: /* @__PURE__ */ g(
-    E.div,
+  const r = me(t);
+  return /* @__PURE__ */ m("div", { className: "simple-mode-container", children: /* @__PURE__ */ m(W, { mode: "wait", children: /* @__PURE__ */ m(
+    I.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: t.completed ? /* @__PURE__ */ g("div", { className: "simple-mode-title", style: { color: "#666" }, children: n }) : /* @__PURE__ */ g(
-        M,
+      children: t.completed ? /* @__PURE__ */ m("div", { className: "simple-mode-title", style: { color: "#666" }, children: r }) : /* @__PURE__ */ m(
+        _,
         {
-          text: n,
+          text: r,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -670,10 +688,10 @@ const ge = ({
 }, fe = ({
   data: e,
   isLatest: t = !1,
-  durationSeconds: n
-}) => /* @__PURE__ */ A("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ g(
-    E.div,
+  durationSeconds: r
+}) => /* @__PURE__ */ P("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ m(
+    I.div,
     {
       style: {
         display: "flex",
@@ -684,8 +702,8 @@ const ge = ({
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: t && !n ? /* @__PURE__ */ g(
-        M,
+      children: t && !r ? /* @__PURE__ */ m(
+        _,
         {
           text: e.title,
           duration: 2.5,
@@ -693,10 +711,10 @@ const ge = ({
           color: "#999",
           shimmerColor: "#000"
         }
-      ) : /* @__PURE__ */ g("span", { style: { color: "#666" }, children: e.title })
+      ) : /* @__PURE__ */ m("span", { style: { color: "#666" }, children: e.title })
     }
   ),
-  n !== void 0 && /* @__PURE__ */ A(
+  r !== void 0 && /* @__PURE__ */ P(
     "div",
     {
       style: {
@@ -707,12 +725,12 @@ const ge = ({
       },
       children: [
         "Took ",
-        n,
+        r,
         " seconds"
       ]
     }
   )
-] }), K = {
+] }), G = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -866,67 +884,67 @@ const ge = ({
 }, ye = ({
   data: e,
   streamToken: t,
-  fetchClientToken: n,
-  durationSeconds: r
+  fetchClientToken: r,
+  durationSeconds: n
 }) => {
-  const { fency: a } = R(), f = U(
+  const { fency: a } = F(), u = U(
     async (s) => {
       try {
-        const { clientToken: d } = await n(), o = await V({
+        const { clientToken: l } = await r(), g = await V({
           pk: a.publishableKey,
           baseUrl: a.baseUrl,
-          clientToken: d,
+          clientToken: l,
           streamToken: t,
           request: { fileId: s }
         });
-        o.type === "success" && window.open(o.downloadLink, "_blank");
-      } catch (d) {
-        console.error("Failed to download file:", d);
+        g.type === "success" && window.open(g.downloadLink, "_blank");
+      } catch (l) {
+        console.error("Failed to download file:", l);
       }
     },
-    [a, t, n]
+    [a, t, r]
   );
-  return /* @__PURE__ */ A("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ g(
-      E.div,
+  return /* @__PURE__ */ P("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ m(
+      I.div,
       {
         className: "fency-markdown-body-raw",
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: /* @__PURE__ */ g(
-          H,
+        children: /* @__PURE__ */ m(
+          D,
           {
-            remarkPlugins: [G],
+            remarkPlugins: [B],
             components: {
               code(s) {
-                const { children: d, className: o, node: c, ref: l, ...i } = s, u = /language-(\w+)/.exec(o || "");
-                return u ? /* @__PURE__ */ g(
-                  W,
+                const { children: l, className: g, node: o, ref: i, ...d } = s, c = /language-(\w+)/.exec(g || "");
+                return c ? /* @__PURE__ */ m(
+                  M,
                   {
-                    ...i,
+                    ...d,
                     PreTag: "div",
-                    children: String(d).replace(/\n$/, ""),
-                    language: u[1],
-                    style: K
+                    children: String(l).replace(/\n$/, ""),
+                    language: c[1],
+                    style: G
                   }
-                ) : /* @__PURE__ */ g("code", { ...i, className: o, children: String(d) });
+                ) : /* @__PURE__ */ m("code", { ...d, className: g, children: String(l) });
               },
               a(s) {
-                const { children: d, href: o, ...c } = s;
-                return /* @__PURE__ */ g(
+                const { children: l, href: g, ...o } = s;
+                return /* @__PURE__ */ m(
                   "a",
                   {
-                    ...c,
-                    href: o,
-                    onClick: (l) => {
-                      if (!o) return;
-                      const i = o.match(
+                    ...o,
+                    href: g,
+                    onClick: (i) => {
+                      if (!g) return;
+                      const d = g.match(
                         /\/files\/(fil_[a-zA-Z0-9]+)\/download/
                       );
-                      i && (l.preventDefault(), f(i[1]));
+                      d && (i.preventDefault(), u(d[1]));
                     },
-                    children: d
+                    children: l
                   }
                 );
               }
@@ -936,7 +954,7 @@ const ge = ({
         )
       }
     ),
-    r !== void 0 && /* @__PURE__ */ A(
+    n !== void 0 && /* @__PURE__ */ P(
       "div",
       {
         style: {
@@ -947,7 +965,7 @@ const ge = ({
         },
         children: [
           "Thought for ",
-          r,
+          n,
           " seconds"
         ]
       }
@@ -956,22 +974,22 @@ const ge = ({
 }, he = ({
   data: e,
   completed: t,
-  isLatest: n = !1,
-  durationSeconds: r
+  isLatest: r = !1,
+  durationSeconds: n
 }) => {
-  const a = P(null);
-  return v(() => {
+  const a = A(null);
+  return w(() => {
     a.current && !t && (a.current.scrollTop = a.current.scrollHeight);
-  }, [e.reasoning, t]), /* @__PURE__ */ A("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ g(
-      E.h3,
+  }, [e.reasoning, t]), /* @__PURE__ */ P("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ m(
+      I.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__ */ g(
-          M,
+        children: r && !n ? /* @__PURE__ */ m(
+          _,
           {
             text: e.title,
             duration: 2.5,
@@ -982,8 +1000,8 @@ const ge = ({
         ) : e.title
       }
     ),
-    /* @__PURE__ */ g(
-      E.div,
+    /* @__PURE__ */ m(
+      I.div,
       {
         ref: a,
         style: {
@@ -998,23 +1016,23 @@ const ge = ({
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 0.5, y: 0 },
         transition: { duration: 0.3, delay: 0.1 },
-        children: /* @__PURE__ */ g("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ g(
-          H,
+        children: /* @__PURE__ */ m("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ m(
+          D,
           {
-            remarkPlugins: [G],
+            remarkPlugins: [B],
             components: {
-              code(f) {
-                const { children: s, className: d, node: o, ref: c, ...l } = f, i = /language-(\w+)/.exec(d || "");
-                return i ? /* @__PURE__ */ g(
-                  W,
+              code(u) {
+                const { children: s, className: l, node: g, ref: o, ...i } = u, d = /language-(\w+)/.exec(l || "");
+                return d ? /* @__PURE__ */ m(
+                  M,
                   {
-                    ...l,
+                    ...i,
                     PreTag: "div",
                     children: String(s).replace(/\n$/, ""),
-                    language: i[1],
-                    style: K
+                    language: d[1],
+                    style: G
                   }
-                ) : /* @__PURE__ */ g("code", { ...l, className: d, children: String(s) });
+                ) : /* @__PURE__ */ m("code", { ...i, className: l, children: String(s) });
               }
             },
             children: e.reasoning
@@ -1022,7 +1040,7 @@ const ge = ({
         ) })
       }
     ),
-    r !== void 0 && /* @__PURE__ */ A(
+    n !== void 0 && /* @__PURE__ */ P(
       "div",
       {
         style: {
@@ -1033,90 +1051,129 @@ const ge = ({
         },
         children: [
           "Thought for ",
-          r,
+          n,
           " seconds"
         ]
       }
     )
   ] });
 }, be = ({
-  progressViewItems: e,
-  streamToken: t,
-  fetchClientToken: n
-}) => {
-  const r = P(null);
-  return v(() => {
-    r.current && (r.current.scrollTop = r.current.scrollHeight);
-  }, [e.length]), /* @__PURE__ */ g(
+  data: e
+}) => /* @__PURE__ */ m("div", { style: { padding: "16px" }, children: /* @__PURE__ */ m(
+  I.div,
+  {
+    className: "fency-markdown-body-raw",
+    initial: { opacity: 0, y: -10 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.3, delay: 0 },
+    children: /* @__PURE__ */ m(
+      D,
+      {
+        remarkPlugins: [B],
+        components: {
+          code(t) {
+            const { children: r, className: n, node: a, ref: u, ...s } = t, l = /language-(\w+)/.exec(n || "");
+            return l ? /* @__PURE__ */ m(
+              M,
+              {
+                ...s,
+                PreTag: "div",
+                children: String(r).replace(/\n$/, ""),
+                language: l[1],
+                style: G
+              }
+            ) : /* @__PURE__ */ m("code", { ...s, className: n, children: String(r) });
+          }
+        },
+        children: e.response
+      }
+    )
+  }
+) }), ke = ({ progressViewItems: e, streamToken: t, fetchClientToken: r }) => {
+  const n = A(null);
+  w(() => {
+    n.current && (n.current.scrollTop = n.current.scrollHeight);
+  }, [e.length]);
+  const a = (u) => {
+    switch (u.item.data.type) {
+      case "GenericAgentTaskExecution":
+        return /* @__PURE__ */ m(
+          fe,
+          {
+            data: u.item.data,
+            completed: u.completed,
+            isLatest: u.isLatest,
+            durationSeconds: u.durationSeconds
+          }
+        );
+      case "GenericAgentTaskReasoning":
+        return /* @__PURE__ */ m(
+          he,
+          {
+            data: u.item.data,
+            completed: u.completed,
+            isLatest: u.isLatest,
+            durationSeconds: u.durationSeconds
+          }
+        );
+      case "GenericAgentTaskFinalResponse":
+        return /* @__PURE__ */ m(
+          ye,
+          {
+            data: u.item.data,
+            streamToken: t,
+            fetchClientToken: r,
+            durationSeconds: u.durationSeconds
+          }
+        );
+      case "StreamingChatCompletionResponse":
+        return /* @__PURE__ */ m(be, { data: u.item.data });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ m(
     "div",
     {
-      ref: r,
+      ref: n,
       style: {
         flex: 1,
         overflowY: "auto",
         minHeight: 0
       },
-      children: /* @__PURE__ */ g(z, { children: e.map(({ item: a, completed: f, isLatest: s, durationSeconds: d }, o) => /* @__PURE__ */ A(
-        E.div,
+      children: /* @__PURE__ */ m(W, { children: e.map((u, s) => /* @__PURE__ */ m(
+        I.div,
         {
           initial: { opacity: 0, y: -20 },
           animate: { opacity: 1, y: 0 },
           transition: {
             duration: 0.4,
-            delay: o * 0.1,
+            delay: s * 0.1,
             ease: "easeOut"
           },
-          children: [
-            a.data.type === "GenericAgentTaskExecution" && /* @__PURE__ */ g(
-              fe,
-              {
-                data: a.data,
-                completed: f,
-                isLatest: s,
-                durationSeconds: d
-              }
-            ),
-            a.data.type === "GenericAgentTaskReasoning" && /* @__PURE__ */ g(
-              he,
-              {
-                data: a.data,
-                completed: f,
-                isLatest: s,
-                durationSeconds: d
-              }
-            ),
-            a.data.type === "GenericAgentTaskFinalResponse" && /* @__PURE__ */ g(
-              ye,
-              {
-                data: a.data,
-                streamToken: t,
-                fetchClientToken: n,
-                durationSeconds: d
-              }
-            )
-          ]
+          children: a(u)
         },
-        a.progressItemId
+        u.item.progressItemId
       )) })
     }
   );
-}, Re = ({
+}, Oe = ({
   agentTask: e,
   mode: t = "verbose",
-  streamToken: n,
-  fetchClientToken: r
+  streamToken: r,
+  fetchClientToken: n
 }) => {
   const a = ue(e);
-  return t === "simple" ? /* @__PURE__ */ g(ge, { progressViewItems: a }) : /* @__PURE__ */ g(
-    be,
+  return t === "simple" ? /* @__PURE__ */ m(ge, { progressViewItems: a }) : /* @__PURE__ */ m(
+    ke,
     {
       progressViewItems: a,
-      streamToken: n,
-      fetchClientToken: r
+      streamToken: r,
+      fetchClientToken: n
     }
   );
 };
-class ke {
+class Se {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -1125,37 +1182,37 @@ class ke {
    * Creates new connections and removes old ones.
    */
   updateStreams(t) {
-    t.forEach((r) => {
-      const a = r.stream.id;
-      this.eventSources.has(a) || this.connectStream(r);
+    t.forEach((n) => {
+      const a = n.stream.id;
+      this.eventSources.has(a) || this.connectStream(n);
     });
-    const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, a) => {
-      n.has(a) || (r.abort(), this.eventSources.delete(a));
+    const r = new Set(t.map((n) => n.stream.id));
+    this.eventSources.forEach((n, a) => {
+      r.has(a) || (n.abort(), this.eventSources.delete(a));
     });
   }
   connectStream(t) {
-    const n = t.stream.id, r = new AbortController();
-    this.eventSources.set(n, r);
-    const a = `${this.fency.baseUrl}/sse/streams/${n}`, f = {
+    const r = t.stream.id, n = new AbortController();
+    this.eventSources.set(r, n);
+    const a = `${this.fency.baseUrl}/sse/streams/${r}`, u = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    L(a, {
-      headers: f,
-      signal: r.signal,
+    $(a, {
+      headers: u,
+      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: (s) => {
         if (s.data) {
-          const d = $(s.data);
-          this.broadcast(d, n);
+          const l = K(s.data);
+          this.broadcast(l, r);
         }
       },
       onerror: (s) => {
-        throw console.error("EventSource error for stream", n, ":", s), this.broadcastError(n), s;
+        throw console.error("EventSource error for stream", r, ":", s), this.broadcastError(r), s;
       },
       onclose() {
       }
@@ -1165,19 +1222,19 @@ class ke {
    * 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);
     });
   }
   /**
@@ -1187,89 +1244,90 @@ class ke {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const we = 12e4, Te = (e) => {
+const ve = 12e4, Te = (e) => {
   const t = Date.now();
-  return e.filter((n) => t - n.createdAt < we);
+  return e.filter((r) => t - r.createdAt < ve);
 };
-function Oe({ fency: e, children: t }) {
-  const [n, r] = S(
+function Ue({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
+  const [n, a] = T(
     null
-  ), [a, f] = S(!0), [s, d] = S(null), [o, c] = S([]), l = P(null), i = P(null);
-  v(() => {
-    e.then((h) => {
-      r(h), f(!1);
-    }).catch((h) => {
-      d(h), f(!1);
+  ), [u, s] = T(!0), [l, g] = T(null), [o, i] = T([]), d = A(null), c = A(null);
+  w(() => {
+    e.then((b) => {
+      a(b), s(!1);
+    }).catch((b) => {
+      g(b), s(!1);
     });
-  }, [e]), v(() => {
-    n && !i.current && (i.current = new ke(n));
-  }, [n]), v(() => {
-    i.current && i.current.updateStreams(o);
-  }, [o]), v(() => () => {
-    var h;
-    (h = i.current) == null || h.cleanup();
+  }, [e]), w(() => {
+    n && !c.current && (c.current = new Se(n));
+  }, [n]), w(() => {
+    c.current && c.current.updateStreams(o);
+  }, [o]), w(() => () => {
+    var b;
+    (b = c.current) == null || b.cleanup();
   }, []);
-  const u = U(
-    async (h, w = 3e4) => {
-      if (l.current)
-        return l.current;
-      const y = Date.now(), k = o.length > 0 ? o[o.length - 1] : null;
-      if (k && y - k.createdAt < w)
-        return k.stream;
-      const C = (async () => {
+  const f = U(
+    async (b = 3e4) => {
+      if (d.current)
+        return d.current;
+      const h = Date.now(), S = o.length > 0 ? o[o.length - 1] : null;
+      if (S && h - S.createdAt < b)
+        return S.stream;
+      const x = (async () => {
         if (!n)
           throw new Error("Fency instance not initialized");
-        const I = await h(), x = await X({
+        const C = await t(), E = await X({
           pk: n.publishableKey,
           baseUrl: n.baseUrl,
-          clientToken: (I == null ? void 0 : I.clientToken) ?? ""
+          clientToken: (C == null ? void 0 : C.clientToken) ?? ""
         });
-        if (x.type === "success") {
+        if (E.type === "success") {
           const N = {
-            stream: x.stream,
+            stream: E.stream,
             createdAt: Date.now()
           };
-          return c((F) => {
-            const T = [...F, N];
-            return Te(T);
-          }), l.current = null, x.stream;
+          return i((R) => {
+            const v = [...R, N];
+            return Te(v);
+          }), d.current = null, E.stream;
         } else
-          throw l.current = null, new Error("Failed to create stream");
+          throw d.current = null, new Error("Failed to create stream");
       })();
-      return l.current = C, C;
+      return d.current = x, x;
     },
     [n, o]
   );
-  if (s)
-    return /* @__PURE__ */ A("div", { children: [
+  if (l)
+    return /* @__PURE__ */ P("div", { children: [
       "Fency error: ",
-      s.message
+      l.message
     ] });
   if (!n)
     return null;
-  const m = o.length > 0 ? o[o.length - 1] : null, b = {
+  const y = o.length > 0 ? o[o.length - 1] : null, k = {
     fency: n,
-    loading: a,
-    error: s,
+    loading: u,
+    error: l,
     activeStreams: o,
-    latestStream: m,
-    eventManager: i.current,
-    getOrCreateStream: u
+    latestStream: y,
+    eventManager: c.current,
+    getOrCreateStream: f
   };
-  return /* @__PURE__ */ g(j.Provider, { value: b, children: t });
+  return /* @__PURE__ */ m(j.Provider, { value: k, children: r });
 }
 export {
-  Re as AgentTaskProgress,
+  Oe as AgentTaskProgress,
   ge as AgentTaskProgressSimple,
-  be as AgentTaskProgressVerbose,
-  Oe as FencyProvider,
+  ke as AgentTaskProgressVerbose,
+  Ue as FencyProvider,
   fe as GenericAgentTaskExecution,
   ye as GenericAgentTaskFinalResponse,
   he as GenericAgentTaskReasoning,
-  M as ShimmeringText,
-  Ee as useAgentTasks,
-  R as useFencyContext,
-  Fe as useFencyEventSource,
-  Ne as usePaginatedQuery,
+  _ as ShimmeringText,
+  be as StreamingChatCompletionResponse,
+  Re as useAgentTasks,
+  F as useFencyContext,
+  Ne as useFencyEventSource,
+  Fe as usePaginatedQuery,
   re as useStream
 };