@fencyai/react 0.1.121 → 0.1.123

package/dist/index.js

@@ -1,47 +1,310 @@
-import { createAgentTask as G, createStream as J } from "@fencyai/js";
-import { createContext as V, useContext as q, useState as k, useRef as p, useEffect as E, useCallback as W, useMemo as $ } from "react";
-import { jsx as c, jsxs as x, Fragment as X } from "react/jsx-runtime";
-import { useInView as Q, motion as v, AnimatePresence as B } from "motion/react";
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { createStream as K, isStreamTimeoutEventDto as _, isStreamNotFoundEventDto as J, isAgentTaskProgressItemUpdatedEventDto as V, createAgentTask as q } from "@fencyai/js";
+import { createContext as G, useState as w, useRef as A, useEffect as E, useCallback as W, useContext as X, useMemo as U } from "react";
+import { useInView as Q, motion as v, AnimatePresence as L } from "motion/react";
 import Y from "react-markdown";
-import { Prism as L } from "react-syntax-highlighter";
+import { Prism as $ } from "react-syntax-highlighter";
 import Z from "remark-gfm";
-import './assets/index.css';const _ = V(
+import './assets/index.css';const N = G(
   void 0
 );
-function N() {
-  const e = q(_);
+async function ee(e, t) {
+  const r = e.getReader();
+  let n;
+  for (; !(n = await r.read()).done; )
+    t(n.value);
+}
+function te(e) {
+  let t, r, n, l = !1;
+  return function(s) {
+    t === void 0 ? (t = s, r = 0, n = -1) : t = re(t, s);
+    const c = t.length;
+    let d = 0;
+    for (; r < c; ) {
+      l && (t[r] === 10 && (d = ++r), l = !1);
+      let o = -1;
+      for (; r < c && o === -1; ++r)
+        switch (t[r]) {
+          case 58:
+            n === -1 && (n = r - d);
+            break;
+          case 13:
+            l = !0;
+          case 10:
+            o = r;
+            break;
+        }
+      if (o === -1)
+        break;
+      e(t.subarray(d, o), n), d = r, n = -1;
+    }
+    d === c ? t = void 0 : d !== 0 && (t = t.subarray(d), r -= d);
+  };
+}
+function ne(e, t, r) {
+  let n = P();
+  const l = new TextDecoder();
+  return function(s, c) {
+    if (s.length === 0)
+      r == null || r(n), n = P();
+    else if (c > 0) {
+      const d = l.decode(s.subarray(0, c)), o = c + (s[c + 1] === 32 ? 2 : 1), a = l.decode(s.subarray(o));
+      switch (d) {
+        case "data":
+          n.data = n.data ? n.data + `
+` + a : a;
+          break;
+        case "event":
+          n.event = a;
+          break;
+        case "id":
+          e(n.id = a);
+          break;
+        case "retry":
+          const y = parseInt(a, 10);
+          isNaN(y) || t(n.retry = y);
+          break;
+      }
+    }
+  };
+}
+function re(e, t) {
+  const r = new Uint8Array(e.length + t.length);
+  return r.set(e), r.set(t, e.length), r;
+}
+function P() {
+  return {
+    data: "",
+    event: "",
+    id: "",
+    retry: void 0
+  };
+}
+var oe = function(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, n = Object.getOwnPropertySymbols(e); l < n.length; l++)
+      t.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[l]) && (r[n[l]] = e[n[l]]);
+  return r;
+};
+const R = "text/event-stream", ae = 1e3, O = "last-event-id";
+function ie(e, t) {
+  var { signal: r, headers: n, onopen: l, onmessage: u, onclose: s, onerror: c, openWhenHidden: d, fetch: o } = t, a = oe(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((y, g) => {
+    const h = Object.assign({}, n);
+    h.accept || (h.accept = R);
+    let m;
+    function S() {
+      m.abort(), document.hidden || I();
+    }
+    d || document.addEventListener("visibilitychange", S);
+    let f = ae, b = 0;
+    function C() {
+      document.removeEventListener("visibilitychange", S), window.clearTimeout(b), m.abort();
+    }
+    r == null || r.addEventListener("abort", () => {
+      C(), y();
+    });
+    const p = o ?? window.fetch, x = l ?? se;
+    async function I() {
+      var D;
+      m = new AbortController();
+      try {
+        const M = await p(e, Object.assign(Object.assign({}, a), { headers: h, signal: m.signal }));
+        await x(M), await ee(M.body, te(ne((T) => {
+          T ? h[O] = T : delete h[O];
+        }, (T) => {
+          f = T;
+        }, u))), s == null || s(), C(), y();
+      } catch (M) {
+        if (!m.signal.aborted)
+          try {
+            const T = (D = c == null ? void 0 : c(M)) !== null && D !== void 0 ? D : f;
+            window.clearTimeout(b), b = window.setTimeout(I, T);
+          } catch (T) {
+            C(), g(T);
+          }
+      }
+    }
+    I();
+  });
+}
+function se(e) {
+  const t = e.headers.get("content-type");
+  if (!(t != null && t.startsWith(R)))
+    throw new Error(`Expected content-type to be ${R}, Actual: ${t}`);
+}
+function le(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);
+}
+class ce {
+  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((n) => {
+      const l = n.stream.id;
+      this.eventSources.has(l) || this.connectStream(n);
+    });
+    const r = new Set(t.map((n) => n.stream.id));
+    this.eventSources.forEach((n, l) => {
+      r.has(l) || (n.abort(), this.eventSources.delete(l));
+    });
+  }
+  connectStream(t) {
+    const r = t.stream.id, n = new AbortController();
+    this.eventSources.set(r, n);
+    const l = `${this.fency.baseUrl}/sse/streams/${r}`, u = {
+      "X-Fency-Publishable-Key": this.fency.publishableKey,
+      "X-Fency-Stream-Token": t.stream.token
+    };
+    ie(l, {
+      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 c = le(s.data);
+          this.broadcast(c, r);
+        }
+      },
+      onerror: (s) => {
+        throw console.error("EventSource error for stream", r, ":", s), this.broadcastError(r), s;
+      },
+      onclose() {
+      }
+    });
+  }
+  /**
+   * Subscribe to events from all active streams.
+   * Returns an unsubscribe function.
+   */
+  subscribe(t, r) {
+    return this.subscribers.set(t, r), () => {
+      this.subscribers.delete(t);
+    };
+  }
+  broadcast(t, r) {
+    this.subscribers.forEach((n) => {
+      n.onMessage(t, r);
+    });
+  }
+  broadcastError(t) {
+    this.subscribers.forEach((r) => {
+      r.onError(t);
+    });
+  }
+  /**
+   * Cleanup all connections and subscriptions
+   */
+  cleanup() {
+    this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
+  }
+}
+const de = 12e4, ue = (e) => {
+  const t = Date.now();
+  return e.filter((r) => t - r.createdAt < de);
+};
+function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
+  const [n, l] = w(
+    null
+  ), [u, s] = w(!0), [c, d] = w(null), [o, a] = w([]), y = A(null), g = A(null);
+  E(() => {
+    e.then((f) => {
+      l(f), s(!1);
+    }).catch((f) => {
+      d(f), s(!1);
+    });
+  }, [e]), E(() => {
+    n && !g.current && (g.current = new ce(n));
+  }, [n]), E(() => {
+    g.current && g.current.updateStreams(o);
+  }, [o]), E(() => () => {
+    var f;
+    (f = g.current) == null || f.cleanup();
+  }, []);
+  const h = W(
+    async (f = 3e4) => {
+      if (y.current)
+        return y.current;
+      const b = Date.now(), C = o.length > 0 ? o[o.length - 1] : null;
+      if (C && b - C.createdAt < f)
+        return C.stream;
+      const p = (async () => {
+        if (!n)
+          throw new Error("Fency instance not initialized");
+        const x = await t(), I = await K({
+          pk: n.publishableKey,
+          baseUrl: n.baseUrl,
+          clientToken: (x == null ? void 0 : x.clientToken) ?? ""
+        });
+        if (I.type === "success") {
+          const D = {
+            stream: I.stream,
+            createdAt: Date.now()
+          };
+          return a((M) => {
+            const T = [...M, D];
+            return ue(T);
+          }), y.current = null, I.stream;
+        } else
+          throw y.current = null, new Error("Failed to create stream");
+      })();
+      return y.current = p, p;
+    },
+    [n, o]
+  );
+  if (c)
+    return /* @__PURE__ */ k("div", { children: [
+      "Fency error: ",
+      c.message
+    ] });
+  if (!n)
+    return null;
+  const m = o.length > 0 ? o[o.length - 1] : null, S = {
+    fency: n,
+    loading: u,
+    error: c,
+    activeStreams: o,
+    latestStream: m,
+    eventManager: g.current,
+    getOrCreateStream: h
+  };
+  return /* @__PURE__ */ i(N.Provider, { value: S, children: r });
+}
+function H() {
+  const e = X(N);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const ee = (e) => {
+const me = (e) => {
   try {
     const t = JSON.parse(e);
-    return te(t);
+    return ge(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, te = (e) => {
-  if (!(typeof e == "object" && e !== null && "type" in e && "streamId" in e && "timestamp" in e))
-    return null;
-  switch (e.type) {
-    case "StreamTimeout":
-      return ne(e);
-    case "StreamNotFound":
-      return re(e);
-    case "AgentTaskProgressItemUpdated":
-      return ae(e);
-  }
-  return null;
-}, ne = (e) => ({
+}, ge = (e) => _(e) ? ye(e) : J(e) ? fe(e) : V(e) ? he(e) : null, ye = (e) => ({
   type: "StreamTimeout",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), re = (e) => ({
+}), fe = (e) => ({
   type: "StreamNotFound",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ae = (e) => ({
+}), he = (e) => ({
   type: "AgentTaskProgressItemUpdated",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -49,45 +312,45 @@ const ee = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), oe = (e) => {
-  const t = N(), [n, r] = k(null), a = p(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+}), Se = (e) => {
+  const t = H(), [r, n] = w(null), l = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
   return E(() => {
     if (!t.eventManager) return;
     const s = {
       onMessage: (d, o) => {
-        var m, u, S, y, T, f, h, b, I, w;
-        const i = ee(d);
-        if (i)
-          switch (i.type) {
+        var y, g, h, m, S, f, b, C, p, x;
+        const a = me(d);
+        if (a)
+          switch (a.type) {
             case "NewChatCompletionStreamChunk":
-              (m = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || m.call(e, i);
+              (y = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || y.call(e, a);
               break;
             case "ChatCompletionStreamCompleted":
-              (u = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || u.call(e, i);
+              (g = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || g.call(e, a);
               break;
             case "StreamTimeout":
-              (S = e == null ? void 0 : e.onStreamTimeout) == null || S.call(e, i);
+              (h = e == null ? void 0 : e.onStreamTimeout) == null || h.call(e, a);
               break;
             case "StreamNotFound":
-              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, i);
+              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, a);
               break;
             case "FileUploadCompleted":
-              (T = e == null ? void 0 : e.onFileUploadCompleted) == null || T.call(e, i);
+              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, a);
               break;
             case "FileTextContentReady":
-              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, i);
+              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, a);
               break;
             case "WebsiteHtmlContentReady":
-              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, i);
+              (b = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || b.call(e, a);
               break;
             case "WebsiteTextContentReady":
-              (b = e == null ? void 0 : e.onWebsiteTextContentReady) == null || b.call(e, i);
+              (C = e == null ? void 0 : e.onWebsiteTextContentReady) == null || C.call(e, a);
               break;
             case "FileSearchIndexReady":
-              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, i);
+              (p = e == null ? void 0 : e.onFileSearchIndexReady) == null || p.call(e, a);
               break;
             case "AgentTaskProgressItemUpdated":
-              (w = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || w.call(e, i);
+              (x = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || x.call(e, a);
               break;
           }
       },
@@ -103,14 +366,14 @@ const ee = (e) => {
       }
     };
     return t.eventManager.subscribe(
-      a.current,
+      l.current,
       s
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
         const s = await t.getOrCreateStream(3e4);
-        return r(s), {
+        return n(s), {
           type: "success",
           stream: s
         };
@@ -124,66 +387,66 @@ const ee = (e) => {
         };
       }
     },
-    stream: n
+    stream: r
   };
-}, ze = (e) => {
-  const t = N(), [n, r] = k([]), a = p(/* @__PURE__ */ new Set()), g = p(/* @__PURE__ */ new Map()), { createStream: s } = oe({
+}, Ue = (e) => {
+  const t = H(), [r, n] = w([]), l = A(/* @__PURE__ */ new Set()), u = A(/* @__PURE__ */ new Map()), { createStream: s } = Se({
     onAgentTaskProgressItemUpdated: (o) => {
-      var u;
-      if (!a.current.has(o.agentTaskId)) return;
-      const i = o.data;
-      if (i.taskType === "StreamingChatCompletion" && i.eventType === "Completed" || i.taskType === "StructuredChatCompletion" && i.eventType === "Completed" || i.taskType === "StreamingMemoryTypeChatCompletion" && i.eventType === "Completed") {
-        const S = g.current.get(
+      var g;
+      if (!l.current.has(o.agentTaskId)) return;
+      const a = o.data;
+      if (a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed" || a.taskType === "StreamingMemoryTypeChatCompletion" && a.eventType === "Completed") {
+        const h = u.current.get(
           o.agentTaskId
         );
-        S && (g.current.delete(o.agentTaskId), S(i));
+        h && (u.current.delete(o.agentTaskId), h(a));
         return;
       }
-      (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, o), r(
-        (S) => S.map((y) => {
-          var h;
-          if (((h = y.confirmedData) == null ? void 0 : h.taskId) !== o.agentTaskId)
-            return y;
-          const f = y.progressItems.some(
-            (b) => b.progressItemId === o.progressItemId
-          ) ? y.progressItems.map(
-            (b) => b.progressItemId === o.progressItemId ? o : b
-          ) : [...y.progressItems, o];
-          return { ...y, progressItems: f };
+      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), n(
+        (h) => h.map((m) => {
+          var b;
+          if (((b = m.confirmedData) == null ? void 0 : b.taskId) !== o.agentTaskId)
+            return m;
+          const f = m.progressItems.some(
+            (C) => C.progressItemId === o.progressItemId
+          ) ? m.progressItems.map(
+            (C) => C.progressItemId === o.progressItemId ? o : C
+          ) : [...m.progressItems, o];
+          return { ...m, progressItems: f };
         })
       );
     },
     onStreamError: (o) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, o), r((m) => {
-        const u = m.find((S) => S.streamId === o.streamId);
-        return u ? [
-          ...m.filter((S) => S.streamId !== o.streamId),
+      var a;
+      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, o), n((y) => {
+        const g = y.find((h) => h.streamId === o.streamId);
+        return g ? [
+          ...y.filter((h) => h.streamId !== o.streamId),
           {
-            ...u,
+            ...g,
             loading: !1,
             error: o.error
           }
-        ] : m;
+        ] : y;
       });
     },
     onStreamNotFound: (o) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, o);
+      var a;
+      (a = e == null ? void 0 : e.onStreamNotFound) == null || a.call(e, o);
     },
     onStreamTimeout: (o) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, o);
+      var a;
+      (a = e == null ? void 0 : e.onStreamTimeout) == null || a.call(e, o);
     }
-  }), l = W(
-    async (o, i) => {
-      const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await s();
-      if (u.type === "success") {
-        r([
-          ...n,
+  }), c = W(
+    async (o, a) => {
+      const y = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await s();
+      if (g.type === "success") {
+        n([
+          ...r,
           {
-            taskKey: m,
-            streamId: u.stream.id,
+            taskKey: y,
+            streamId: g.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
@@ -191,14 +454,14 @@ const ee = (e) => {
             progressItems: [],
             loading: !0,
             doneStreaming: !1,
-            loadingText: i == null ? void 0 : i.loadingText
+            loadingText: a == null ? void 0 : a.loadingText
           }
         ]);
-        const { clientToken: S } = await e.fetchCreateAgentTaskClientToken(o.type), y = await G({
+        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(o.type), m = await q({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: S,
-          streamToken: u.stream.token,
+          clientToken: h,
+          streamToken: g.stream.token,
           request: {
             streamingChatCompletionTask: o.type === "streamingChatCompletion" ? {
               messages: o.messages,
@@ -215,407 +478,139 @@ const ee = (e) => {
             } : void 0
           }
         });
-        if (y.type === "success" && y.agentTask) {
-          a.current.add(
-            y.agentTask.id
-          ), r((f) => [
-            ...f.filter((h) => h.taskKey !== m),
+        if (m.type === "success" && m.agentTask) {
+          l.current.add(
+            m.agentTask.id
+          ), n((f) => [
+            ...f.filter((b) => b.taskKey !== y),
             {
-              taskKey: m,
-              streamId: u.stream.id,
+              taskKey: y,
+              streamId: g.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: y.agentTask.id,
-              createdAt: y.agentTask.createdAt,
+              taskId: m.agentTask.id,
+              createdAt: m.agentTask.createdAt,
               error: null,
               params: o,
               progressItems: [],
               doneStreaming: !1,
               loading: !0,
-              loadingText: i == null ? void 0 : i.loadingText,
+              loadingText: a == null ? void 0 : a.loadingText,
               confirmedData: {
-                taskId: y.agentTask.id,
-                createdAt: y.agentTask.createdAt
+                taskId: m.agentTask.id,
+                createdAt: m.agentTask.createdAt
               }
             }
           ]);
-          const T = await new Promise((f) => {
-            g.current.set(
-              y.agentTask.id,
+          const S = await new Promise((f) => {
+            u.current.set(
+              m.agentTask.id,
               f
             );
           });
           return {
             type: "success",
-            streamId: u.stream.id,
-            agentTaskId: y.agentTask.id,
-            response: T
+            streamId: g.stream.id,
+            agentTaskId: m.agentTask.id,
+            response: S
           };
         } else {
-          if (y.type === "error")
-            return r((T) => [
-              ...T.filter((f) => f.taskKey !== m),
+          if (m.type === "error")
+            return n((S) => [
+              ...S.filter((f) => f.taskKey !== y),
               {
-                taskKey: m,
+                taskKey: y,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: u.stream.id,
+                streamId: g.stream.id,
                 params: o,
-                error: y.error,
+                error: m.error,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: i == null ? void 0 : i.loadingText,
+                loadingText: a == null ? void 0 : a.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: y.error
+              error: m.error
             };
           {
-            const T = {
+            const S = {
               message: "No response received",
               code: "UnknownError"
             };
-            return r((f) => [
-              ...f.filter((h) => h.taskKey !== m),
+            return n((f) => [
+              ...f.filter((b) => b.taskKey !== y),
               {
-                taskKey: m,
+                taskKey: y,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: u.stream.id,
-                error: T,
+                streamId: g.stream.id,
+                error: S,
                 params: o,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: i == null ? void 0 : i.loadingText,
+                loadingText: a == null ? void 0 : a.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: T
+              error: S
             };
           }
         }
       } else
-        return console.error(u.error), u;
+        return console.error(g.error), g;
     },
-    [t, n, s]
-  ), d = $(() => {
-    if (n.length !== 0)
-      return [...n].sort((o, i) => new Date(i.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
-  }, [n]);
+    [t, r, s]
+  ), d = U(() => {
+    if (r.length !== 0)
+      return [...r].sort((o, a) => new Date(a.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
+  }, [r]);
   return E(() => () => {
-    a.current.clear(), g.current.clear();
+    l.current.clear(), u.current.clear();
   }, []), {
-    agentTasks: n,
-    createAgentTask: l,
+    agentTasks: r,
+    createAgentTask: c,
     latest: d
   };
 };
-async function ie(e, t) {
-  const n = e.getReader();
-  let r;
-  for (; !(r = await n.read()).done; )
-    t(r.value);
-}
-function se(e) {
-  let t, n, r, a = !1;
-  return function(s) {
-    t === void 0 ? (t = s, n = 0, r = -1) : t = le(t, s);
-    const l = t.length;
-    let d = 0;
-    for (; n < l; ) {
-      a && (t[n] === 10 && (d = ++n), a = !1);
-      let o = -1;
-      for (; n < l && o === -1; ++n)
-        switch (t[n]) {
-          case 58:
-            r === -1 && (r = n - d);
-            break;
-          case 13:
-            a = !0;
-          case 10:
-            o = n;
-            break;
-        }
-      if (o === -1)
-        break;
-      e(t.subarray(d, o), r), d = n, r = -1;
-    }
-    d === l ? t = void 0 : d !== 0 && (t = t.subarray(d), n -= d);
-  };
-}
-function ce(e, t, n) {
-  let r = O();
-  const a = new TextDecoder();
-  return function(s, l) {
-    if (s.length === 0)
-      n == null || n(r), r = O();
-    else if (l > 0) {
-      const d = a.decode(s.subarray(0, l)), o = l + (s[l + 1] === 32 ? 2 : 1), i = a.decode(s.subarray(o));
-      switch (d) {
-        case "data":
-          r.data = r.data ? r.data + `
-` + i : i;
-          break;
-        case "event":
-          r.event = i;
-          break;
-        case "id":
-          e(r.id = i);
-          break;
-        case "retry":
-          const m = parseInt(i, 10);
-          isNaN(m) || t(r.retry = m);
-          break;
-      }
-    }
-  };
-}
-function le(e, t) {
-  const n = new Uint8Array(e.length + t.length);
-  return n.set(e), n.set(t, e.length), n;
-}
-function O() {
-  return {
-    data: "",
-    event: "",
-    id: "",
-    retry: void 0
-  };
-}
-var de = function(e, t) {
-  var n = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
-      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
-  return n;
-};
-const F = "text/event-stream", ue = 1e3, D = "last-event-id";
-function j(e, t) {
-  var { signal: n, headers: r, onopen: a, onmessage: g, onclose: s, onerror: l, openWhenHidden: d, fetch: o } = t, i = de(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((m, u) => {
-    const S = Object.assign({}, r);
-    S.accept || (S.accept = F);
-    let y;
-    function T() {
-      y.abort(), document.hidden || A();
-    }
-    d || document.addEventListener("visibilitychange", T);
-    let f = ue, h = 0;
-    function b() {
-      document.removeEventListener("visibilitychange", T), window.clearTimeout(h), y.abort();
-    }
-    n == null || n.addEventListener("abort", () => {
-      b(), m();
-    });
-    const I = o ?? window.fetch, w = a ?? me;
-    async function A() {
-      var M;
-      y = new AbortController();
-      try {
-        const P = await I(e, Object.assign(Object.assign({}, i), { headers: S, signal: y.signal }));
-        await w(P), await ie(P.body, se(ce((C) => {
-          C ? S[D] = C : delete S[D];
-        }, (C) => {
-          f = C;
-        }, g))), s == null || s(), b(), m();
-      } catch (P) {
-        if (!y.signal.aborted)
-          try {
-            const C = (M = l == null ? void 0 : l(P)) !== null && M !== void 0 ? M : f;
-            window.clearTimeout(h), h = window.setTimeout(A, C);
-          } catch (C) {
-            b(), u(C);
-          }
-      }
-    }
-    A();
-  });
-}
-function me(e) {
-  const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(F)))
-    throw new Error(`Expected content-type to be ${F}, Actual: ${t}`);
-}
-function We(e) {
-  const [t, n] = k(null);
-  return E(() => {
-    if (!t)
-      return;
-    const r = new AbortController();
-    return j(t, {
-      headers: e == null ? void 0 : e.headers,
-      signal: r.signal,
-      async onopen(a) {
-        if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
-          throw new Error(`Client error ${a.status}`);
-      },
-      onmessage(a) {
-        a.data && (e == null || e.onMessage({
-          url: t,
-          data: H(a.data)
-        }));
-      },
-      onerror(a) {
-        throw console.error("EventSource error:", a), e == null || e.onError(t), n(null), a;
-      },
-      onclose() {
-      }
-    }), () => {
-      r.abort();
-    };
-  }, [t, e == null ? void 0 : e.headers]), {
-    setSourceUrl: n,
-    sourceUrl: t
-  };
-}
-function H(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 $e(e, t) {
-  const [n, r] = k(
-    null
-  ), [a, g] = k(
-    null
-  ), s = N(), l = async (m) => {
-    const u = await m.fetchTokens(), { fetchTokens: S, nextPageToken: y, previousPageToken: T, ...f } = m, h = await e({
-      pk: s.fency.publishableKey,
-      clientToken: u.clientToken,
-      streamToken: u.streamToken,
-      request: {
-        ...f,
-        limit: (t == null ? void 0 : t.pageSize) ?? 50,
-        pagination: {
-          nextPageToken: y,
-          previousPageToken: T
-        }
-      },
-      baseUrl: s.fency.baseUrl
-    });
-    return h.type === "success" && h.items && h.pagination ? {
-      type: "success",
-      page: {
-        items: h.items,
-        hasNextPage: h.pagination.nextPageToken != null,
-        hasPreviousPage: h.pagination.previousPageToken != null,
-        pagination: h.pagination
-      }
-    } : {
-      type: "error",
-      error: h.error ?? {
-        code: "UNKNOWN_ERROR",
-        message: "An unknown error occurred"
-      }
-    };
-  };
-  return {
-    fetchFirstPage: async (m) => {
-      const u = await l({
-        ...m,
-        nextPageToken: void 0,
-        previousPageToken: void 0
-      });
-      return u.type === "success" && (g(u.page), r(m)), u;
-    },
-    fetchNextPage: async (m) => {
-      if (a == null)
-        return {
-          type: "error",
-          error: {
-            code: "NO_CURRENT_PAGE",
-            message: "No current page"
-          }
-        };
-      if (a.pagination.nextPageToken == null)
-        return {
-          type: "error",
-          error: {
-            code: "NO_NEXT_PAGE",
-            message: "No next page"
-          }
-        };
-      const u = await l({
-        ...m,
-        nextPageToken: a.pagination.nextPageToken,
-        previousPageToken: void 0
-      });
-      return u.type === "success" && (g(u.page), r(m)), u;
-    },
-    fetchPreviousPage: async (m) => {
-      if (a == null)
-        return {
-          type: "error",
-          error: {
-            code: "NO_CURRENT_PAGE",
-            message: "No current page"
-          }
-        };
-      if (a.pagination.previousPageToken == null)
-        return {
-          type: "error",
-          error: {
-            code: "NO_PREVIOUS_PAGE",
-            message: "No previous page"
-          }
-        };
-      const u = await l({
-        ...m,
-        nextPageToken: void 0,
-        previousPageToken: a.pagination.previousPageToken
-      });
-      return u.type === "success" && (g(u.page), r(m)), u;
-    },
-    refetchCurrentPage: async () => n == null ? {
-      type: "error",
-      error: {
-        code: "NO_CURRENT_PAGE",
-        message: "No current page, please call fetchFirstPage first."
-      }
-    } : l(n),
-    currentPage: a
-  };
-}
-function ge(e) {
-  return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], a = r != null;
-    let g;
-    if (r != null && r.createdAt) {
-      const s = new Date(t.createdAt).getTime(), l = new Date(r.createdAt).getTime();
-      g = Math.round((l - s) / 1e3);
+function be(e) {
+  return e.progressItems.map((t, r) => {
+    const n = e.progressItems[r + 1], l = n != null;
+    let u;
+    if (n != null && n.createdAt) {
+      const s = new Date(t.createdAt).getTime(), c = new Date(n.createdAt).getTime();
+      u = Math.round((c - s) / 1e3);
     }
     return {
       item: t,
-      completed: a,
-      isLatest: n === e.progressItems.length - 1,
-      durationSeconds: g
+      completed: l,
+      isLatest: r === e.progressItems.length - 1,
+      durationSeconds: u
     };
   });
 }
-function R({
+function F({
   text: e,
   duration: t = 2,
-  delay: n = 0,
-  repeat: r = !0,
-  repeatDelay: a = 0.5,
-  className: g,
+  delay: r = 0,
+  repeat: n = !0,
+  repeatDelay: l = 0.5,
+  className: u,
   startOnView: s = !1,
-  once: l = !1,
+  once: c = !1,
   inViewMargin: d,
   spread: o = 2,
-  color: i = "#999",
-  shimmerColor: m = "#000",
-  direction: u = "fromBottom"
+  color: a = "#999",
+  shimmerColor: y = "#000",
+  direction: g = "fromBottom"
 }) {
-  const S = p(null), y = Q(S, { once: l, margin: d }), T = $(() => e.length * o, [e, o]), f = !s || y, h = u === "fromBottom" ? "100% center" : "-100% center", b = u === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ c(
+  const h = A(null), m = Q(h, { once: c, margin: d }), S = U(() => e.length * o, [e, o]), f = !s || m, b = g === "fromBottom" ? "100% center" : "-100% center", C = g === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ i(
     v.span,
     {
-      ref: S,
-      className: g,
+      ref: h,
+      className: u,
       style: {
         position: "relative",
         display: "inline-block",
@@ -625,38 +620,38 @@ function R({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${T}px`,
-        "--base-color": i,
-        "--shimmer-color": m,
+        "--spread": `${S}px`,
+        "--base-color": a,
+        "--shimmer-color": y,
         "--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: h,
+        backgroundPosition: b,
         opacity: 0
       },
       animate: f ? {
-        backgroundPosition: b,
+        backgroundPosition: C,
         opacity: 1
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: r ? 1 / 0 : 0,
+          repeat: n ? 1 / 0 : 0,
           duration: t,
-          delay: n,
-          repeatDelay: a,
+          delay: r,
+          repeatDelay: l,
           ease: "linear"
         },
         opacity: {
           duration: 0.3,
-          delay: n
+          delay: r
         }
       },
       children: e
     }
   );
 }
-function ye(e) {
+function Ce(e) {
   const t = e.item.data;
   if (t.taskType === "StreamingChatCompletion") {
     if (t.eventType === "Text") return "Streaming...";
@@ -687,28 +682,28 @@ function ye(e) {
     }
   return "Processing...";
 }
-const fe = ({ progressViewItems: e }) => {
+const Te = ({ progressViewItems: e }) => {
   const t = e[e.length - 1];
   if (!t) return null;
-  const n = ye(t);
-  return /* @__PURE__ */ c("div", { className: "simple-mode-container", children: /* @__PURE__ */ c(B, { mode: "wait", children: /* @__PURE__ */ c(
+  const r = Ce(t);
+  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(L, { mode: "wait", children: /* @__PURE__ */ i(
     v.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: t.completed ? /* @__PURE__ */ c(
+      children: t.completed ? /* @__PURE__ */ i(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
-          children: n
+          children: r
         }
-      ) : /* @__PURE__ */ c(
-        R,
+      ) : /* @__PURE__ */ i(
+        F,
         {
-          text: n,
+          text: r,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -719,7 +714,7 @@ const fe = ({ progressViewItems: e }) => {
     },
     t.item.progressItemId
   ) }) });
-}, K = {
+}, j = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -870,53 +865,53 @@ const fe = ({ progressViewItems: e }) => {
   italic: {
     fontStyle: "italic"
   }
-}, U = ({
+}, z = ({
   text: e
-}) => /* @__PURE__ */ c("div", { style: { padding: "16px" }, children: /* @__PURE__ */ c(
+}) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
   v.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ i(
       Y,
       {
         remarkPlugins: [Z],
         components: {
           code(t) {
-            const { children: n, className: r, node: a, ref: g, ...s } = t, l = /language-(\w+)/.exec(r || "");
-            return l ? /* @__PURE__ */ c(
-              L,
+            const { children: r, className: n, node: l, ref: u, ...s } = t, c = /language-(\w+)/.exec(n || "");
+            return c ? /* @__PURE__ */ i(
+              $,
               {
                 ...s,
                 PreTag: "div",
-                children: String(n).replace(/\n$/, ""),
-                language: l[1],
-                style: K
+                children: String(r).replace(/\n$/, ""),
+                language: c[1],
+                style: j
               }
-            ) : /* @__PURE__ */ c("code", { ...s, className: r, children: String(n) });
+            ) : /* @__PURE__ */ i("code", { ...s, className: n, children: String(r) });
           }
         },
         children: e
       }
     )
   }
-) }), he = ({ data: e }) => {
+) }), ve = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
-  return /* @__PURE__ */ c("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
     v.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ c(L, { language: "json", style: K, PreTag: "div", children: t })
+      children: /* @__PURE__ */ i($, { language: "json", style: j, PreTag: "div", children: t })
     }
   ) });
-}, Se = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
-  const r = `Searching: ${e.queryDescription}`;
-  return /* @__PURE__ */ x("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ c(
+}, ke = ({ data: e, isLatest: t = !1, durationSeconds: r }) => {
+  const n = `Searching: ${e.queryDescription}`;
+  return /* @__PURE__ */ k("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
       v.div,
       {
         style: {
@@ -928,19 +923,19 @@ const fe = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ c(
-          R,
+        children: t && !r ? /* @__PURE__ */ i(
+          F,
           {
-            text: r,
+            text: n,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ c("span", { style: { color: "#666" }, children: r })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: n })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ x(
+    r !== void 0 && /* @__PURE__ */ k(
       "div",
       {
         style: {
@@ -951,16 +946,16 @@ const fe = ({ progressViewItems: e }) => {
         },
         children: [
           "Took ",
-          n,
+          r,
           " seconds"
         ]
       }
     )
   ] });
-}, Te = ({ isLatest: e = !1, durationSeconds: t }) => {
-  const n = "Adding sources...";
-  return /* @__PURE__ */ x("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ c(
+}, xe = ({ isLatest: e = !1, durationSeconds: t }) => {
+  const r = "Adding sources...";
+  return /* @__PURE__ */ k("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
       v.div,
       {
         style: {
@@ -972,19 +967,19 @@ const fe = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !t ? /* @__PURE__ */ c(
-          R,
+        children: e && !t ? /* @__PURE__ */ i(
+          F,
           {
-            text: n,
+            text: r,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ c("span", { style: { color: "#666" }, children: n })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: r })
       }
     ),
-    t !== void 0 && /* @__PURE__ */ x(
+    t !== void 0 && /* @__PURE__ */ k(
       "div",
       {
         style: {
@@ -1001,120 +996,122 @@ const fe = ({ progressViewItems: e }) => {
       }
     )
   ] });
-}, be = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ x("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ c(
+}, we = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ k("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ i(
     v.div,
     {
-      style: { color: "#666", marginBottom: "10px", fontSize: "14px" },
+      style: {
+        marginBottom: "10px",
+        fontSize: "11px",
+        fontWeight: 500,
+        letterSpacing: "0.05em",
+        textTransform: "uppercase",
+        color: "#999"
+      },
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
       children: "Sources"
     }
   ),
-  /* @__PURE__ */ c("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ c("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ c(
-    Ce,
+  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((r, n) => /* @__PURE__ */ i(
+    Ie,
     {
-      source: n,
-      index: r,
+      source: r,
+      index: n,
       onSourceClick: t
     },
-    n.memoryId
+    r.memoryId
   )) })
 ] });
-function ke(e, t) {
-  if (t.length === 0) return e;
-  if (t.length === 1) return `${e} page ${t[0]}`;
-  if (t.length === 2)
-    return `${e} pages ${t[0]} and ${t[1]}`;
-  const n = t[t.length - 1], r = t.slice(0, -1).join(", ");
-  return `${e} pages ${r} and ${n}`;
+function pe(e) {
+  if (e.length === 0) return "";
+  if (e.length === 1) return `page ${e[0]}`;
+  if (e.length === 2)
+    return `pages ${e[0]} and ${e[1]}`;
+  const t = e[e.length - 1];
+  return `pages ${e.slice(0, -1).join(", ")} and ${t}`;
 }
-const Ce = ({ source: e, index: t, onSourceClick: n }) => {
-  const [r, a] = k(!1), g = !!n, s = ke(e.memoryTitle, e.pageNumbers);
-  return /* @__PURE__ */ c(
+const Ie = ({ source: e, index: t, onSourceClick: r }) => {
+  const [n, l] = w(!1), u = !!r, s = e.pageNumbers ?? [], c = pe(s);
+  return /* @__PURE__ */ k(
     v.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: g ? () => n(e.memoryId) : void 0,
-      onMouseEnter: g ? () => a(!0) : void 0,
-      onMouseLeave: g ? () => a(!1) : void 0,
+      onClick: u ? () => r(e.memoryId) : void 0,
+      onMouseEnter: u ? () => l(!0) : void 0,
+      onMouseLeave: u ? () => l(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
         gap: "4px",
         padding: "8px 12px",
-        borderRadius: "8px",
+        borderRadius: "6px",
         border: "1px solid #e0e0e0",
-        backgroundColor: r ? "#f0f0f0" : "#f9f9f9",
-        cursor: g ? "pointer" : "default",
+        backgroundColor: n ? "#f5f5f5" : "transparent",
+        cursor: u ? "pointer" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none"
       },
-      children: /* @__PURE__ */ c("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: s })
+      children: [
+        /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+        c && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: c })
+      ]
     }
   );
-}, ve = `
-@keyframes explore-memory-spinner {
-    to { transform: rotate(360deg); }
+};
+function Ee({
+  eventType: e,
+  completed: t
+}) {
+  return e === "ExploreMemoryError" ? /* @__PURE__ */ i("span", { style: { color: "#c62828", fontSize: 14, fontWeight: 600 }, children: "✗" }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ i("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : e === "ExploreMemoryStart" && t ? /* @__PURE__ */ i("span", { style: { color: "#999", fontSize: 14, fontWeight: 600 }, children: "✓" }) : null;
 }
-`;
-function xe() {
-  return /* @__PURE__ */ x(X, { children: [
-    /* @__PURE__ */ c("style", { children: ve }),
-    /* @__PURE__ */ c(
+const B = 80, Ae = ({ data: e, completed: t, isLatest: r = !1 }) => {
+  const [n, l] = w(!1), u = e.eventType === "ExploreMemoryResult" ? e.result : void 0, s = u != null && u.length > B, c = u != null ? n || !s ? u : `${u.slice(0, B)}...` : void 0, d = s;
+  if (e.eventType === "ExploreMemoryStart" && !t) {
+    const a = `Exploring ${e.memoryTitle}...`;
+    return /* @__PURE__ */ i(
       "div",
       {
         style: {
-          width: 12,
-          height: 12,
-          border: "2px solid #e0e0e0",
-          borderTopColor: "#666",
-          borderRadius: "50%",
-          animation: "explore-memory-spinner 0.8s linear infinite"
-        }
+          padding: "16px",
+          display: "flex",
+          alignItems: "center"
+        },
+        children: r ? /* @__PURE__ */ i(
+          F,
+          {
+            text: a,
+            duration: 2.5,
+            repeat: !0,
+            color: "#999",
+            shimmerColor: "#000"
+          }
+        ) : /* @__PURE__ */ i("span", { style: { fontSize: 13, color: "#999" }, children: a })
       }
-    )
-  ] });
-}
-function we({
-  eventType: e,
-  completed: t
-}) {
-  return e === "ExploreMemoryError" ? /* @__PURE__ */ c("span", { style: { color: "#c62828", fontSize: 14, fontWeight: 600 }, children: "✗" }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ c("span", { style: { color: "#2e7d32", fontSize: 14, fontWeight: 600 }, children: "✓" }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ c("span", { style: { color: "#2e7d32", fontSize: 14, fontWeight: 600 }, children: "✓" }) : /* @__PURE__ */ c(xe, {}) : null;
-}
-const z = 80, Ee = ({ data: e, completed: t }) => {
-  const [n, r] = k(!1), a = e.eventType === "ExploreMemoryResult" ? e.result : void 0, g = a != null && a.length > z, s = a != null ? n || !g ? a : `${a.slice(0, z)}...` : void 0, l = g;
-  return /* @__PURE__ */ c("div", { style: { padding: "16px" }, children: /* @__PURE__ */ x(
+    );
+  }
+  return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ k(
     v.div,
     {
-      initial: { opacity: 0, scale: 0.9 },
-      animate: { opacity: 1, scale: 1 },
-      transition: { duration: 0.25, delay: 0 },
-      onClick: l ? () => r((d) => !d) : void 0,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.25 },
+      onClick: d ? () => l((a) => !a) : void 0,
       style: {
-        display: "inline-flex",
+        paddingBottom: "12px",
+        borderBottom: "1px solid #eee",
+        display: "flex",
         flexDirection: "row",
         alignItems: "flex-start",
         gap: "10px",
-        padding: "8px 12px",
-        borderRadius: "8px",
-        border: "1px solid #e0e0e0",
-        backgroundColor: "#f9f9f9",
         minWidth: 0,
-        cursor: l ? "pointer" : "default",
-        transition: "background-color 0.15s ease"
+        cursor: d ? "pointer" : "default"
       },
-      onMouseEnter: l ? (d) => {
-        d.currentTarget.style.backgroundColor = "#f0f0f0";
-      } : void 0,
-      onMouseLeave: l ? (d) => {
-        d.currentTarget.style.backgroundColor = "#f9f9f9";
-      } : void 0,
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -1124,10 +1121,10 @@ const z = 80, Ee = ({ data: e, completed: t }) => {
               flexShrink: 0,
               width: 20
             },
-            children: /* @__PURE__ */ c(we, { eventType: e.eventType, completed: t })
+            children: /* @__PURE__ */ i(Ee, { eventType: e.eventType, completed: t })
           }
         ),
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ k(
           "div",
           {
             style: {
@@ -1137,8 +1134,8 @@ const z = 80, Ee = ({ data: e, completed: t }) => {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ c("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-              s != null && /* @__PURE__ */ c(
+              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+              c != null && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1147,10 +1144,10 @@ const z = 80, Ee = ({ data: e, completed: t }) => {
                     lineHeight: 1.4,
                     whiteSpace: n ? "pre-wrap" : void 0
                   },
-                  children: s
+                  children: c
                 }
               ),
-              l && /* @__PURE__ */ c(
+              d && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1167,62 +1164,62 @@ const z = 80, Ee = ({ data: e, completed: t }) => {
       ]
     }
   ) });
-}, Ie = ({
+}, Me = ({
   progressViewItems: e,
   streamToken: t,
-  fetchClientToken: n,
-  loadingText: r,
-  onSourceClick: a
+  fetchClientToken: r,
+  loadingText: n,
+  onSourceClick: l
 }) => {
-  const g = p(null);
+  const u = A(null);
   E(() => {
-    g.current && (g.current.scrollTop = g.current.scrollHeight);
+    u.current && (u.current.scrollTop = u.current.scrollHeight);
   }, [e.length]);
-  const s = (l) => {
-    const d = l.item.data;
+  const s = (c) => {
+    const d = c.item.data;
     if (d.taskType === "StreamingChatCompletion" && d.eventType === "Text")
-      return /* @__PURE__ */ c(U, { text: d.text });
+      return /* @__PURE__ */ i(z, { text: d.text });
     if (d.taskType === "StructuredChatCompletion" && d.eventType === "Json")
-      return /* @__PURE__ */ c(he, { data: d });
+      return /* @__PURE__ */ i(ve, { data: d });
     if (d.taskType === "StreamingMemoryTypeChatCompletion")
       switch (d.eventType) {
         case "Text":
-          return /* @__PURE__ */ c(U, { text: d.text });
+          return /* @__PURE__ */ i(z, { text: d.text });
         case "Search":
-          return /* @__PURE__ */ c(
-            Se,
+          return /* @__PURE__ */ i(
+            ke,
             {
               data: d,
-              isLatest: l.isLatest,
-              durationSeconds: l.durationSeconds
+              isLatest: c.isLatest,
+              durationSeconds: c.durationSeconds
             }
           );
         case "FindSources":
-          return /* @__PURE__ */ c(
-            Te,
+          return /* @__PURE__ */ i(
+            xe,
             {
               data: d,
-              isLatest: l.isLatest,
-              durationSeconds: l.durationSeconds
+              isLatest: c.isLatest,
+              durationSeconds: c.durationSeconds
             }
           );
         case "SourcesResult":
-          return /* @__PURE__ */ c(
-            be,
+          return /* @__PURE__ */ i(
+            we,
             {
               data: d,
-              onSourceClick: a
+              onSourceClick: l
             }
           );
         case "ExploreMemoryStart":
         case "ExploreMemoryResult":
         case "ExploreMemoryError":
-          return /* @__PURE__ */ c(
-            Ee,
+          return /* @__PURE__ */ i(
+            Ae,
             {
               data: d,
-              completed: l.completed,
-              isLatest: l.isLatest
+              completed: c.completed,
+              isLatest: c.isLatest
             }
           );
         case "Completed":
@@ -1230,20 +1227,20 @@ const z = 80, Ee = ({ data: e, completed: t }) => {
       }
     return d.taskType === "StreamingChatCompletion" && d.eventType === "Completed" || d.taskType === "StructuredChatCompletion" && d.eventType === "Completed", null;
   };
-  return e.length === 0 ? /* @__PURE__ */ c("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ c(
-    R,
+  return e.length === 0 ? /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
+    F,
     {
-      text: r ?? "Processing your task...",
+      text: n ?? "Processing your task...",
       duration: 1.5,
       repeat: !0,
       repeatDelay: 0,
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ c("div", { id: "agent-task-progress-verbose", ref: g, children: /* @__PURE__ */ c(B, { children: e.map((l, d) => /* @__PURE__ */ c(
+  ) }) : /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: u, children: /* @__PURE__ */ i(L, { children: e.map((c, d) => /* @__PURE__ */ i(
     v.div,
     {
-      id: `agent-task-progress-item-${l.item.progressItemId}`,
+      id: `agent-task-progress-item-${c.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
@@ -1251,186 +1248,31 @@ const z = 80, Ee = ({ data: e, completed: t }) => {
         delay: d * 0.1,
         ease: "easeOut"
       },
-      children: s(l)
+      children: s(c)
     },
-    l.item.progressItemId
+    c.item.progressItemId
   )) }) });
-}, Be = ({
+}, Le = ({
   agentTask: e,
   mode: t = "verbose",
-  streamToken: n,
-  fetchClientToken: r,
-  onSourceClick: a
+  streamToken: r,
+  fetchClientToken: n,
+  onSourceClick: l
 }) => {
-  const g = ge(e);
-  return t === "simple" ? /* @__PURE__ */ c(fe, { progressViewItems: g }) : /* @__PURE__ */ c(
-    Ie,
+  const u = be(e);
+  return t === "simple" ? /* @__PURE__ */ i(Te, { progressViewItems: u }) : /* @__PURE__ */ i(
+    Me,
     {
-      progressViewItems: g,
-      streamToken: n,
-      fetchClientToken: r,
+      progressViewItems: u,
+      streamToken: r,
+      fetchClientToken: n,
       loadingText: e.loadingText,
-      onSourceClick: a
+      onSourceClick: l
     }
   );
 };
-class Ae {
-  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((r) => {
-      const a = r.stream.id;
-      this.eventSources.has(a) || this.connectStream(r);
-    });
-    const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, a) => {
-      n.has(a) || (r.abort(), this.eventSources.delete(a));
-    });
-  }
-  connectStream(t) {
-    const n = t.stream.id, r = new AbortController();
-    this.eventSources.set(n, r);
-    const a = `${this.fency.baseUrl}/sse/streams/${n}`, g = {
-      "X-Fency-Publishable-Key": this.fency.publishableKey,
-      "X-Fency-Stream-Token": t.stream.token
-    };
-    j(a, {
-      headers: g,
-      signal: r.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 l = H(s.data);
-          this.broadcast(l, n);
-        }
-      },
-      onerror: (s) => {
-        throw console.error("EventSource error for stream", n, ":", s), this.broadcastError(n), s;
-      },
-      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((r) => {
-      r.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 pe = 12e4, Pe = (e) => {
-  const t = Date.now();
-  return e.filter((n) => t - n.createdAt < pe);
-};
-function Le({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, a] = k(
-    null
-  ), [g, s] = k(!0), [l, d] = k(null), [o, i] = k([]), m = p(null), u = p(null);
-  E(() => {
-    e.then((f) => {
-      a(f), s(!1);
-    }).catch((f) => {
-      d(f), s(!1);
-    });
-  }, [e]), E(() => {
-    r && !u.current && (u.current = new Ae(r));
-  }, [r]), E(() => {
-    u.current && u.current.updateStreams(o);
-  }, [o]), E(() => () => {
-    var f;
-    (f = u.current) == null || f.cleanup();
-  }, []);
-  const S = W(
-    async (f = 3e4) => {
-      if (m.current)
-        return m.current;
-      const h = Date.now(), b = o.length > 0 ? o[o.length - 1] : null;
-      if (b && h - b.createdAt < f)
-        return b.stream;
-      const I = (async () => {
-        if (!r)
-          throw new Error("Fency instance not initialized");
-        const w = await t(), A = await J({
-          pk: r.publishableKey,
-          baseUrl: r.baseUrl,
-          clientToken: (w == null ? void 0 : w.clientToken) ?? ""
-        });
-        if (A.type === "success") {
-          const M = {
-            stream: A.stream,
-            createdAt: Date.now()
-          };
-          return i((P) => {
-            const C = [...P, M];
-            return Pe(C);
-          }), m.current = null, A.stream;
-        } else
-          throw m.current = null, new Error("Failed to create stream");
-      })();
-      return m.current = I, I;
-    },
-    [r, o]
-  );
-  if (l)
-    return /* @__PURE__ */ x("div", { children: [
-      "Fency error: ",
-      l.message
-    ] });
-  if (!r)
-    return null;
-  const y = o.length > 0 ? o[o.length - 1] : null, T = {
-    fency: r,
-    loading: g,
-    error: l,
-    activeStreams: o,
-    latestStream: y,
-    eventManager: u.current,
-    getOrCreateStream: S
-  };
-  return /* @__PURE__ */ c(_.Provider, { value: T, children: n });
-}
 export {
-  Be as AgentTaskProgress,
-  fe as AgentTaskProgressSimple,
-  Ie as AgentTaskProgressVerbose,
-  Le as FencyProvider,
-  R as ShimmeringText,
-  U as StreamingChatCompletionText,
-  Ee as StreamingMemoryTypeChatCompletionExploreMemory,
-  Te as StreamingMemoryTypeChatCompletionFindSources,
-  Se as StreamingMemoryTypeChatCompletionSearch,
-  be as StreamingMemoryTypeChatCompletionSourcesResult,
-  he as StructuredChatCompletionJson,
-  ze as useAgentTasks,
-  N as useFencyContext,
-  We as useFencyEventSource,
-  $e as usePaginatedQuery,
-  oe as useStream
+  Le as AgentTaskProgress,
+  We as FencyProvider,
+  Ue as useAgentTasks
 };