@fencyai/react 0.1.110 → 0.1.111

package/dist/index.js

@@ -1,212 +1,47 @@
-import { createAgentTask as q, createFileDownloadLink as G, AgentTaskProgressItemType as O, createStream as V } from "@fencyai/js";
-import { createContext as X, useContext as Y, useState as T, useEffect as x, useMemo as B, useCallback as D, useRef as F } from "react";
-import { jsxs as I, jsx as g } from "react/jsx-runtime";
-import { motion as C, useInView as J, AnimatePresence as _ } from "motion/react";
+import { createAgentTask as X, createFileDownloadLink as V, AgentTaskProgressItemType as O, createStream as Y } from "@fencyai/js";
+import { createContext as J, useContext as Q, useState as v, useRef as E, useEffect as T, useCallback as M, useMemo as H } from "react";
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import { motion as P, useInView as Z, AnimatePresence as B } from "motion/react";
 import W from "react-markdown";
 import { Prism as j } from "react-syntax-highlighter";
 import L from "remark-gfm";
-import './assets/index.css';const $ = X(
+import './assets/index.css';const $ = J(
   void 0
 );
-function R() {
-  const e = Y($);
+function F() {
+  const e = Q($);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-async function Q(e, t) {
-  const o = e.getReader();
-  let i;
-  for (; !(i = await o.read()).done; )
-    t(i.value);
-}
-function Z(e) {
-  let t, o, i, s = !1;
-  return function(u) {
-    t === void 0 ? (t = u, o = 0, i = -1) : t = ee(t, u);
-    const a = t.length;
-    let n = 0;
-    for (; o < a; ) {
-      s && (t[o] === 10 && (n = ++o), s = !1);
-      let d = -1;
-      for (; o < a && d === -1; ++o)
-        switch (t[o]) {
-          case 58:
-            i === -1 && (i = o - n);
-            break;
-          case 13:
-            s = !0;
-          case 10:
-            d = o;
-            break;
-        }
-      if (d === -1)
-        break;
-      e(t.subarray(n, d), i), n = o, i = -1;
-    }
-    n === a ? t = void 0 : n !== 0 && (t = t.subarray(n), o -= n);
-  };
-}
-function p(e, t, o) {
-  let i = z();
-  const s = new TextDecoder();
-  return function(u, a) {
-    if (u.length === 0)
-      o == null || o(i), i = z();
-    else if (a > 0) {
-      const n = s.decode(u.subarray(0, a)), d = a + (u[a + 1] === 32 ? 2 : 1), l = s.decode(u.subarray(d));
-      switch (n) {
-        case "data":
-          i.data = i.data ? i.data + `
-` + l : l;
-          break;
-        case "event":
-          i.event = l;
-          break;
-        case "id":
-          e(i.id = l);
-          break;
-        case "retry":
-          const c = parseInt(l, 10);
-          isNaN(c) || t(i.retry = c);
-          break;
-      }
-    }
-  };
-}
-function ee(e, t) {
-  const o = new Uint8Array(e.length + t.length);
-  return o.set(e), o.set(t, e.length), o;
-}
-function z() {
-  return {
-    data: "",
-    event: "",
-    id: "",
-    retry: void 0
-  };
-}
-var te = function(e, t) {
-  var o = {};
-  for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, i = Object.getOwnPropertySymbols(e); s < i.length; s++)
-      t.indexOf(i[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, i[s]) && (o[i[s]] = e[i[s]]);
-  return o;
-};
-const U = "text/event-stream", ne = 1e3, H = "last-event-id";
-function re(e, t) {
-  var { signal: o, headers: i, onopen: s, onmessage: m, onclose: u, onerror: a, openWhenHidden: n, fetch: d } = t, l = te(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((c, r) => {
-    const f = Object.assign({}, i);
-    f.accept || (f.accept = U);
-    let h;
-    function b() {
-      h.abort(), document.hidden || A();
-    }
-    n || document.addEventListener("visibilitychange", b);
-    let w = ne, y = 0;
-    function k() {
-      document.removeEventListener("visibilitychange", b), window.clearTimeout(y), h.abort();
-    }
-    o == null || o.addEventListener("abort", () => {
-      k(), c();
-    });
-    const v = d ?? window.fetch, E = s ?? oe;
-    async function A() {
-      var P;
-      h = new AbortController();
-      try {
-        const N = await v(e, Object.assign(Object.assign({}, l), { headers: f, signal: h.signal }));
-        await E(N), await Q(N.body, Z(p((S) => {
-          S ? f[H] = S : delete f[H];
-        }, (S) => {
-          w = S;
-        }, m))), u == null || u(), k(), c();
-      } catch (N) {
-        if (!h.signal.aborted)
-          try {
-            const S = (P = a == null ? void 0 : a(N)) !== null && P !== void 0 ? P : w;
-            window.clearTimeout(y), y = window.setTimeout(A, S);
-          } catch (S) {
-            k(), r(S);
-          }
-      }
-    }
-    A();
-  });
-}
-function oe(e) {
-  const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(U)))
-    throw new Error(`Expected content-type to be ${U}, Actual: ${t}`);
-}
-function ae(e) {
-  const [t, o] = T(null);
-  return x(() => {
-    if (!t)
-      return;
-    const i = new AbortController();
-    return re(t, {
-      headers: e == null ? void 0 : e.headers,
-      signal: i.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) {
-        s.data && (e == null || e.onMessage({
-          url: t,
-          data: ie(s.data)
-        }));
-      },
-      onerror(s) {
-        throw console.error("EventSource error:", s), e == null || e.onError(t), o(null), s;
-      },
-      onclose() {
-      }
-    }), () => {
-      i.abort();
-    };
-  }, [t, e == null ? void 0 : e.headers]), {
-    setSourceUrl: o,
-    sourceUrl: t
-  };
-}
-function ie(e) {
-  const t = atob(e), o = new Uint8Array(t.length);
-  for (let i = 0; i < t.length; i++)
-    o[i] = t.charCodeAt(i);
-  return new TextDecoder("utf-8").decode(o);
-}
-const se = (e) => {
+const p = (e) => {
   try {
     const t = JSON.parse(e);
-    return ce(t);
+    return ee(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, ce = (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 le(e);
+      return te(e);
     case "StreamNotFound":
-      return de(e);
+      return ne(e);
     case "AgentTaskProgressItemUpdated":
-      return ue(e);
+      return re(e);
   }
   return null;
-}, le = (e) => ({
+}, te = (e) => ({
   type: "StreamTimeout",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), de = (e) => ({
+}), ne = (e) => ({
   type: "StreamNotFound",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ue = (e) => ({
+}), re = (e) => ({
   type: "AgentTaskProgressItemUpdated",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -216,196 +51,201 @@ const se = (e) => {
   createdAt: e.createdAt,
   response: e.response,
   progressItemType: e.progressItemType
-}), me = (e) => {
-  const t = R(), [o, i] = T(null), [s, m] = T(null), [u, a] = T(null), n = B(() => {
-    if (s)
-      return {
-        "X-Fency-Publishable-Key": t.fency.publishableKey,
-        "X-Fency-Stream-Token": s
-      };
-  }, [s, t.fency.publishableKey]), d = ae({
-    headers: n,
-    onError: (c) => {
-      var r;
-      console.error("Stream error:", c), (r = e == null ? void 0 : e.onStreamError) == null || r.call(e, {
-        streamId: c,
-        error: {
-          code: "UnknownError",
-          message: "Unknown error in useStream"
-        }
-      });
-    },
-    onMessage: (c) => {
-      var f, h, b, w, y, k, v, E, A, P;
-      const r = se(c.data);
-      if (!r)
-        return !1;
-      switch (r.type) {
-        case "NewChatCompletionStreamChunk":
-          return (f = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || f.call(e, r), !0;
-        case "ChatCompletionStreamCompleted":
-          return (h = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || h.call(e, r), !0;
-        case "StreamTimeout":
-          return (b = e == null ? void 0 : e.onStreamTimeout) == null || b.call(e, r), !0;
-        case "StreamNotFound":
-          return (w = e == null ? void 0 : e.onStreamNotFound) == null || w.call(e, r), !0;
-        case "FileUploadCompleted":
-          return (y = e == null ? void 0 : e.onFileUploadCompleted) == null || y.call(e, r), !0;
-        case "FileTextContentReady":
-          return (k = e == null ? void 0 : e.onFileTextContentReady) == null || k.call(e, r), !0;
-        case "WebsiteHtmlContentReady":
-          return (v = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || v.call(e, r), !0;
-        case "WebsiteTextContentReady":
-          return (E = e == null ? void 0 : e.onWebsiteTextContentReady) == null || E.call(e, r), !0;
-        case "FileSearchIndexReady":
-          return (A = e == null ? void 0 : e.onFileSearchIndexReady) == null || A.call(e, r), !0;
-        case "AgentTaskProgressItemUpdated":
-          return (P = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || P.call(e, r), !0;
+}), oe = (e) => {
+  const t = F(), [n, o] = v(null), a = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return T(() => {
+    if (!t.eventManager) return;
+    const l = {
+      onMessage: (r, i) => {
+        var s, c, m, b, h, k, y, w, I, C;
+        const d = p(r);
+        if (d)
+          switch (d.type) {
+            case "NewChatCompletionStreamChunk":
+              (s = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || s.call(e, d);
+              break;
+            case "ChatCompletionStreamCompleted":
+              (c = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || c.call(e, d);
+              break;
+            case "StreamTimeout":
+              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, d);
+              break;
+            case "StreamNotFound":
+              (b = e == null ? void 0 : e.onStreamNotFound) == null || b.call(e, d);
+              break;
+            case "FileUploadCompleted":
+              (h = e == null ? void 0 : e.onFileUploadCompleted) == null || h.call(e, d);
+              break;
+            case "FileTextContentReady":
+              (k = e == null ? void 0 : e.onFileTextContentReady) == null || k.call(e, d);
+              break;
+            case "WebsiteHtmlContentReady":
+              (y = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || y.call(e, d);
+              break;
+            case "WebsiteTextContentReady":
+              (w = e == null ? void 0 : e.onWebsiteTextContentReady) == null || w.call(e, d);
+              break;
+            case "FileSearchIndexReady":
+              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, d);
+              break;
+            case "AgentTaskProgressItemUpdated":
+              (C = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || C.call(e, d);
+              break;
+          }
+      },
+      onError: (r) => {
+        var i;
+        (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
+          streamId: r,
+          error: {
+            code: "UnknownError",
+            message: "Unknown error in useStream"
+          }
+        });
       }
-    }
-  });
-  return x(() => {
-    u && s && o && (d.setSourceUrl(u), a(null));
-  }, [u, s, o]), {
+    };
+    return t.eventManager.subscribe(
+      a.current,
+      l
+    );
+  }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const c = await t.getOrCreateStream(e.fetchTokens, 3e4);
-        i(c), m(c.token);
-        const r = `${t.fency.baseUrl}/sse/streams/${c.id}`;
-        return a(r), {
+        const l = await t.getOrCreateStream(e.fetchTokens, 3e4);
+        return o(l), {
           type: "success",
-          stream: c
+          stream: l
         };
-      } catch (c) {
+      } catch (l) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: c instanceof Error ? c.message : "Failed to create stream"
+            message: l instanceof Error ? l.message : "Failed to create stream"
           }
         };
       }
     },
-    stream: o
+    stream: n
   };
-}, Ce = (e) => {
-  const t = R(), [o, i] = T([]), { createStream: s } = me({
+}, Ee = (e) => {
+  const t = F(), [n, o] = v([]), a = E(/* @__PURE__ */ new Set()), { createStream: g } = oe({
     fetchTokens: e.fetchCreateStreamTokens,
-    onAgentTaskProgressItemUpdated: (a) => {
-      var n;
-      (n = e.onAgentTaskProgressItemUpdated) == null || n.call(e, a), i((d) => {
-        const l = d.find(
-          (r) => r.streamId === a.streamId
+    onAgentTaskProgressItemUpdated: (r) => {
+      var i;
+      a.current.has(r.agentTaskId) && ((i = e.onAgentTaskProgressItemUpdated) == null || i.call(e, r), o((d) => {
+        const s = d.find(
+          (m) => m.streamId === r.streamId
         );
-        return l ? l.progressItems.map(
-          (r) => r.progressItemId
-        ).includes(a.progressItemId) ? [
-          ...d.filter((r) => r.streamId !== a.streamId),
+        return s ? s.progressItems.map(
+          (m) => m.progressItemId
+        ).includes(r.progressItemId) ? [
+          ...d.filter((m) => m.streamId !== r.streamId),
           {
-            ...l,
-            progressItems: l.progressItems.map(
-              (r) => r.progressItemId === a.progressItemId ? a : r
+            ...s,
+            progressItems: s.progressItems.map(
+              (m) => m.progressItemId === r.progressItemId ? r : m
             )
           }
         ] : [
           ...d.filter(
-            (r) => r.streamId !== a.streamId
+            (m) => m.streamId !== r.streamId
           ),
           {
-            ...l,
+            ...s,
             progressItems: [
-              ...l.progressItems,
-              a
+              ...s.progressItems,
+              r
             ]
           }
         ] : d;
-      });
+      }));
     },
-    onStreamError: (a) => {
-      var n;
-      (n = e == null ? void 0 : e.onStreamError) == null || n.call(e, a), i((d) => {
-        const l = d.find((c) => c.streamId === a.streamId);
-        return l ? [
-          ...d.filter((c) => c.streamId !== a.streamId),
+    onStreamError: (r) => {
+      var i;
+      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, r), o((d) => {
+        const s = d.find((c) => c.streamId === r.streamId);
+        return s ? [
+          ...d.filter((c) => c.streamId !== r.streamId),
           {
-            ...l,
+            ...s,
             loading: !1,
-            error: a.error
+            error: r.error
           }
         ] : d;
       });
     },
-    onStreamNotFound: (a) => {
-      var n;
-      (n = e == null ? void 0 : e.onStreamNotFound) == null || n.call(e, a);
+    onStreamNotFound: (r) => {
+      var i;
+      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, r);
     },
-    onStreamTimeout: (a) => {
-      var n;
-      (n = e == null ? void 0 : e.onStreamTimeout) == null || n.call(e, a);
+    onStreamTimeout: (r) => {
+      var i;
+      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, r);
     }
-  }), m = D(
-    async (a) => {
-      const n = await s();
-      if (n.type === "success") {
-        i([
-          ...o,
+  }), l = M(
+    async (r) => {
+      const i = await g();
+      if (i.type === "success") {
+        o([
+          ...n,
           {
-            streamId: n.stream.id,
+            streamId: i.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             data: null,
             error: null,
-            prompt: a,
+            prompt: r,
             progressItems: [],
             loading: !0,
             doneStreaming: !1
           }
         ]);
-        const { clientToken: d } = await e.fetchClientToken(), l = await q({
+        const { clientToken: d } = await e.fetchClientToken(), s = await X({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
           clientToken: d,
-          streamToken: n.stream.token,
+          streamToken: i.stream.token,
           request: {
-            streamId: n.stream.id,
-            queryText: a.queryText,
-            jsonSchema: a.jsonSchema,
-            todos: a.todos
+            streamId: i.stream.id,
+            queryText: r.queryText,
+            jsonSchema: r.jsonSchema,
+            todos: r.todos
           }
         });
-        if (l.type === "success" && l.agentTask)
-          return i((c) => [
+        if (s.type === "success" && s.agentTask)
+          return a.current.add(s.agentTask.id), o((c) => [
             ...c.filter(
-              (r) => r.streamId !== n.stream.id
+              (m) => m.streamId !== i.stream.id
             ),
             {
-              streamId: n.stream.id,
+              streamId: i.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
               data: {
-                id: l.agentTask.id,
-                createdAt: l.agentTask.createdAt,
-                streamId: n.stream.id
+                id: s.agentTask.id,
+                createdAt: s.agentTask.createdAt,
+                streamId: i.stream.id
               },
               error: null,
-              prompt: a,
+              prompt: r,
               progressItems: [],
               doneStreaming: !1,
               loading: !0
             }
           ]), {
             type: "success",
-            streamId: n.stream.id,
-            agentTaskId: l.agentTask.id
+            streamId: i.stream.id,
+            agentTaskId: s.agentTask.id
           };
-        if (l.type === "error")
-          return i((c) => [
+        if (s.type === "error")
+          return o((c) => [
             ...c.filter(
-              (r) => r.streamId !== n.stream.id
+              (m) => m.streamId !== i.stream.id
             ),
             {
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              streamId: n.stream.id,
-              prompt: a,
-              error: l.error,
+              streamId: i.stream.id,
+              prompt: r,
+              error: s.error,
               progressItems: [],
               loading: !1,
               doneStreaming: !1,
@@ -413,22 +253,22 @@ const se = (e) => {
             }
           ]), {
             type: "error",
-            error: l.error
+            error: s.error
           };
         {
           const c = {
             message: "No response received",
             code: "UnknownError"
           };
-          return i((r) => [
-            ...r.filter(
-              (f) => f.streamId !== n.stream.id
+          return o((m) => [
+            ...m.filter(
+              (b) => b.streamId !== i.stream.id
             ),
             {
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              streamId: n.stream.id,
+              streamId: i.stream.id,
               error: c,
-              prompt: a,
+              prompt: r,
               progressItems: [],
               loading: !1,
               doneStreaming: !1,
@@ -440,35 +280,202 @@ const se = (e) => {
           };
         }
       } else
-        return console.error(n.error), n;
+        return console.error(i.error), i;
     },
-    [t, o, s]
-  ), u = B(() => o.sort((a, n) => new Date(n.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0], [o]);
-  return {
-    agentTasks: o,
-    createAgentTask: m,
+    [t, n, g]
+  ), u = H(() => n.sort((r, i) => new Date(i.triggeredAt).getTime() - new Date(r.triggeredAt).getTime())[0], [n]);
+  return T(() => () => {
+    a.current.clear();
+  }, []), {
+    agentTasks: n,
+    createAgentTask: l,
     latest: u
   };
 };
-function Ae(e, t) {
-  const [o, i] = T(
+async function ae(e, t) {
+  const n = e.getReader();
+  let o;
+  for (; !(o = await n.read()).done; )
+    t(o.value);
+}
+function ie(e) {
+  let t, n, o, a = !1;
+  return function(l) {
+    t === void 0 ? (t = l, n = 0, o = -1) : t = ce(t, l);
+    const u = t.length;
+    let r = 0;
+    for (; n < u; ) {
+      a && (t[n] === 10 && (r = ++n), a = !1);
+      let i = -1;
+      for (; n < u && i === -1; ++n)
+        switch (t[n]) {
+          case 58:
+            o === -1 && (o = n - r);
+            break;
+          case 13:
+            a = !0;
+          case 10:
+            i = n;
+            break;
+        }
+      if (i === -1)
+        break;
+      e(t.subarray(r, i), o), r = n, o = -1;
+    }
+    r === u ? t = void 0 : r !== 0 && (t = t.subarray(r), n -= r);
+  };
+}
+function se(e, t, n) {
+  let o = _();
+  const a = new TextDecoder();
+  return function(l, u) {
+    if (l.length === 0)
+      n == null || n(o), o = _();
+    else if (u > 0) {
+      const r = a.decode(l.subarray(0, u)), i = u + (l[u + 1] === 32 ? 2 : 1), d = a.decode(l.subarray(i));
+      switch (r) {
+        case "data":
+          o.data = o.data ? o.data + `
+` + d : d;
+          break;
+        case "event":
+          o.event = d;
+          break;
+        case "id":
+          e(o.id = d);
+          break;
+        case "retry":
+          const s = parseInt(d, 10);
+          isNaN(s) || t(o.retry = s);
+          break;
+      }
+    }
+  };
+}
+function ce(e, t) {
+  const n = new Uint8Array(e.length + t.length);
+  return n.set(e), n.set(t, e.length), n;
+}
+function _() {
+  return {
+    data: "",
+    event: "",
+    id: "",
+    retry: void 0
+  };
+}
+var le = function(e, t) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+      t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
+  return n;
+};
+const U = "text/event-stream", de = 1e3, z = "last-event-id";
+function q(e, t) {
+  var { signal: n, headers: o, onopen: a, onmessage: g, onclose: l, onerror: u, openWhenHidden: r, fetch: i } = t, d = le(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((s, c) => {
+    const m = Object.assign({}, o);
+    m.accept || (m.accept = U);
+    let b;
+    function h() {
+      b.abort(), document.hidden || A();
+    }
+    r || document.addEventListener("visibilitychange", h);
+    let k = de, y = 0;
+    function w() {
+      document.removeEventListener("visibilitychange", h), window.clearTimeout(y), b.abort();
+    }
+    n == null || n.addEventListener("abort", () => {
+      w(), s();
+    });
+    const I = i ?? window.fetch, C = a ?? ue;
+    async function A() {
+      var R;
+      b = new AbortController();
+      try {
+        const N = await I(e, Object.assign(Object.assign({}, d), { headers: m, signal: b.signal }));
+        await C(N), await ae(N.body, ie(se((S) => {
+          S ? m[z] = S : delete m[z];
+        }, (S) => {
+          k = S;
+        }, g))), l == null || l(), w(), s();
+      } catch (N) {
+        if (!b.signal.aborted)
+          try {
+            const S = (R = u == null ? void 0 : u(N)) !== null && R !== void 0 ? R : k;
+            window.clearTimeout(y), y = window.setTimeout(A, S);
+          } catch (S) {
+            w(), c(S);
+          }
+      }
+    }
+    A();
+  });
+}
+function ue(e) {
+  const t = e.headers.get("content-type");
+  if (!(t != null && t.startsWith(U)))
+    throw new Error(`Expected content-type to be ${U}, Actual: ${t}`);
+}
+function xe(e) {
+  const [t, n] = v(null);
+  return T(() => {
+    if (!t)
+      return;
+    const o = new AbortController();
+    return q(t, {
+      headers: e == null ? void 0 : e.headers,
+      signal: o.signal,
+      async onopen(a) {
+        if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
+          throw new Error(`Client error ${a.status}`);
+      },
+      onmessage(a) {
+        a.data && (e == null || e.onMessage({
+          url: t,
+          data: G(a.data)
+        }));
+      },
+      onerror(a) {
+        throw console.error("EventSource error:", a), e == null || e.onError(t), n(null), a;
+      },
+      onclose() {
+      }
+    }), () => {
+      o.abort();
+    };
+  }, [t, e == null ? void 0 : e.headers]), {
+    setSourceUrl: n,
+    sourceUrl: t
+  };
+}
+function G(e) {
+  const t = atob(e), n = new Uint8Array(t.length);
+  for (let o = 0; o < t.length; o++)
+    n[o] = t.charCodeAt(o);
+  return new TextDecoder("utf-8").decode(n);
+}
+function Pe(e, t) {
+  const [n, o] = v(
     null
-  ), [s, m] = T(
+  ), [a, g] = v(
     null
-  ), u = R(), a = async (c) => {
-    const r = await c.fetchTokens(), { fetchTokens: f, nextPageToken: h, previousPageToken: b, ...w } = c, y = await e({
-      pk: u.fency.publishableKey,
-      clientToken: r.clientToken,
-      streamToken: r.streamToken,
+  ), l = F(), u = async (s) => {
+    const c = await s.fetchTokens(), { fetchTokens: m, nextPageToken: b, previousPageToken: h, ...k } = s, y = await e({
+      pk: l.fency.publishableKey,
+      clientToken: c.clientToken,
+      streamToken: c.streamToken,
       request: {
-        ...w,
+        ...k,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
         pagination: {
-          nextPageToken: h,
-          previousPageToken: b
+          nextPageToken: b,
+          previousPageToken: h
         }
       },
-      baseUrl: u.fency.baseUrl
+      baseUrl: l.fency.baseUrl
     });
     return y.type === "success" && y.items && y.pagination ? {
       type: "success",
@@ -487,16 +494,16 @@ function Ae(e, t) {
     };
   };
   return {
-    fetchFirstPage: async (c) => {
-      const r = await a({
-        ...c,
+    fetchFirstPage: async (s) => {
+      const c = await u({
+        ...s,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return r.type === "success" && (m(r.page), i(c)), r;
+      return c.type === "success" && (g(c.page), o(s)), c;
     },
-    fetchNextPage: async (c) => {
-      if (s == null)
+    fetchNextPage: async (s) => {
+      if (a == null)
         return {
           type: "error",
           error: {
@@ -504,7 +511,7 @@ function Ae(e, t) {
             message: "No current page"
           }
         };
-      if (s.pagination.nextPageToken == null)
+      if (a.pagination.nextPageToken == null)
         return {
           type: "error",
           error: {
@@ -512,15 +519,15 @@ function Ae(e, t) {
             message: "No next page"
           }
         };
-      const r = await a({
-        ...c,
-        nextPageToken: s.pagination.nextPageToken,
+      const c = await u({
+        ...s,
+        nextPageToken: a.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return r.type === "success" && (m(r.page), i(c)), r;
+      return c.type === "success" && (g(c.page), o(s)), c;
     },
-    fetchPreviousPage: async (c) => {
-      if (s == null)
+    fetchPreviousPage: async (s) => {
+      if (a == null)
         return {
           type: "error",
           error: {
@@ -528,7 +535,7 @@ function Ae(e, t) {
             message: "No current page"
           }
         };
-      if (s.pagination.previousPageToken == null)
+      if (a.pagination.previousPageToken == null)
         return {
           type: "error",
           error: {
@@ -536,21 +543,21 @@ function Ae(e, t) {
             message: "No previous page"
           }
         };
-      const r = await a({
-        ...c,
+      const c = await u({
+        ...s,
         nextPageToken: void 0,
-        previousPageToken: s.pagination.previousPageToken
+        previousPageToken: a.pagination.previousPageToken
       });
-      return r.type === "success" && (m(r.page), i(c)), r;
+      return c.type === "success" && (g(c.page), o(s)), c;
     },
-    refetchCurrentPage: async () => o == null ? {
+    refetchCurrentPage: async () => n == null ? {
       type: "error",
       error: {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : a(o),
-    currentPage: s
+    } : u(n),
+    currentPage: a
   };
 }
 const K = {
@@ -704,83 +711,83 @@ const K = {
   italic: {
     fontStyle: "italic"
   }
-}, ge = ({
+}, me = ({
   markdown: e,
   streamToken: t,
-  fetchClientToken: o,
-  durationSeconds: i
+  fetchClientToken: n,
+  durationSeconds: o
 }) => {
-  const { fency: s } = R(), m = D(
-    async (u) => {
+  const { fency: a } = F(), g = M(
+    async (l) => {
       try {
-        const { clientToken: a } = await o(), n = await G({
-          pk: s.publishableKey,
-          baseUrl: s.baseUrl,
-          clientToken: a,
+        const { clientToken: u } = await n(), r = await V({
+          pk: a.publishableKey,
+          baseUrl: a.baseUrl,
+          clientToken: u,
           streamToken: t,
           request: {
-            fileId: u
+            fileId: l
           }
         });
-        n.type === "success" && window.open(n.downloadLink, "_blank");
-      } catch (a) {
-        console.error("Failed to download file:", a);
+        r.type === "success" && window.open(r.downloadLink, "_blank");
+      } catch (u) {
+        console.error("Failed to download file:", u);
       }
     },
-    [s, t, o]
+    [a, t, n]
   );
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
         padding: "16px"
       },
       children: [
-        /* @__PURE__ */ g(
-          C.div,
+        /* @__PURE__ */ f(
+          P.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(
+            children: /* @__PURE__ */ f(
               W,
               {
                 remarkPlugins: [L],
                 components: {
-                  code(u) {
-                    const { children: a, className: n, node: d, ref: l, ...c } = u, r = /language-(\w+)/.exec(n || "");
-                    return r ? /* @__PURE__ */ g(
+                  code(l) {
+                    const { children: u, className: r, node: i, ref: d, ...s } = l, c = /language-(\w+)/.exec(r || "");
+                    return c ? /* @__PURE__ */ f(
                       j,
                       {
-                        ...c,
+                        ...s,
                         PreTag: "div",
-                        children: String(a).replace(
+                        children: String(u).replace(
                           /\n$/,
                           ""
                         ),
-                        language: r[1],
+                        language: c[1],
                         style: K
                       }
-                    ) : /* @__PURE__ */ g("code", { ...c, className: n, children: String(a) });
+                    ) : /* @__PURE__ */ f("code", { ...s, className: r, children: String(u) });
                   },
-                  a(u) {
-                    const { children: a, href: n, ...d } = u;
-                    return /* @__PURE__ */ g(
+                  a(l) {
+                    const { children: u, href: r, ...i } = l;
+                    return /* @__PURE__ */ f(
                       "a",
                       {
-                        ...d,
-                        href: n,
-                        onClick: (l) => {
-                          if (!n) return;
-                          const c = n.match(/\/files\/(fil_[a-zA-Z0-9]+)\/download/);
-                          if (c) {
-                            l.preventDefault();
-                            const r = c[1];
-                            m(r);
+                        ...i,
+                        href: r,
+                        onClick: (d) => {
+                          if (!r) return;
+                          const s = r.match(/\/files\/(fil_[a-zA-Z0-9]+)\/download/);
+                          if (s) {
+                            d.preventDefault();
+                            const c = s[1];
+                            g(c);
                           }
                         },
-                        children: a
+                        children: u
                       }
                     );
                   }
@@ -790,7 +797,7 @@ const K = {
             )
           }
         ),
-        i !== void 0 && /* @__PURE__ */ I(
+        o !== void 0 && /* @__PURE__ */ x(
           "div",
           {
             style: {
@@ -801,7 +808,7 @@ const K = {
             },
             children: [
               "Thought for ",
-              i,
+              o,
               " seconds"
             ]
           }
@@ -810,27 +817,27 @@ const K = {
     }
   );
 };
-function M({
+function D({
   text: e,
   duration: t = 2,
-  delay: o = 0,
-  repeat: i = !0,
-  repeatDelay: s = 0.5,
-  className: m,
-  startOnView: u = !1,
-  once: a = !1,
-  inViewMargin: n,
-  spread: d = 2,
-  color: l = "#999",
-  shimmerColor: c = "#000",
-  direction: r = "fromBottom"
+  delay: n = 0,
+  repeat: o = !0,
+  repeatDelay: a = 0.5,
+  className: g,
+  startOnView: l = !1,
+  once: u = !1,
+  inViewMargin: r,
+  spread: i = 2,
+  color: d = "#999",
+  shimmerColor: s = "#000",
+  direction: c = "fromBottom"
 }) {
-  const f = F(null), h = J(f, { once: a, margin: n }), b = B(() => e.length * d, [e, d]), w = !u || h, y = r === "fromBottom" ? "100% center" : "-100% center", k = r === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ g(
-    C.span,
+  const m = E(null), b = Z(m, { once: u, margin: r }), h = H(() => e.length * i, [e, i]), k = !l || b, y = c === "fromBottom" ? "100% center" : "-100% center", w = c === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ f(
+    P.span,
     {
-      ref: f,
-      className: m,
+      ref: m,
+      className: g,
       style: {
         position: "relative",
         display: "inline-block",
@@ -840,9 +847,9 @@ function M({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${b}px`,
-        "--base-color": l,
-        "--shimmer-color": c,
+        "--spread": `${h}px`,
+        "--base-color": d,
+        "--shimmer-color": s,
         "--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))"
       },
@@ -850,41 +857,41 @@ function M({
         backgroundPosition: y,
         opacity: 0
       },
-      animate: w ? {
-        backgroundPosition: k,
+      animate: k ? {
+        backgroundPosition: w,
         opacity: 1
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: i ? 1 / 0 : 0,
+          repeat: o ? 1 / 0 : 0,
           duration: t,
-          delay: o,
-          repeatDelay: s,
+          delay: n,
+          repeatDelay: a,
           ease: "linear"
         },
         opacity: {
           duration: 0.3,
-          delay: o
+          delay: n
         }
       },
       children: e
     }
   );
 }
-const fe = ({
+const ge = ({
   title: e,
   completed: t,
-  isLatest: o = !1,
-  durationSeconds: i
-}) => /* @__PURE__ */ I(
+  isLatest: n = !1,
+  durationSeconds: o
+}) => /* @__PURE__ */ x(
   "div",
   {
     style: {
       padding: "16px"
     },
     children: [
-      /* @__PURE__ */ g(
-        C.div,
+      /* @__PURE__ */ f(
+        P.div,
         {
           style: {
             display: "flex",
@@ -895,8 +902,8 @@ const fe = ({
           initial: { opacity: 0, y: -10 },
           animate: { opacity: 1, y: 0 },
           transition: { duration: 0.3, delay: 0 },
-          children: o && !i ? /* @__PURE__ */ g(
-            M,
+          children: n && !o ? /* @__PURE__ */ f(
+            D,
             {
               text: e,
               duration: 2.5,
@@ -904,10 +911,10 @@ const fe = ({
               color: "#999",
               shimmerColor: "#000"
             }
-          ) : /* @__PURE__ */ g("span", { style: { color: "#666" }, children: e })
+          ) : /* @__PURE__ */ f("span", { style: { color: "#666" }, children: e })
         }
       ),
-      i !== void 0 && /* @__PURE__ */ I(
+      o !== void 0 && /* @__PURE__ */ x(
         "div",
         {
           style: {
@@ -918,44 +925,44 @@ const fe = ({
           },
           children: [
             "Thought for ",
-            i,
+            o,
             " seconds"
           ]
         }
       ),
-      /* @__PURE__ */ g("style", { children: `
+      /* @__PURE__ */ f("style", { children: `
                     @keyframes spin {
                         to { transform: rotate(360deg); }
                     }
                 ` })
     ]
   }
-), ye = ({
+), fe = ({
   title: e,
   markdown: t,
-  completed: o,
-  isLatest: i = !1,
-  durationSeconds: s
+  completed: n,
+  isLatest: o = !1,
+  durationSeconds: a
 }) => {
-  const m = F(null);
-  return x(() => {
-    m.current && !o && (m.current.scrollTop = m.current.scrollHeight);
-  }, [t, o]), /* @__PURE__ */ I(
+  const g = E(null);
+  return T(() => {
+    g.current && !n && (g.current.scrollTop = g.current.scrollHeight);
+  }, [t, n]), /* @__PURE__ */ x(
     "div",
     {
       style: {
         padding: "16px"
       },
       children: [
-        /* @__PURE__ */ g(
-          C.h3,
+        /* @__PURE__ */ f(
+          P.h3,
           {
             style: { marginBottom: "10px", color: "#666" },
             initial: { opacity: 0, y: -10 },
             animate: { opacity: 1, y: 0 },
             transition: { duration: 0.3, delay: 0 },
-            children: i && !s ? /* @__PURE__ */ g(
-              M,
+            children: o && !a ? /* @__PURE__ */ f(
+              D,
               {
                 text: e,
                 duration: 2.5,
@@ -966,10 +973,10 @@ const fe = ({
             ) : e
           }
         ),
-        /* @__PURE__ */ g(
-          C.div,
+        /* @__PURE__ */ f(
+          P.div,
           {
-            ref: m,
+            ref: g,
             style: {
               maxHeight: "100px",
               overflowY: "auto",
@@ -982,34 +989,34 @@ const fe = ({
             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(
+            children: /* @__PURE__ */ f("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ f(
               W,
               {
                 remarkPlugins: [L],
                 components: {
-                  code(u) {
+                  code(l) {
                     const {
-                      children: a,
-                      className: n,
-                      node: d,
-                      ref: l,
-                      ...c
-                    } = u, r = /language-(\w+)/.exec(
-                      n || ""
+                      children: u,
+                      className: r,
+                      node: i,
+                      ref: d,
+                      ...s
+                    } = l, c = /language-(\w+)/.exec(
+                      r || ""
                     );
-                    return r ? /* @__PURE__ */ g(
+                    return c ? /* @__PURE__ */ f(
                       j,
                       {
-                        ...c,
+                        ...s,
                         PreTag: "div",
-                        children: String(a).replace(
+                        children: String(u).replace(
                           /\n$/,
                           ""
                         ),
-                        language: r[1],
+                        language: c[1],
                         style: K
                       }
-                    ) : /* @__PURE__ */ g("code", { ...c, className: n, children: String(a) });
+                    ) : /* @__PURE__ */ f("code", { ...s, className: r, children: String(u) });
                   }
                 },
                 children: t
@@ -1017,7 +1024,7 @@ const fe = ({
             ) })
           }
         ),
-        s !== void 0 && /* @__PURE__ */ I(
+        a !== void 0 && /* @__PURE__ */ x(
           "div",
           {
             style: {
@@ -1028,7 +1035,7 @@ const fe = ({
             },
             children: [
               "Thought for ",
-              s,
+              a,
               " seconds"
             ]
           }
@@ -1036,11 +1043,11 @@ const fe = ({
       ]
     }
   );
-}, he = ({ message: e, isLatest: t = !1, streamToken: o, fetchClientToken: i }) => {
-  const s = e.state || "complete";
-  if (s === O.EXECUTION)
-    return /* @__PURE__ */ g(
-      fe,
+}, he = ({ message: e, isLatest: t = !1, streamToken: n, fetchClientToken: o }) => {
+  const a = e.state || "complete";
+  if (a === O.EXECUTION)
+    return /* @__PURE__ */ f(
+      ge,
       {
         title: e.title,
         completed: e.completed,
@@ -1048,9 +1055,9 @@ const fe = ({
         durationSeconds: e.durationSeconds
       }
     );
-  if (s === O.REASONING)
-    return /* @__PURE__ */ g(
-      ye,
+  if (a === O.REASONING)
+    return /* @__PURE__ */ f(
+      fe,
       {
         title: e.title,
         markdown: e.markdown,
@@ -1059,86 +1066,86 @@ const fe = ({
         durationSeconds: e.durationSeconds
       }
     );
-  if (s === O.FINAL_RESPONSE)
-    return /* @__PURE__ */ g(
-      ge,
+  if (a === O.FINAL_RESPONSE)
+    return /* @__PURE__ */ f(
+      me,
       {
         markdown: e.markdown,
-        streamToken: o,
-        fetchClientToken: i,
+        streamToken: n,
+        fetchClientToken: o,
         durationSeconds: e.durationSeconds
       }
     );
-  throw new Error(`Unknown state: ${s}`);
-}, Pe = ({
+  throw new Error(`Unknown state: ${a}`);
+}, Ne = ({
   agentTask: e,
   mode: t = "verbose",
-  placeholderMessage: o = "Processing your request",
-  streamToken: i,
-  fetchClientToken: s
+  placeholderMessage: n = "Processing your request",
+  streamToken: o,
+  fetchClientToken: a
 }) => {
-  const [m, u] = T([]), a = F(null);
-  if (x(() => {
-    const n = e.progressItems.map((r, f) => {
-      let h;
-      const b = e.progressItems[f + 1];
-      if (b != null && b.createdAt) {
-        const y = new Date(r.createdAt).getTime(), k = new Date(b.createdAt).getTime();
-        h = Math.round((k - y) / 1e3);
+  const [g, l] = v([]), u = E(null);
+  if (T(() => {
+    const r = e.progressItems.map((c, m) => {
+      let b;
+      const h = e.progressItems[m + 1];
+      if (h != null && h.createdAt) {
+        const y = new Date(c.createdAt).getTime(), w = new Date(h.createdAt).getTime();
+        b = Math.round((w - y) / 1e3);
       }
-      const w = b != null;
+      const k = h != null;
       return {
-        id: r.progressItemId,
-        title: r.title,
-        markdown: r.response || "",
-        state: r.progressItemType,
-        completed: w,
-        startedAt: r.createdAt,
-        durationSeconds: h
+        id: c.progressItemId,
+        title: c.title,
+        markdown: c.response || "",
+        state: c.progressItemType,
+        completed: k,
+        startedAt: c.createdAt,
+        durationSeconds: b
       };
     });
-    let d;
-    const l = e.progressItems[0];
-    if (l != null && l.createdAt) {
-      const r = new Date(e.triggeredAt).getTime(), f = new Date(l.createdAt).getTime();
-      d = Math.round((f - r) / 1e3);
+    let i;
+    const d = e.progressItems[0];
+    if (d != null && d.createdAt) {
+      const c = new Date(e.triggeredAt).getTime(), m = new Date(d.createdAt).getTime();
+      i = Math.round((m - c) / 1e3);
     }
-    const c = {
+    const s = {
       id: "placeholder",
-      title: o,
+      title: n,
       markdown: "",
       state: O.EXECUTION,
-      completed: l != null,
-      durationSeconds: d
+      completed: d != null,
+      durationSeconds: i
     };
-    u([c, ...n]);
-  }, [e, o]), x(() => {
-    t === "verbose" && a.current && (a.current.scrollTop = a.current.scrollHeight);
-  }, [m, t]), t === "simple") {
-    const n = m[m.length - 1];
-    if (!n)
+    l([s, ...r]);
+  }, [e, n]), T(() => {
+    t === "verbose" && u.current && (u.current.scrollTop = u.current.scrollHeight);
+  }, [g, t]), t === "simple") {
+    const r = g[g.length - 1];
+    if (!r)
       return null;
-    const d = n.completed;
-    return /* @__PURE__ */ g("div", { className: "simple-mode-container", children: /* @__PURE__ */ g(_, { mode: "wait", children: /* @__PURE__ */ g(
-      C.div,
+    const i = r.completed;
+    return /* @__PURE__ */ f("div", { className: "simple-mode-container", children: /* @__PURE__ */ f(B, { mode: "wait", children: /* @__PURE__ */ f(
+      P.div,
       {
         initial: { opacity: 0, y: 10 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.3 },
-        children: d ? /* @__PURE__ */ g(
+        children: i ? /* @__PURE__ */ f(
           "div",
           {
             className: "simple-mode-title",
             style: {
               color: "#666"
             },
-            children: n.title
+            children: r.title
           }
-        ) : /* @__PURE__ */ g(
-          M,
+        ) : /* @__PURE__ */ f(
+          D,
           {
-            text: n.title,
+            text: r.title,
             className: "simple-mode-title",
             duration: 2.5,
             repeat: !0,
@@ -1147,111 +1154,198 @@ const fe = ({
           }
         )
       },
-      n.id
+      r.id
     ) }) });
   }
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     "div",
     {
-      ref: a,
+      ref: u,
       style: {
         flex: 1,
         overflowY: "auto",
         minHeight: 0
         // Important for flex scroll
       },
-      children: /* @__PURE__ */ g(_, { children: m.length > 0 && m.map((n, d) => /* @__PURE__ */ g(
-        C.div,
+      children: /* @__PURE__ */ f(B, { children: g.length > 0 && g.map((r, i) => /* @__PURE__ */ f(
+        P.div,
         {
           initial: { opacity: 0, y: -20 },
           animate: { opacity: 1, y: 0 },
           transition: {
             duration: 0.4,
-            delay: d * 0.1,
+            delay: i * 0.1,
             // Stagger effect
             ease: "easeOut"
           },
-          children: /* @__PURE__ */ g(
+          children: /* @__PURE__ */ f(
             he,
             {
-              message: n,
-              isLatest: d === m.length - 1,
-              streamToken: i,
-              fetchClientToken: s
+              message: r,
+              isLatest: i === g.length - 1,
+              streamToken: o,
+              fetchClientToken: a
             }
           )
         },
-        n.id
+        r.id
       )) })
     }
   );
 };
-function xe({ fency: e, children: t }) {
-  const [o, i] = T(
+class ye {
+  constructor(t) {
+    this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
+  }
+  /**
+   * Called by FencyProvider when activeStreams changes.
+   * Creates new connections and removes old ones.
+   */
+  updateStreams(t) {
+    t.forEach((o) => {
+      const a = o.stream.id;
+      this.eventSources.has(a) || this.connectStream(o);
+    });
+    const n = new Set(t.map((o) => o.stream.id));
+    this.eventSources.forEach((o, a) => {
+      n.has(a) || (o.abort(), this.eventSources.delete(a));
+    });
+  }
+  connectStream(t) {
+    const n = t.stream.id, o = new AbortController();
+    this.eventSources.set(n, o);
+    const a = `${this.fency.baseUrl}/sse/streams/${n}`, g = {
+      "X-Fency-Publishable-Key": this.fency.publishableKey,
+      "X-Fency-Stream-Token": t.stream.token
+    };
+    q(a, {
+      headers: g,
+      signal: o.signal,
+      async onopen(l) {
+        if (!l.ok && l.status >= 400 && l.status < 500 && l.status !== 429)
+          throw new Error(`Client error ${l.status}`);
+      },
+      onmessage: (l) => {
+        if (l.data) {
+          const u = G(l.data);
+          this.broadcast(u, n);
+        }
+      },
+      onerror: (l) => {
+        throw console.error("EventSource error for stream", n, ":", l), this.broadcastError(n), l;
+      },
+      onclose() {
+      }
+    });
+  }
+  /**
+   * Subscribe to events from all active streams.
+   * Returns an unsubscribe function.
+   */
+  subscribe(t, n) {
+    return this.subscribers.set(t, n), () => {
+      this.subscribers.delete(t);
+    };
+  }
+  broadcast(t, n) {
+    this.subscribers.forEach((o) => {
+      o.onMessage(t, n);
+    });
+  }
+  broadcastError(t) {
+    this.subscribers.forEach((n) => {
+      n.onError(t);
+    });
+  }
+  /**
+   * Cleanup all connections and subscriptions
+   */
+  cleanup() {
+    this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
+  }
+}
+const be = 12e4, we = (e) => {
+  const t = Date.now();
+  return e.filter((n) => t - n.createdAt < be);
+};
+function Re({ fency: e, children: t }) {
+  const [n, o] = v(
     null
-  ), [s, m] = T(!0), [u, a] = T(null), [n, d] = T(null), l = F(null);
-  x(() => {
-    e.then((f) => {
-      i(f), m(!1);
-    }).catch((f) => {
-      a(f), m(!1);
+  ), [a, g] = v(!0), [l, u] = v(null), [r, i] = v([]), d = E(null), s = E(null);
+  T(() => {
+    e.then((h) => {
+      o(h), g(!1);
+    }).catch((h) => {
+      u(h), g(!1);
     });
-  }, [e]);
-  const c = D(
-    async (f, h = 3e4) => {
-      if (l.current)
-        return l.current;
-      const b = Date.now();
-      if (n && b - n.createdAt < h)
-        return n.stream;
-      const w = (async () => {
-        if (!o)
+  }, [e]), T(() => {
+    n && !s.current && (s.current = new ye(n));
+  }, [n]), T(() => {
+    s.current && s.current.updateStreams(r);
+  }, [r]), T(() => () => {
+    var h;
+    (h = s.current) == null || h.cleanup();
+  }, []);
+  const c = M(
+    async (h, k = 3e4) => {
+      if (d.current)
+        return d.current;
+      const y = Date.now(), w = r.length > 0 ? r[r.length - 1] : null;
+      if (w && y - w.createdAt < k)
+        return w.stream;
+      const I = (async () => {
+        if (!n)
           throw new Error("Fency instance not initialized");
-        const y = await f(), k = await V({
-          pk: o.publishableKey,
-          baseUrl: o.baseUrl,
-          clientToken: (y == null ? void 0 : y.clientToken) ?? ""
+        const C = await h(), A = await Y({
+          pk: n.publishableKey,
+          baseUrl: n.baseUrl,
+          clientToken: (C == null ? void 0 : C.clientToken) ?? ""
         });
-        if (k.type === "success") {
-          const v = {
-            stream: k.stream,
+        if (A.type === "success") {
+          const R = {
+            stream: A.stream,
             createdAt: Date.now()
           };
-          return d(v), l.current = null, k.stream;
+          return i((N) => {
+            const S = [...N, R];
+            return we(S);
+          }), d.current = null, A.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 = w, w;
+      return d.current = I, I;
     },
-    [o, n]
+    [n, r]
   );
-  if (u)
-    return /* @__PURE__ */ I("div", { children: [
+  if (l)
+    return /* @__PURE__ */ x("div", { children: [
       "Fency error: ",
-      u.message
+      l.message
     ] });
-  if (!o)
+  if (!n)
     return null;
-  const r = {
-    fency: o,
-    loading: s,
-    error: u,
-    activeStream: n,
+  const m = r.length > 0 ? r[r.length - 1] : null, b = {
+    fency: n,
+    loading: a,
+    error: l,
+    activeStreams: r,
+    latestStream: m,
+    eventManager: s.current,
     getOrCreateStream: c
   };
-  return /* @__PURE__ */ g($.Provider, { value: r, children: t });
+  return /* @__PURE__ */ f($.Provider, { value: b, children: t });
 }
 export {
-  Pe as AgentTaskProgress,
+  Ne as AgentTaskProgress,
   he as ChatResponse,
-  ge as ChatResponseComplete,
-  fe as ChatResponseLoading,
-  ye as ChatResponseThinking,
-  xe as FencyProvider,
-  M as ShimmeringText,
-  Ce as useAgentTasks,
-  R as useFencyContext,
-  ae as useFencyEventSource,
-  Ae as usePaginatedQuery,
-  me as useStream
+  me as ChatResponseComplete,
+  ge as ChatResponseLoading,
+  fe as ChatResponseThinking,
+  Re as FencyProvider,
+  D as ShimmeringText,
+  Ee as useAgentTasks,
+  F as useFencyContext,
+  xe as useFencyEventSource,
+  Pe as usePaginatedQuery,
+  oe as useStream
 };