@fencyai/react 0.1.111 → 0.1.113

package/dist/index.js

@@ -1,102 +1,100 @@
-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 $ = J(
+import { createAgentTask as q, createFileDownloadLink as V, createStream as X } from "@fencyai/js";
+import { createContext as J, useContext as Y, useState as w, useRef as P, useEffect as T, useCallback as U, useMemo as L } from "react";
+import { jsx as g, jsxs as E } from "react/jsx-runtime";
+import { useInView as Q, motion as A, AnimatePresence as W } from "motion/react";
+import D from "react-markdown";
+import { Prism as M } from "react-syntax-highlighter";
+import B from "remark-gfm";
+import './assets/index.css';const j = J(
   void 0
 );
 function F() {
-  const e = Q($);
+  const e = Y(j);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const p = (e) => {
+const Z = (e) => {
   try {
     const t = JSON.parse(e);
-    return ee(t);
+    return p(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, ee = (e) => {
+}, p = (e) => {
   if (!(typeof e == "object" && e !== null && "type" in e && "streamId" in e && "timestamp" in e))
     return null;
   switch (e.type) {
     case "StreamTimeout":
-      return te(e);
+      return ee(e);
     case "StreamNotFound":
-      return ne(e);
+      return te(e);
     case "AgentTaskProgressItemUpdated":
-      return re(e);
+      return ne(e);
   }
   return null;
-}, te = (e) => ({
+}, ee = (e) => ({
   type: "StreamTimeout",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ne = (e) => ({
+}), te = (e) => ({
   type: "StreamNotFound",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), re = (e) => ({
+}), ne = (e) => ({
   type: "AgentTaskProgressItemUpdated",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
   progressItemId: e.progressItemId,
-  title: e.title,
   timestamp: e.timestamp,
   createdAt: e.createdAt,
-  response: e.response,
-  progressItemType: e.progressItemType
-}), oe = (e) => {
-  const t = F(), [n, o] = v(null), a = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  data: JSON.parse(e.data)
+}), re = (e) => {
+  const t = F(), [r, n] = w(null), a = P(`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) {
+    const c = {
+      onMessage: (o, i) => {
+        var s, d, f, y, S, b, h, k, I, C;
+        const m = Z(o);
+        if (m)
+          switch (m.type) {
             case "NewChatCompletionStreamChunk":
-              (s = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || s.call(e, d);
+              (s = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || s.call(e, m);
               break;
             case "ChatCompletionStreamCompleted":
-              (c = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || c.call(e, d);
+              (d = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || d.call(e, m);
               break;
             case "StreamTimeout":
-              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, d);
+              (f = e == null ? void 0 : e.onStreamTimeout) == null || f.call(e, m);
               break;
             case "StreamNotFound":
-              (b = e == null ? void 0 : e.onStreamNotFound) == null || b.call(e, d);
+              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, m);
               break;
             case "FileUploadCompleted":
-              (h = e == null ? void 0 : e.onFileUploadCompleted) == null || h.call(e, d);
+              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, m);
               break;
             case "FileTextContentReady":
-              (k = e == null ? void 0 : e.onFileTextContentReady) == null || k.call(e, d);
+              (b = e == null ? void 0 : e.onFileTextContentReady) == null || b.call(e, m);
               break;
             case "WebsiteHtmlContentReady":
-              (y = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || y.call(e, d);
+              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, m);
               break;
             case "WebsiteTextContentReady":
-              (w = e == null ? void 0 : e.onWebsiteTextContentReady) == null || w.call(e, d);
+              (k = e == null ? void 0 : e.onWebsiteTextContentReady) == null || k.call(e, m);
               break;
             case "FileSearchIndexReady":
-              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, d);
+              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, m);
               break;
             case "AgentTaskProgressItemUpdated":
-              (C = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || C.call(e, d);
+              (C = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || C.call(e, m);
               break;
           }
       },
-      onError: (r) => {
+      onError: (o) => {
         var i;
         (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
-          streamId: r,
+          streamId: o,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -106,130 +104,114 @@ const p = (e) => {
     };
     return t.eventManager.subscribe(
       a.current,
-      l
+      c
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const l = await t.getOrCreateStream(e.fetchTokens, 3e4);
-        return o(l), {
+        const c = await t.getOrCreateStream(3e4);
+        return n(c), {
           type: "success",
-          stream: l
+          stream: c
         };
-      } catch (l) {
+      } catch (c) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: l instanceof Error ? l.message : "Failed to create stream"
+            message: c instanceof Error ? c.message : "Failed to create stream"
           }
         };
       }
     },
-    stream: n
+    stream: r
   };
-}, Ee = (e) => {
-  const t = F(), [n, o] = v([]), a = E(/* @__PURE__ */ new Set()), { createStream: g } = oe({
-    fetchTokens: e.fetchCreateStreamTokens,
-    onAgentTaskProgressItemUpdated: (r) => {
+}, Re = (e) => {
+  const t = F(), [r, n] = w([]), a = P(/* @__PURE__ */ new Set()), { createStream: u } = re({
+    onAgentTaskProgressItemUpdated: (o) => {
       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 s ? s.progressItems.map(
-          (m) => m.progressItemId
-        ).includes(r.progressItemId) ? [
-          ...d.filter((m) => m.streamId !== r.streamId),
-          {
-            ...s,
-            progressItems: s.progressItems.map(
-              (m) => m.progressItemId === r.progressItemId ? r : m
-            )
-          }
-        ] : [
-          ...d.filter(
-            (m) => m.streamId !== r.streamId
-          ),
-          {
-            ...s,
-            progressItems: [
-              ...s.progressItems,
-              r
-            ]
-          }
-        ] : d;
-      }));
+      a.current.has(o.agentTaskId) && ((i = e.onAgentTaskProgressItemUpdated) == null || i.call(e, o), n(
+        (m) => m.map((s) => {
+          if (s.streamId !== o.streamId) return s;
+          const f = s.progressItems.some(
+            (y) => y.progressItemId === o.progressItemId
+          ) ? s.progressItems.map(
+            (y) => y.progressItemId === o.progressItemId ? o : y
+          ) : [...s.progressItems, o];
+          return { ...s, progressItems: f };
+        })
+      ));
     },
-    onStreamError: (r) => {
+    onStreamError: (o) => {
       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);
+      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, o), n((m) => {
+        const s = m.find((d) => d.streamId === o.streamId);
         return s ? [
-          ...d.filter((c) => c.streamId !== r.streamId),
+          ...m.filter((d) => d.streamId !== o.streamId),
           {
             ...s,
             loading: !1,
-            error: r.error
+            error: o.error
           }
-        ] : d;
+        ] : m;
       });
     },
-    onStreamNotFound: (r) => {
+    onStreamNotFound: (o) => {
       var i;
-      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, r);
+      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, o);
     },
-    onStreamTimeout: (r) => {
+    onStreamTimeout: (o) => {
       var i;
-      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, r);
+      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, o);
     }
-  }), l = M(
-    async (r) => {
-      const i = await g();
+  }), c = U(
+    async (o) => {
+      const i = await u();
       if (i.type === "success") {
-        o([
-          ...n,
+        n([
+          ...r,
           {
             streamId: i.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-            data: null,
+            confirmedData: null,
             error: null,
-            prompt: r,
+            params: o,
             progressItems: [],
             loading: !0,
             doneStreaming: !1
           }
         ]);
-        const { clientToken: d } = await e.fetchClientToken(), s = await X({
+        const { clientToken: m } = await e.fetchCreateAgentTaskClientToken(o.type), s = await q({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: d,
+          clientToken: m,
           streamToken: i.stream.token,
           request: {
-            streamId: i.stream.id,
-            queryText: r.queryText,
-            jsonSchema: r.jsonSchema,
-            todos: r.todos
+            genericTask: o.type === "genericAgentTask" ? { queryText: o.query, jsonSchema: o.jsonSchema } : void 0,
+            streamingChatCompletionTask: o.type === "streamingChatCompletion" ? { prompt: o.prompt } : void 0
           }
         });
         if (s.type === "success" && s.agentTask)
-          return a.current.add(s.agentTask.id), o((c) => [
-            ...c.filter(
-              (m) => m.streamId !== i.stream.id
+          return a.current.add(
+            s.agentTask.id
+          ), n((d) => [
+            ...d.filter(
+              (f) => f.streamId !== i.stream.id
             ),
             {
               streamId: i.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              data: {
-                id: s.agentTask.id,
-                createdAt: s.agentTask.createdAt,
-                streamId: i.stream.id
-              },
+              taskId: s.agentTask.id,
+              createdAt: s.agentTask.createdAt,
               error: null,
-              prompt: r,
+              params: o,
               progressItems: [],
               doneStreaming: !1,
-              loading: !0
+              loading: !0,
+              confirmedData: {
+                taskId: s.agentTask.id,
+                createdAt: s.agentTask.createdAt
+              }
             }
           ]), {
             type: "success",
@@ -237,126 +219,126 @@ const p = (e) => {
             agentTaskId: s.agentTask.id
           };
         if (s.type === "error")
-          return o((c) => [
-            ...c.filter(
-              (m) => m.streamId !== i.stream.id
+          return n((d) => [
+            ...d.filter(
+              (f) => f.streamId !== i.stream.id
             ),
             {
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
               streamId: i.stream.id,
-              prompt: r,
+              params: o,
               error: s.error,
               progressItems: [],
               loading: !1,
               doneStreaming: !1,
-              data: null
+              confirmedData: null
             }
           ]), {
             type: "error",
             error: s.error
           };
         {
-          const c = {
+          const d = {
             message: "No response received",
             code: "UnknownError"
           };
-          return o((m) => [
-            ...m.filter(
-              (b) => b.streamId !== i.stream.id
+          return n((f) => [
+            ...f.filter(
+              (y) => y.streamId !== i.stream.id
             ),
             {
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
               streamId: i.stream.id,
-              error: c,
-              prompt: r,
+              error: d,
+              params: o,
               progressItems: [],
               loading: !1,
               doneStreaming: !1,
-              data: null
+              confirmedData: null
             }
           ]), {
             type: "error",
-            error: c
+            error: d
           };
         }
       } else
         return console.error(i.error), i;
     },
-    [t, n, g]
-  ), u = H(() => n.sort((r, i) => new Date(i.triggeredAt).getTime() - new Date(r.triggeredAt).getTime())[0], [n]);
+    [t, r, u]
+  ), l = L(() => r.sort((o, i) => new Date(i.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0], [r]);
   return T(() => () => {
     a.current.clear();
   }, []), {
-    agentTasks: n,
-    createAgentTask: l,
-    latest: u
+    agentTasks: r,
+    createAgentTask: c,
+    latest: l
   };
 };
 async function ae(e, t) {
-  const n = e.getReader();
-  let o;
-  for (; !(o = await n.read()).done; )
-    t(o.value);
+  const r = e.getReader();
+  let n;
+  for (; !(n = await r.read()).done; )
+    t(n.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);
+function oe(e) {
+  let t, r, n, a = !1;
+  return function(c) {
+    t === void 0 ? (t = c, r = 0, n = -1) : t = se(t, c);
+    const l = t.length;
+    let o = 0;
+    for (; r < l; ) {
+      a && (t[r] === 10 && (o = ++r), a = !1);
       let i = -1;
-      for (; n < u && i === -1; ++n)
-        switch (t[n]) {
+      for (; r < l && i === -1; ++r)
+        switch (t[r]) {
           case 58:
-            o === -1 && (o = n - r);
+            n === -1 && (n = r - o);
             break;
           case 13:
             a = !0;
           case 10:
-            i = n;
+            i = r;
             break;
         }
       if (i === -1)
         break;
-      e(t.subarray(r, i), o), r = n, o = -1;
+      e(t.subarray(o, i), n), o = r, n = -1;
     }
-    r === u ? t = void 0 : r !== 0 && (t = t.subarray(r), n -= r);
+    o === l ? t = void 0 : o !== 0 && (t = t.subarray(o), r -= o);
   };
 }
-function se(e, t, n) {
-  let o = _();
+function ie(e, t, r) {
+  let n = H();
   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) {
+  return function(c, l) {
+    if (c.length === 0)
+      r == null || r(n), n = H();
+    else if (l > 0) {
+      const o = a.decode(c.subarray(0, l)), i = l + (c[l + 1] === 32 ? 2 : 1), m = a.decode(c.subarray(i));
+      switch (o) {
         case "data":
-          o.data = o.data ? o.data + `
-` + d : d;
+          n.data = n.data ? n.data + `
+` + m : m;
           break;
         case "event":
-          o.event = d;
+          n.event = m;
           break;
         case "id":
-          e(o.id = d);
+          e(n.id = m);
           break;
         case "retry":
-          const s = parseInt(d, 10);
-          isNaN(s) || t(o.retry = s);
+          const s = parseInt(m, 10);
+          isNaN(s) || t(n.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 se(e, t) {
+  const r = new Uint8Array(e.length + t.length);
+  return r.set(e), r.set(t, e.length), r;
 }
-function _() {
+function H() {
   return {
     data: "",
     event: "",
@@ -364,70 +346,70 @@ function _() {
     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]);
+var ce = function(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   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;
+    for (var a = 0, n = Object.getOwnPropertySymbols(e); a < n.length; a++)
+      t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (r[n[a]] = e[n[a]]);
+  return r;
 };
-const 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();
+const O = "text/event-stream", le = 1e3, G = "last-event-id";
+function $(e, t) {
+  var { signal: r, headers: n, onopen: a, onmessage: u, onclose: c, onerror: l, openWhenHidden: o, fetch: i } = t, m = ce(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((s, d) => {
+    const f = Object.assign({}, n);
+    f.accept || (f.accept = O);
+    let y;
+    function S() {
+      y.abort(), document.hidden || x();
     }
-    r || document.addEventListener("visibilitychange", h);
-    let k = de, y = 0;
-    function w() {
-      document.removeEventListener("visibilitychange", h), window.clearTimeout(y), b.abort();
+    o || document.addEventListener("visibilitychange", S);
+    let b = le, h = 0;
+    function k() {
+      document.removeEventListener("visibilitychange", S), window.clearTimeout(h), y.abort();
     }
-    n == null || n.addEventListener("abort", () => {
-      w(), s();
+    r == null || r.addEventListener("abort", () => {
+      k(), s();
     });
-    const I = i ?? window.fetch, C = a ?? ue;
-    async function A() {
-      var R;
-      b = new AbortController();
+    const I = i ?? window.fetch, C = a ?? de;
+    async function x() {
+      var N;
+      y = 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)
+        const R = await I(e, Object.assign(Object.assign({}, m), { headers: f, signal: y.signal }));
+        await C(R), await ae(R.body, oe(ie((v) => {
+          v ? f[G] = v : delete f[G];
+        }, (v) => {
+          b = v;
+        }, u))), c == null || c(), k(), s();
+      } catch (R) {
+        if (!y.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);
+            const v = (N = l == null ? void 0 : l(R)) !== null && N !== void 0 ? N : b;
+            window.clearTimeout(h), h = window.setTimeout(x, v);
+          } catch (v) {
+            k(), d(v);
           }
       }
     }
-    A();
+    x();
   });
 }
-function ue(e) {
+function de(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}`);
+  if (!(t != null && t.startsWith(O)))
+    throw new Error(`Expected content-type to be ${O}, Actual: ${t}`);
 }
-function xe(e) {
-  const [t, n] = v(null);
+function Ne(e) {
+  const [t, r] = w(null);
   return T(() => {
     if (!t)
       return;
-    const o = new AbortController();
-    return q(t, {
+    const n = new AbortController();
+    return $(t, {
       headers: e == null ? void 0 : e.headers,
-      signal: o.signal,
+      signal: n.signal,
       async onopen(a) {
         if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
           throw new Error(`Client error ${a.status}`);
@@ -435,59 +417,59 @@ function xe(e) {
       onmessage(a) {
         a.data && (e == null || e.onMessage({
           url: t,
-          data: G(a.data)
+          data: K(a.data)
         }));
       },
       onerror(a) {
-        throw console.error("EventSource error:", a), e == null || e.onError(t), n(null), a;
+        throw console.error("EventSource error:", a), e == null || e.onError(t), r(null), a;
       },
       onclose() {
       }
     }), () => {
-      o.abort();
+      n.abort();
     };
   }, [t, e == null ? void 0 : e.headers]), {
-    setSourceUrl: n,
+    setSourceUrl: r,
     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 K(e) {
+  const t = atob(e), r = new Uint8Array(t.length);
+  for (let n = 0; n < t.length; n++)
+    r[n] = t.charCodeAt(n);
+  return new TextDecoder("utf-8").decode(r);
 }
-function Pe(e, t) {
-  const [n, o] = v(
+function Fe(e, t) {
+  const [r, n] = w(
     null
-  ), [a, g] = v(
+  ), [a, u] = w(
     null
-  ), 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,
+  ), c = F(), l = async (s) => {
+    const d = await s.fetchTokens(), { fetchTokens: f, nextPageToken: y, previousPageToken: S, ...b } = s, h = await e({
+      pk: c.fency.publishableKey,
+      clientToken: d.clientToken,
+      streamToken: d.streamToken,
       request: {
-        ...k,
+        ...b,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
         pagination: {
-          nextPageToken: b,
-          previousPageToken: h
+          nextPageToken: y,
+          previousPageToken: S
         }
       },
-      baseUrl: l.fency.baseUrl
+      baseUrl: c.fency.baseUrl
     });
-    return y.type === "success" && y.items && y.pagination ? {
+    return h.type === "success" && h.items && h.pagination ? {
       type: "success",
       page: {
-        items: y.items,
-        hasNextPage: y.pagination.nextPageToken != null,
-        hasPreviousPage: y.pagination.previousPageToken != null,
-        pagination: y.pagination
+        items: h.items,
+        hasNextPage: h.pagination.nextPageToken != null,
+        hasPreviousPage: h.pagination.previousPageToken != null,
+        pagination: h.pagination
       }
     } : {
       type: "error",
-      error: y.error ?? {
+      error: h.error ?? {
         code: "UNKNOWN_ERROR",
         message: "An unknown error occurred"
       }
@@ -495,12 +477,12 @@ function Pe(e, t) {
   };
   return {
     fetchFirstPage: async (s) => {
-      const c = await u({
+      const d = await l({
         ...s,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return c.type === "success" && (g(c.page), o(s)), c;
+      return d.type === "success" && (u(d.page), n(s)), d;
     },
     fetchNextPage: async (s) => {
       if (a == null)
@@ -519,12 +501,12 @@ function Pe(e, t) {
             message: "No next page"
           }
         };
-      const c = await u({
+      const d = await l({
         ...s,
         nextPageToken: a.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return c.type === "success" && (g(c.page), o(s)), c;
+      return d.type === "success" && (u(d.page), n(s)), d;
     },
     fetchPreviousPage: async (s) => {
       if (a == null)
@@ -543,24 +525,186 @@ function Pe(e, t) {
             message: "No previous page"
           }
         };
-      const c = await u({
+      const d = await l({
         ...s,
         nextPageToken: void 0,
         previousPageToken: a.pagination.previousPageToken
       });
-      return c.type === "success" && (g(c.page), o(s)), c;
+      return d.type === "success" && (u(d.page), n(s)), d;
     },
-    refetchCurrentPage: async () => n == null ? {
+    refetchCurrentPage: async () => r == null ? {
       type: "error",
       error: {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : u(n),
+    } : l(r),
     currentPage: a
   };
 }
-const K = {
+function ue(e) {
+  return e.progressItems.map((t, r) => {
+    const n = e.progressItems[r + 1], a = n != null;
+    let u;
+    if (n != null && n.createdAt) {
+      const c = new Date(t.createdAt).getTime(), l = new Date(n.createdAt).getTime();
+      u = Math.round((l - c) / 1e3);
+    }
+    return {
+      item: t,
+      completed: a,
+      isLatest: r === e.progressItems.length - 1,
+      durationSeconds: u
+    };
+  });
+}
+function _({
+  text: e,
+  duration: t = 2,
+  delay: r = 0,
+  repeat: n = !0,
+  repeatDelay: a = 0.5,
+  className: u,
+  startOnView: c = !1,
+  once: l = !1,
+  inViewMargin: o,
+  spread: i = 2,
+  color: m = "#999",
+  shimmerColor: s = "#000",
+  direction: d = "fromBottom"
+}) {
+  const f = P(null), y = Q(f, { once: l, margin: o }), S = L(() => e.length * i, [e, i]), b = !c || y, h = d === "fromBottom" ? "100% center" : "-100% center", k = d === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ g(
+    A.span,
+    {
+      ref: f,
+      className: u,
+      style: {
+        position: "relative",
+        display: "inline-block",
+        backgroundSize: "250% 100%, auto",
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
+        color: "transparent",
+        WebkitTextFillColor: "transparent",
+        backgroundRepeat: "no-repeat, padding-box",
+        "--spread": `${S}px`,
+        "--base-color": m,
+        "--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))"
+      },
+      initial: {
+        backgroundPosition: h,
+        opacity: 0
+      },
+      animate: b ? {
+        backgroundPosition: k,
+        opacity: 1
+      } : {},
+      transition: {
+        backgroundPosition: {
+          repeat: n ? 1 / 0 : 0,
+          duration: t,
+          delay: r,
+          repeatDelay: a,
+          ease: "linear"
+        },
+        opacity: {
+          duration: 0.3,
+          delay: r
+        }
+      },
+      children: e
+    }
+  );
+}
+function me(e) {
+  const t = e.item.data;
+  switch (t.type) {
+    case "GenericAgentTaskExecution":
+      return t.title;
+    case "GenericAgentTaskReasoning":
+      return t.title;
+    case "GenericAgentTaskFinalResponse":
+      return "Generating answer...";
+    case "StreamingChatCompletionResponse":
+      return "Streaming...";
+  }
+}
+const ge = ({
+  progressViewItems: e
+}) => {
+  const t = e[e.length - 1];
+  if (!t) return null;
+  const r = me(t);
+  return /* @__PURE__ */ g("div", { className: "simple-mode-container", children: /* @__PURE__ */ g(W, { mode: "wait", children: /* @__PURE__ */ g(
+    A.div,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      transition: { duration: 0.3 },
+      children: t.completed ? /* @__PURE__ */ g("div", { className: "simple-mode-title", style: { color: "#666" }, children: r }) : /* @__PURE__ */ g(
+        _,
+        {
+          text: r,
+          className: "simple-mode-title",
+          duration: 2.5,
+          repeat: !0,
+          color: "#999",
+          shimmerColor: "#000"
+        }
+      )
+    },
+    t.item.progressItemId
+  ) }) });
+}, fe = ({
+  data: e,
+  isLatest: t = !1,
+  durationSeconds: r
+}) => /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ g(
+    A.div,
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "10px",
+        color: "#666"
+      },
+      initial: { opacity: 0, y: -10 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3, delay: 0 },
+      children: t && !r ? /* @__PURE__ */ g(
+        _,
+        {
+          text: e.title,
+          duration: 2.5,
+          repeat: !0,
+          color: "#999",
+          shimmerColor: "#000"
+        }
+      ) : /* @__PURE__ */ g("span", { style: { color: "#666" }, children: e.title })
+    }
+  ),
+  r !== void 0 && /* @__PURE__ */ E(
+    "div",
+    {
+      style: {
+        fontSize: "12px",
+        color: "#999",
+        marginTop: "4px",
+        fontStyle: "italic"
+      },
+      children: [
+        "Took ",
+        r,
+        " seconds"
+      ]
+    }
+  )
+] }), z = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -711,489 +855,297 @@ const K = {
   italic: {
     fontStyle: "italic"
   }
-}, me = ({
-  markdown: e,
+}, ye = ({
+  data: e,
   streamToken: t,
-  fetchClientToken: n,
-  durationSeconds: o
+  fetchClientToken: r,
+  durationSeconds: n
 }) => {
-  const { fency: a } = F(), g = M(
-    async (l) => {
+  const { fency: a } = F(), u = U(
+    async (c) => {
       try {
-        const { clientToken: u } = await n(), r = await V({
+        const { clientToken: l } = await r(), o = await V({
           pk: a.publishableKey,
           baseUrl: a.baseUrl,
-          clientToken: u,
+          clientToken: l,
           streamToken: t,
-          request: {
-            fileId: l
-          }
+          request: { fileId: c }
         });
-        r.type === "success" && window.open(r.downloadLink, "_blank");
-      } catch (u) {
-        console.error("Failed to download file:", u);
+        o.type === "success" && window.open(o.downloadLink, "_blank");
+      } catch (l) {
+        console.error("Failed to download file:", l);
       }
     },
-    [a, t, n]
+    [a, t, r]
   );
-  return /* @__PURE__ */ x(
-    "div",
-    {
-      style: {
-        padding: "16px"
-      },
-      children: [
-        /* @__PURE__ */ f(
-          P.div,
+  return /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ g(
+      A.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(
+          D,
           {
-            className: "fency-markdown-body-raw",
-            initial: { opacity: 0, y: -10 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.3, delay: 0 },
-            children: /* @__PURE__ */ f(
-              W,
-              {
-                remarkPlugins: [L],
-                components: {
-                  code(l) {
-                    const { children: u, className: r, node: i, ref: d, ...s } = l, c = /language-(\w+)/.exec(r || "");
-                    return c ? /* @__PURE__ */ f(
-                      j,
-                      {
-                        ...s,
-                        PreTag: "div",
-                        children: String(u).replace(
-                          /\n$/,
-                          ""
-                        ),
-                        language: c[1],
-                        style: K
-                      }
-                    ) : /* @__PURE__ */ f("code", { ...s, className: r, children: String(u) });
-                  },
-                  a(l) {
-                    const { children: u, href: r, ...i } = l;
-                    return /* @__PURE__ */ f(
-                      "a",
-                      {
-                        ...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: u
-                      }
-                    );
+            remarkPlugins: [B],
+            components: {
+              code(c) {
+                const { children: l, className: o, node: i, ref: m, ...s } = c, d = /language-(\w+)/.exec(o || "");
+                return d ? /* @__PURE__ */ g(
+                  M,
+                  {
+                    ...s,
+                    PreTag: "div",
+                    children: String(l).replace(/\n$/, ""),
+                    language: d[1],
+                    style: z
+                  }
+                ) : /* @__PURE__ */ g("code", { ...s, className: o, children: String(l) });
+              },
+              a(c) {
+                const { children: l, href: o, ...i } = c;
+                return /* @__PURE__ */ g(
+                  "a",
+                  {
+                    ...i,
+                    href: o,
+                    onClick: (m) => {
+                      if (!o) return;
+                      const s = o.match(
+                        /\/files\/(fil_[a-zA-Z0-9]+)\/download/
+                      );
+                      s && (m.preventDefault(), u(s[1]));
+                    },
+                    children: l
                   }
-                },
-                children: e
+                );
               }
-            )
-          }
-        ),
-        o !== void 0 && /* @__PURE__ */ x(
-          "div",
-          {
-            style: {
-              fontSize: "12px",
-              color: "#999",
-              marginTop: "8px",
-              fontStyle: "italic"
             },
-            children: [
-              "Thought for ",
-              o,
-              " seconds"
-            ]
+            children: e.response
           }
         )
-      ]
-    }
-  );
-};
-function D({
-  text: e,
-  duration: t = 2,
-  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 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: m,
-      className: g,
-      style: {
-        position: "relative",
-        display: "inline-block",
-        backgroundSize: "250% 100%, auto",
-        backgroundClip: "text",
-        WebkitBackgroundClip: "text",
-        color: "transparent",
-        WebkitTextFillColor: "transparent",
-        backgroundRepeat: "no-repeat, padding-box",
-        "--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))"
-      },
-      initial: {
-        backgroundPosition: y,
-        opacity: 0
-      },
-      animate: k ? {
-        backgroundPosition: w,
-        opacity: 1
-      } : {},
-      transition: {
-        backgroundPosition: {
-          repeat: o ? 1 / 0 : 0,
-          duration: t,
-          delay: n,
-          repeatDelay: a,
-          ease: "linear"
+      }
+    ),
+    n !== void 0 && /* @__PURE__ */ E(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "8px",
+          fontStyle: "italic"
         },
-        opacity: {
-          duration: 0.3,
-          delay: n
-        }
-      },
-      children: e
-    }
-  );
-}
-const ge = ({
-  title: e,
+        children: [
+          "Thought for ",
+          n,
+          " seconds"
+        ]
+      }
+    )
+  ] });
+}, he = ({
+  data: e,
   completed: t,
-  isLatest: n = !1,
-  durationSeconds: o
-}) => /* @__PURE__ */ x(
-  "div",
-  {
-    style: {
-      padding: "16px"
-    },
-    children: [
-      /* @__PURE__ */ f(
-        P.div,
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: "10px",
-            color: "#666"
-          },
-          initial: { opacity: 0, y: -10 },
-          animate: { opacity: 1, y: 0 },
-          transition: { duration: 0.3, delay: 0 },
-          children: n && !o ? /* @__PURE__ */ f(
-            D,
-            {
-              text: e,
-              duration: 2.5,
-              repeat: !0,
-              color: "#999",
-              shimmerColor: "#000"
-            }
-          ) : /* @__PURE__ */ f("span", { style: { color: "#666" }, children: e })
-        }
-      ),
-      o !== void 0 && /* @__PURE__ */ x(
-        "div",
-        {
-          style: {
-            fontSize: "12px",
-            color: "#999",
-            marginTop: "4px",
-            fontStyle: "italic"
-          },
-          children: [
-            "Thought for ",
-            o,
-            " seconds"
-          ]
-        }
-      ),
-      /* @__PURE__ */ f("style", { children: `
-                    @keyframes spin {
-                        to { transform: rotate(360deg); }
-                    }
-                ` })
-    ]
-  }
-), fe = ({
-  title: e,
-  markdown: t,
-  completed: n,
-  isLatest: o = !1,
-  durationSeconds: a
+  isLatest: r = !1,
+  durationSeconds: n
 }) => {
-  const g = E(null);
+  const a = P(null);
   return T(() => {
-    g.current && !n && (g.current.scrollTop = g.current.scrollHeight);
-  }, [t, n]), /* @__PURE__ */ x(
-    "div",
-    {
-      style: {
-        padding: "16px"
-      },
-      children: [
-        /* @__PURE__ */ f(
-          P.h3,
+    a.current && !t && (a.current.scrollTop = a.current.scrollHeight);
+  }, [e.reasoning, t]), /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ g(
+      A.h3,
+      {
+        style: { marginBottom: "10px", color: "#666" },
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3, delay: 0 },
+        children: r && !n ? /* @__PURE__ */ g(
+          _,
           {
-            style: { marginBottom: "10px", color: "#666" },
-            initial: { opacity: 0, y: -10 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.3, delay: 0 },
-            children: o && !a ? /* @__PURE__ */ f(
-              D,
-              {
-                text: e,
-                duration: 2.5,
-                repeat: !0,
-                color: "#999",
-                shimmerColor: "#000"
-              }
-            ) : e
+            text: e.title,
+            duration: 2.5,
+            repeat: !0,
+            color: "#999",
+            shimmerColor: "#000"
           }
-        ),
-        /* @__PURE__ */ f(
-          P.div,
+        ) : e.title
+      }
+    ),
+    /* @__PURE__ */ g(
+      A.div,
+      {
+        ref: a,
+        style: {
+          maxHeight: "100px",
+          overflowY: "auto",
+          border: "1px solid #e0e0e0",
+          borderRadius: "8px",
+          padding: "12px",
+          opacity: 0.5,
+          backgroundColor: "#f9f9f9"
+        },
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 0.5, y: 0 },
+        transition: { duration: 0.3, delay: 0.1 },
+        children: /* @__PURE__ */ g("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ g(
+          D,
           {
-            ref: g,
-            style: {
-              maxHeight: "100px",
-              overflowY: "auto",
-              border: "1px solid #e0e0e0",
-              borderRadius: "8px",
-              padding: "12px",
-              opacity: 0.5,
-              backgroundColor: "#f9f9f9"
-            },
-            initial: { opacity: 0, y: -10 },
-            animate: { opacity: 0.5, y: 0 },
-            transition: { duration: 0.3, delay: 0.1 },
-            children: /* @__PURE__ */ f("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ f(
-              W,
-              {
-                remarkPlugins: [L],
-                components: {
-                  code(l) {
-                    const {
-                      children: u,
-                      className: r,
-                      node: i,
-                      ref: d,
-                      ...s
-                    } = l, c = /language-(\w+)/.exec(
-                      r || ""
-                    );
-                    return c ? /* @__PURE__ */ f(
-                      j,
-                      {
-                        ...s,
-                        PreTag: "div",
-                        children: String(u).replace(
-                          /\n$/,
-                          ""
-                        ),
-                        language: c[1],
-                        style: K
-                      }
-                    ) : /* @__PURE__ */ f("code", { ...s, className: r, children: String(u) });
+            remarkPlugins: [B],
+            components: {
+              code(u) {
+                const { children: c, className: l, node: o, ref: i, ...m } = u, s = /language-(\w+)/.exec(l || "");
+                return s ? /* @__PURE__ */ g(
+                  M,
+                  {
+                    ...m,
+                    PreTag: "div",
+                    children: String(c).replace(/\n$/, ""),
+                    language: s[1],
+                    style: z
                   }
-                },
-                children: t
+                ) : /* @__PURE__ */ g("code", { ...m, className: l, children: String(c) });
               }
-            ) })
-          }
-        ),
-        a !== void 0 && /* @__PURE__ */ x(
-          "div",
-          {
-            style: {
-              fontSize: "12px",
-              color: "#999",
-              marginTop: "8px",
-              fontStyle: "italic"
             },
-            children: [
-              "Thought for ",
-              a,
-              " seconds"
-            ]
+            children: e.reasoning
           }
-        )
-      ]
-    }
-  );
-}, 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,
-        isLatest: t,
-        durationSeconds: e.durationSeconds
+        ) })
       }
-    );
-  if (a === O.REASONING)
-    return /* @__PURE__ */ f(
-      fe,
+    ),
+    n !== void 0 && /* @__PURE__ */ E(
+      "div",
       {
-        title: e.title,
-        markdown: e.markdown,
-        completed: e.completed,
-        isLatest: t,
-        durationSeconds: e.durationSeconds
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "8px",
+          fontStyle: "italic"
+        },
+        children: [
+          "Thought for ",
+          n,
+          " seconds"
+        ]
       }
-    );
-  if (a === O.FINAL_RESPONSE)
-    return /* @__PURE__ */ f(
-      me,
+    )
+  ] });
+}, be = ({
+  data: e
+}) => /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: /* @__PURE__ */ g(
+  A.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(
+      D,
       {
-        markdown: e.markdown,
-        streamToken: n,
-        fetchClientToken: o,
-        durationSeconds: e.durationSeconds
-      }
-    );
-  throw new Error(`Unknown state: ${a}`);
-}, Ne = ({
-  agentTask: e,
-  mode: t = "verbose",
-  placeholderMessage: n = "Processing your request",
-  streamToken: o,
-  fetchClientToken: a
-}) => {
-  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);
+        remarkPlugins: [B],
+        components: {
+          code(t) {
+            const { children: r, className: n, node: a, ref: u, ...c } = t, l = /language-(\w+)/.exec(n || "");
+            return l ? /* @__PURE__ */ g(
+              M,
+              {
+                ...c,
+                PreTag: "div",
+                children: String(r).replace(/\n$/, ""),
+                language: l[1],
+                style: z
+              }
+            ) : /* @__PURE__ */ g("code", { ...c, className: n, children: String(r) });
+          }
+        },
+        children: e.response
       }
-      const k = h != null;
-      return {
-        id: c.progressItemId,
-        title: c.title,
-        markdown: c.response || "",
-        state: c.progressItemType,
-        completed: k,
-        startedAt: c.createdAt,
-        durationSeconds: b
-      };
-    });
-    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 s = {
-      id: "placeholder",
-      title: n,
-      markdown: "",
-      state: O.EXECUTION,
-      completed: d != null,
-      durationSeconds: i
-    };
-    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 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: i ? /* @__PURE__ */ f(
-          "div",
+    )
+  }
+) }), ke = ({ progressViewItems: e, streamToken: t, fetchClientToken: r }) => {
+  const n = P(null);
+  T(() => {
+    n.current && (n.current.scrollTop = n.current.scrollHeight);
+  }, [e.length]);
+  const a = (u) => {
+    switch (u.item.data.type) {
+      case "GenericAgentTaskExecution":
+        return /* @__PURE__ */ g(
+          fe,
           {
-            className: "simple-mode-title",
-            style: {
-              color: "#666"
-            },
-            children: r.title
+            data: u.item.data,
+            completed: u.completed,
+            isLatest: u.isLatest,
+            durationSeconds: u.durationSeconds
           }
-        ) : /* @__PURE__ */ f(
-          D,
+        );
+      case "GenericAgentTaskReasoning":
+        return /* @__PURE__ */ g(
+          he,
           {
-            text: r.title,
-            className: "simple-mode-title",
-            duration: 2.5,
-            repeat: !0,
-            color: "#999",
-            shimmerColor: "#000"
+            data: u.item.data,
+            completed: u.completed,
+            isLatest: u.isLatest,
+            durationSeconds: u.durationSeconds
           }
-        )
-      },
-      r.id
-    ) }) });
-  }
-  return /* @__PURE__ */ f(
+        );
+      case "GenericAgentTaskFinalResponse":
+        return /* @__PURE__ */ g(
+          ye,
+          {
+            data: u.item.data,
+            streamToken: t,
+            fetchClientToken: r,
+            durationSeconds: u.durationSeconds
+          }
+        );
+      case "StreamingChatCompletionResponse":
+        return /* @__PURE__ */ g(be, { data: u.item.data });
+    }
+  };
+  return /* @__PURE__ */ g(
     "div",
     {
-      ref: u,
+      ref: n,
       style: {
         flex: 1,
         overflowY: "auto",
         minHeight: 0
-        // Important for flex scroll
       },
-      children: /* @__PURE__ */ f(B, { children: g.length > 0 && g.map((r, i) => /* @__PURE__ */ f(
-        P.div,
+      children: /* @__PURE__ */ g(W, { children: e.map((u, c) => /* @__PURE__ */ g(
+        A.div,
         {
           initial: { opacity: 0, y: -20 },
           animate: { opacity: 1, y: 0 },
           transition: {
             duration: 0.4,
-            delay: i * 0.1,
-            // Stagger effect
+            delay: c * 0.1,
             ease: "easeOut"
           },
-          children: /* @__PURE__ */ f(
-            he,
-            {
-              message: r,
-              isLatest: i === g.length - 1,
-              streamToken: o,
-              fetchClientToken: a
-            }
-          )
+          children: a(u)
         },
-        r.id
+        u.item.progressItemId
       )) })
     }
   );
+}, Oe = ({
+  agentTask: e,
+  mode: t = "verbose",
+  streamToken: r,
+  fetchClientToken: n
+}) => {
+  const a = ue(e);
+  return t === "simple" ? /* @__PURE__ */ g(ge, { progressViewItems: a }) : /* @__PURE__ */ g(
+    ke,
+    {
+      progressViewItems: a,
+      streamToken: r,
+      fetchClientToken: n
+    }
+  );
 };
-class ye {
+class Se {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -1202,37 +1154,37 @@ class ye {
    * Creates new connections and removes old ones.
    */
   updateStreams(t) {
-    t.forEach((o) => {
-      const a = o.stream.id;
-      this.eventSources.has(a) || this.connectStream(o);
+    t.forEach((n) => {
+      const a = n.stream.id;
+      this.eventSources.has(a) || this.connectStream(n);
     });
-    const n = new Set(t.map((o) => o.stream.id));
-    this.eventSources.forEach((o, a) => {
-      n.has(a) || (o.abort(), this.eventSources.delete(a));
+    const r = new Set(t.map((n) => n.stream.id));
+    this.eventSources.forEach((n, a) => {
+      r.has(a) || (n.abort(), this.eventSources.delete(a));
     });
   }
   connectStream(t) {
-    const n = t.stream.id, o = new AbortController();
-    this.eventSources.set(n, o);
-    const a = `${this.fency.baseUrl}/sse/streams/${n}`, g = {
+    const r = t.stream.id, n = new AbortController();
+    this.eventSources.set(r, n);
+    const a = `${this.fency.baseUrl}/sse/streams/${r}`, u = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    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}`);
+    $(a, {
+      headers: u,
+      signal: n.signal,
+      async onopen(c) {
+        if (!c.ok && c.status >= 400 && c.status < 500 && c.status !== 429)
+          throw new Error(`Client error ${c.status}`);
       },
-      onmessage: (l) => {
-        if (l.data) {
-          const u = G(l.data);
-          this.broadcast(u, n);
+      onmessage: (c) => {
+        if (c.data) {
+          const l = K(c.data);
+          this.broadcast(l, r);
         }
       },
-      onerror: (l) => {
-        throw console.error("EventSource error for stream", n, ":", l), this.broadcastError(n), l;
+      onerror: (c) => {
+        throw console.error("EventSource error for stream", r, ":", c), this.broadcastError(r), c;
       },
       onclose() {
       }
@@ -1242,19 +1194,19 @@ class ye {
    * Subscribe to events from all active streams.
    * Returns an unsubscribe function.
    */
-  subscribe(t, n) {
-    return this.subscribers.set(t, n), () => {
+  subscribe(t, r) {
+    return this.subscribers.set(t, r), () => {
       this.subscribers.delete(t);
     };
   }
-  broadcast(t, n) {
-    this.subscribers.forEach((o) => {
-      o.onMessage(t, n);
+  broadcast(t, r) {
+    this.subscribers.forEach((n) => {
+      n.onMessage(t, r);
     });
   }
   broadcastError(t) {
-    this.subscribers.forEach((n) => {
-      n.onError(t);
+    this.subscribers.forEach((r) => {
+      r.onError(t);
     });
   }
   /**
@@ -1264,88 +1216,90 @@ class ye {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const be = 12e4, we = (e) => {
+const ve = 12e4, we = (e) => {
   const t = Date.now();
-  return e.filter((n) => t - n.createdAt < be);
+  return e.filter((r) => t - r.createdAt < ve);
 };
-function Re({ fency: e, children: t }) {
-  const [n, o] = v(
+function Ue({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
+  const [n, a] = w(
     null
-  ), [a, g] = v(!0), [l, u] = v(null), [r, i] = v([]), d = E(null), s = E(null);
+  ), [u, c] = w(!0), [l, o] = w(null), [i, m] = w([]), s = P(null), d = P(null);
   T(() => {
-    e.then((h) => {
-      o(h), g(!1);
-    }).catch((h) => {
-      u(h), g(!1);
+    e.then((b) => {
+      a(b), c(!1);
+    }).catch((b) => {
+      o(b), c(!1);
     });
   }, [e]), T(() => {
-    n && !s.current && (s.current = new ye(n));
+    n && !d.current && (d.current = new Se(n));
   }, [n]), T(() => {
-    s.current && s.current.updateStreams(r);
-  }, [r]), T(() => () => {
-    var h;
-    (h = s.current) == null || h.cleanup();
+    d.current && d.current.updateStreams(i);
+  }, [i]), T(() => () => {
+    var b;
+    (b = d.current) == null || b.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 f = U(
+    async (b = 3e4) => {
+      if (s.current)
+        return s.current;
+      const h = Date.now(), k = i.length > 0 ? i[i.length - 1] : null;
+      if (k && h - k.createdAt < b)
+        return k.stream;
       const I = (async () => {
         if (!n)
           throw new Error("Fency instance not initialized");
-        const C = await h(), A = await Y({
+        const C = await t(), x = await X({
           pk: n.publishableKey,
           baseUrl: n.baseUrl,
           clientToken: (C == null ? void 0 : C.clientToken) ?? ""
         });
-        if (A.type === "success") {
-          const R = {
-            stream: A.stream,
+        if (x.type === "success") {
+          const N = {
+            stream: x.stream,
             createdAt: Date.now()
           };
-          return i((N) => {
-            const S = [...N, R];
-            return we(S);
-          }), d.current = null, A.stream;
+          return m((R) => {
+            const v = [...R, N];
+            return we(v);
+          }), s.current = null, x.stream;
         } else
-          throw d.current = null, new Error("Failed to create stream");
+          throw s.current = null, new Error("Failed to create stream");
       })();
-      return d.current = I, I;
+      return s.current = I, I;
     },
-    [n, r]
+    [n, i]
   );
   if (l)
-    return /* @__PURE__ */ x("div", { children: [
+    return /* @__PURE__ */ E("div", { children: [
       "Fency error: ",
       l.message
     ] });
   if (!n)
     return null;
-  const m = r.length > 0 ? r[r.length - 1] : null, b = {
+  const y = i.length > 0 ? i[i.length - 1] : null, S = {
     fency: n,
-    loading: a,
+    loading: u,
     error: l,
-    activeStreams: r,
-    latestStream: m,
-    eventManager: s.current,
-    getOrCreateStream: c
+    activeStreams: i,
+    latestStream: y,
+    eventManager: d.current,
+    getOrCreateStream: f
   };
-  return /* @__PURE__ */ f($.Provider, { value: b, children: t });
+  return /* @__PURE__ */ g(j.Provider, { value: S, children: r });
 }
 export {
-  Ne as AgentTaskProgress,
-  he as ChatResponse,
-  me as ChatResponseComplete,
-  ge as ChatResponseLoading,
-  fe as ChatResponseThinking,
-  Re as FencyProvider,
-  D as ShimmeringText,
-  Ee as useAgentTasks,
+  Oe as AgentTaskProgress,
+  ge as AgentTaskProgressSimple,
+  ke as AgentTaskProgressVerbose,
+  Ue as FencyProvider,
+  fe as GenericAgentTaskExecution,
+  ye as GenericAgentTaskFinalResponse,
+  he as GenericAgentTaskReasoning,
+  _ as ShimmeringText,
+  be as StreamingChatCompletionResponse,
+  Re as useAgentTasks,
   F as useFencyContext,
-  xe as useFencyEventSource,
-  Pe as usePaginatedQuery,
-  oe as useStream
+  Ne as useFencyEventSource,
+  Fe as usePaginatedQuery,
+  re as useStream
 };