@fencyai/react 0.1.113 → 0.1.115

package/dist/index.js

@@ -1,15 +1,15 @@
 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(
+import { createContext as J, useContext as Q, useState as v, useRef as x, useEffect as C, useCallback as B, useMemo as H } from "react";
+import { jsx as u, jsxs as E } from "react/jsx-runtime";
+import { useInView as Y, motion as w, AnimatePresence as L } from "motion/react";
+import _ from "react-markdown";
+import { Prism as F } from "react-syntax-highlighter";
+import G from "remark-gfm";
+import './assets/index.css';const W = J(
   void 0
 );
-function F() {
-  const e = Y(j);
+function O() {
+  const e = Q(W);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
@@ -50,51 +50,51 @@ const Z = (e) => {
   createdAt: e.createdAt,
   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(() => {
+  const t = O(), [r, n] = v(null), a = x(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return C(() => {
     if (!t.eventManager) return;
-    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) {
+    const o = {
+      onMessage: (g, i) => {
+        var c, l, b, m, k, y, h, S, I, A;
+        const s = Z(g);
+        if (s)
+          switch (s.type) {
             case "NewChatCompletionStreamChunk":
-              (s = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || s.call(e, m);
+              (c = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || c.call(e, s);
               break;
             case "ChatCompletionStreamCompleted":
-              (d = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || d.call(e, m);
+              (l = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || l.call(e, s);
               break;
             case "StreamTimeout":
-              (f = e == null ? void 0 : e.onStreamTimeout) == null || f.call(e, m);
+              (b = e == null ? void 0 : e.onStreamTimeout) == null || b.call(e, s);
               break;
             case "StreamNotFound":
-              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, m);
+              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, s);
               break;
             case "FileUploadCompleted":
-              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, m);
+              (k = e == null ? void 0 : e.onFileUploadCompleted) == null || k.call(e, s);
               break;
             case "FileTextContentReady":
-              (b = e == null ? void 0 : e.onFileTextContentReady) == null || b.call(e, m);
+              (y = e == null ? void 0 : e.onFileTextContentReady) == null || y.call(e, s);
               break;
             case "WebsiteHtmlContentReady":
-              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, m);
+              (h = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || h.call(e, s);
               break;
             case "WebsiteTextContentReady":
-              (k = e == null ? void 0 : e.onWebsiteTextContentReady) == null || k.call(e, m);
+              (S = e == null ? void 0 : e.onWebsiteTextContentReady) == null || S.call(e, s);
               break;
             case "FileSearchIndexReady":
-              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, m);
+              (I = e == null ? void 0 : e.onFileSearchIndexReady) == null || I.call(e, s);
               break;
             case "AgentTaskProgressItemUpdated":
-              (C = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || C.call(e, m);
+              (A = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || A.call(e, s);
               break;
           }
       },
-      onError: (o) => {
+      onError: (g) => {
         var i;
         (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
-          streamId: o,
+          streamId: g,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -104,174 +104,206 @@ const Z = (e) => {
     };
     return t.eventManager.subscribe(
       a.current,
-      c
+      o
     );
   }, [t.eventManager, e]), {
     createStream: async () => {
       try {
-        const c = await t.getOrCreateStream(3e4);
-        return n(c), {
+        const o = await t.getOrCreateStream(3e4);
+        return n(o), {
           type: "success",
-          stream: c
+          stream: o
         };
-      } catch (c) {
+      } catch (o) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: c instanceof Error ? c.message : "Failed to create stream"
+            message: o instanceof Error ? o.message : "Failed to create stream"
           }
         };
       }
     },
     stream: r
   };
-}, Re = (e) => {
-  const t = F(), [r, n] = w([]), a = P(/* @__PURE__ */ new Set()), { createStream: u } = re({
-    onAgentTaskProgressItemUpdated: (o) => {
-      var i;
-      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 };
+}, Ne = (e) => {
+  const t = O(), [r, n] = v([]), a = x(/* @__PURE__ */ new Set()), f = x(/* @__PURE__ */ new Map()), { createStream: o } = re({
+    onAgentTaskProgressItemUpdated: (i) => {
+      var l;
+      if (!a.current.has(i.agentTaskId)) return;
+      const s = i.data;
+      if (s.type === "GenericAgentTaskCompleted" || s.type === "StreamingChatCompletionCompleted" || s.type === "StructuredChatCompletionCompleted") {
+        const b = f.current.get(i.agentTaskId);
+        b && (f.current.delete(i.agentTaskId), b(s));
+        return;
+      }
+      (l = e.onAgentTaskProgressItemUpdated) == null || l.call(e, i), n(
+        (b) => b.map((m) => {
+          var h;
+          if (((h = m.confirmedData) == null ? void 0 : h.taskId) !== i.agentTaskId) return m;
+          const y = m.progressItems.some(
+            (S) => S.progressItemId === i.progressItemId
+          ) ? m.progressItems.map(
+            (S) => S.progressItemId === i.progressItemId ? i : S
+          ) : [...m.progressItems, i];
+          return { ...m, progressItems: y };
         })
-      ));
+      );
     },
-    onStreamError: (o) => {
-      var i;
-      (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 ? [
-          ...m.filter((d) => d.streamId !== o.streamId),
+    onStreamError: (i) => {
+      var s;
+      (s = e == null ? void 0 : e.onStreamError) == null || s.call(e, i), n((c) => {
+        const l = c.find((b) => b.streamId === i.streamId);
+        return l ? [
+          ...c.filter((b) => b.streamId !== i.streamId),
           {
-            ...s,
+            ...l,
             loading: !1,
-            error: o.error
+            error: i.error
           }
-        ] : m;
+        ] : c;
       });
     },
-    onStreamNotFound: (o) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, o);
+    onStreamNotFound: (i) => {
+      var s;
+      (s = e == null ? void 0 : e.onStreamNotFound) == null || s.call(e, i);
     },
-    onStreamTimeout: (o) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, o);
+    onStreamTimeout: (i) => {
+      var s;
+      (s = e == null ? void 0 : e.onStreamTimeout) == null || s.call(e, i);
     }
-  }), c = U(
-    async (o) => {
-      const i = await u();
-      if (i.type === "success") {
+  }), d = B(
+    async (i, s) => {
+      const c = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, l = await o();
+      if (l.type === "success") {
         n([
           ...r,
           {
-            streamId: i.stream.id,
+            taskKey: c,
+            streamId: l.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
-            params: o,
+            params: i,
             progressItems: [],
             loading: !0,
-            doneStreaming: !1
+            doneStreaming: !1,
+            loadingText: s == null ? void 0 : s.loadingText
           }
         ]);
-        const { clientToken: m } = await e.fetchCreateAgentTaskClientToken(o.type), s = await q({
+        const { clientToken: b } = await e.fetchCreateAgentTaskClientToken(i.type), m = await q({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: m,
-          streamToken: i.stream.token,
+          clientToken: b,
+          streamToken: l.stream.token,
           request: {
-            genericTask: o.type === "genericAgentTask" ? { queryText: o.query, jsonSchema: o.jsonSchema } : void 0,
-            streamingChatCompletionTask: o.type === "streamingChatCompletion" ? { prompt: o.prompt } : void 0
+            genericTask: i.type === "genericAgentTask" ? { query: i.query, jsonSchema: i.jsonSchema } : void 0,
+            streamingChatCompletionTask: i.type === "streamingChatCompletion" ? { messages: i.messages } : void 0,
+            structuredChatCompletionTask: i.type === "structuredChatCompletion" ? { messages: i.messages, jsonSchema: i.jsonSchema } : void 0
           }
         });
-        if (s.type === "success" && s.agentTask)
-          return a.current.add(
-            s.agentTask.id
-          ), n((d) => [
-            ...d.filter(
-              (f) => f.streamId !== i.stream.id
+        if (m.type === "success" && m.agentTask) {
+          a.current.add(
+            m.agentTask.id
+          ), n((y) => [
+            ...y.filter(
+              (h) => h.taskKey !== c
             ),
             {
-              streamId: i.stream.id,
+              taskKey: c,
+              streamId: l.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: s.agentTask.id,
-              createdAt: s.agentTask.createdAt,
+              taskId: m.agentTask.id,
+              createdAt: m.agentTask.createdAt,
               error: null,
-              params: o,
+              params: i,
               progressItems: [],
               doneStreaming: !1,
               loading: !0,
+              loadingText: s == null ? void 0 : s.loadingText,
               confirmedData: {
-                taskId: s.agentTask.id,
-                createdAt: s.agentTask.createdAt
+                taskId: m.agentTask.id,
+                createdAt: m.agentTask.createdAt
               }
             }
-          ]), {
-            type: "success",
-            streamId: i.stream.id,
-            agentTaskId: s.agentTask.id
-          };
-        if (s.type === "error")
-          return n((d) => [
-            ...d.filter(
-              (f) => f.streamId !== i.stream.id
-            ),
-            {
-              triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              streamId: i.stream.id,
-              params: o,
-              error: s.error,
-              progressItems: [],
-              loading: !1,
-              doneStreaming: !1,
-              confirmedData: null
-            }
-          ]), {
-            type: "error",
-            error: s.error
-          };
-        {
-          const d = {
-            message: "No response received",
-            code: "UnknownError"
-          };
-          return n((f) => [
-            ...f.filter(
-              (y) => y.streamId !== i.stream.id
-            ),
-            {
-              triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              streamId: i.stream.id,
-              error: d,
-              params: o,
-              progressItems: [],
-              loading: !1,
-              doneStreaming: !1,
-              confirmedData: null
+          ]);
+          const k = await new Promise(
+            (y) => {
+              f.current.set(
+                m.agentTask.id,
+                y
+              );
             }
-          ]), {
-            type: "error",
-            error: d
+          );
+          return {
+            type: "success",
+            streamId: l.stream.id,
+            agentTaskId: m.agentTask.id,
+            response: k
           };
+        } else {
+          if (m.type === "error")
+            return n((k) => [
+              ...k.filter(
+                (y) => y.taskKey !== c
+              ),
+              {
+                taskKey: c,
+                triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
+                streamId: l.stream.id,
+                params: i,
+                error: m.error,
+                progressItems: [],
+                loading: !1,
+                doneStreaming: !1,
+                loadingText: s == null ? void 0 : s.loadingText,
+                confirmedData: null
+              }
+            ]), {
+              type: "error",
+              error: m.error
+            };
+          {
+            const k = {
+              message: "No response received",
+              code: "UnknownError"
+            };
+            return n((y) => [
+              ...y.filter(
+                (h) => h.taskKey !== c
+              ),
+              {
+                taskKey: c,
+                triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
+                streamId: l.stream.id,
+                error: k,
+                params: i,
+                progressItems: [],
+                loading: !1,
+                doneStreaming: !1,
+                loadingText: s == null ? void 0 : s.loadingText,
+                confirmedData: null
+              }
+            ]), {
+              type: "error",
+              error: k
+            };
+          }
         }
       } else
-        return console.error(i.error), i;
+        return console.error(l.error), l;
     },
-    [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();
+    [t, r, o]
+  ), g = H(() => {
+    if (r.length !== 0)
+      return [...r].sort((i, s) => new Date(s.triggeredAt).getTime() - new Date(i.triggeredAt).getTime())[0];
+  }, [r]);
+  return C(() => () => {
+    a.current.clear(), f.current.clear();
   }, []), {
     agentTasks: r,
-    createAgentTask: c,
-    latest: l
+    createAgentTask: d,
+    latest: g
   };
 };
 async function ae(e, t) {
@@ -282,17 +314,17 @@ async function ae(e, t) {
 }
 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);
+  return function(o) {
+    t === void 0 ? (t = o, r = 0, n = -1) : t = se(t, o);
+    const d = t.length;
+    let g = 0;
+    for (; r < d; ) {
+      a && (t[r] === 10 && (g = ++r), a = !1);
       let i = -1;
-      for (; r < l && i === -1; ++r)
+      for (; r < d && i === -1; ++r)
         switch (t[r]) {
           case 58:
-            n === -1 && (n = r - o);
+            n === -1 && (n = r - g);
             break;
           case 13:
             a = !0;
@@ -302,33 +334,33 @@ function oe(e) {
         }
       if (i === -1)
         break;
-      e(t.subarray(o, i), n), o = r, n = -1;
+      e(t.subarray(g, i), n), g = r, n = -1;
     }
-    o === l ? t = void 0 : o !== 0 && (t = t.subarray(o), r -= o);
+    g === d ? t = void 0 : g !== 0 && (t = t.subarray(g), r -= g);
   };
 }
 function ie(e, t, r) {
-  let n = H();
+  let n = z();
   const a = new TextDecoder();
-  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) {
+  return function(o, d) {
+    if (o.length === 0)
+      r == null || r(n), n = z();
+    else if (d > 0) {
+      const g = a.decode(o.subarray(0, d)), i = d + (o[d + 1] === 32 ? 2 : 1), s = a.decode(o.subarray(i));
+      switch (g) {
         case "data":
           n.data = n.data ? n.data + `
-` + m : m;
+` + s : s;
           break;
         case "event":
-          n.event = m;
+          n.event = s;
           break;
         case "id":
-          e(n.id = m);
+          e(n.id = s);
           break;
         case "retry":
-          const s = parseInt(m, 10);
-          isNaN(s) || t(n.retry = s);
+          const c = parseInt(s, 10);
+          isNaN(c) || t(n.retry = c);
           break;
       }
     }
@@ -338,7 +370,7 @@ function se(e, t) {
   const r = new Uint8Array(e.length + t.length);
   return r.set(e), r.set(t, e.length), r;
 }
-function H() {
+function z() {
   return {
     data: "",
     event: "",
@@ -354,56 +386,56 @@ var ce = function(e, t) {
       t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (r[n[a]] = e[n[a]]);
   return r;
 };
-const O = "text/event-stream", le = 1e3, G = "last-event-id";
+const M = "text/event-stream", le = 1e3, j = "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();
-    }
-    o || document.addEventListener("visibilitychange", S);
-    let b = le, h = 0;
+  var { signal: r, headers: n, onopen: a, onmessage: f, onclose: o, onerror: d, openWhenHidden: g, fetch: i } = t, s = ce(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((c, l) => {
+    const b = Object.assign({}, n);
+    b.accept || (b.accept = M);
+    let m;
     function k() {
-      document.removeEventListener("visibilitychange", S), window.clearTimeout(h), y.abort();
+      m.abort(), document.hidden || P();
+    }
+    g || document.addEventListener("visibilitychange", k);
+    let y = le, h = 0;
+    function S() {
+      document.removeEventListener("visibilitychange", k), window.clearTimeout(h), m.abort();
     }
     r == null || r.addEventListener("abort", () => {
-      k(), s();
+      S(), c();
     });
-    const I = i ?? window.fetch, C = a ?? de;
-    async function x() {
+    const I = i ?? window.fetch, A = a ?? de;
+    async function P() {
       var N;
-      y = new AbortController();
+      m = new AbortController();
       try {
-        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();
+        const R = await I(e, Object.assign(Object.assign({}, s), { headers: b, signal: m.signal }));
+        await A(R), await ae(R.body, oe(ie((T) => {
+          T ? b[j] = T : delete b[j];
+        }, (T) => {
+          y = T;
+        }, f))), o == null || o(), S(), c();
       } catch (R) {
-        if (!y.signal.aborted)
+        if (!m.signal.aborted)
           try {
-            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);
+            const T = (N = d == null ? void 0 : d(R)) !== null && N !== void 0 ? N : y;
+            window.clearTimeout(h), h = window.setTimeout(P, T);
+          } catch (T) {
+            S(), l(T);
           }
       }
     }
-    x();
+    P();
   });
 }
 function de(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(O)))
-    throw new Error(`Expected content-type to be ${O}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(M)))
+    throw new Error(`Expected content-type to be ${M}, Actual: ${t}`);
 }
-function Ne(e) {
-  const [t, r] = w(null);
-  return T(() => {
+function Fe(e) {
+  const [t, r] = v(null);
+  return C(() => {
     if (!t)
       return;
     const n = new AbortController();
@@ -439,25 +471,25 @@ function K(e) {
     r[n] = t.charCodeAt(n);
   return new TextDecoder("utf-8").decode(r);
 }
-function Fe(e, t) {
-  const [r, n] = w(
+function Oe(e, t) {
+  const [r, n] = v(
     null
-  ), [a, u] = w(
+  ), [a, f] = v(
     null
-  ), 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,
+  ), o = O(), d = async (c) => {
+    const l = await c.fetchTokens(), { fetchTokens: b, nextPageToken: m, previousPageToken: k, ...y } = c, h = await e({
+      pk: o.fency.publishableKey,
+      clientToken: l.clientToken,
+      streamToken: l.streamToken,
       request: {
-        ...b,
+        ...y,
         limit: (t == null ? void 0 : t.pageSize) ?? 50,
         pagination: {
-          nextPageToken: y,
-          previousPageToken: S
+          nextPageToken: m,
+          previousPageToken: k
         }
       },
-      baseUrl: c.fency.baseUrl
+      baseUrl: o.fency.baseUrl
     });
     return h.type === "success" && h.items && h.pagination ? {
       type: "success",
@@ -476,15 +508,15 @@ function Fe(e, t) {
     };
   };
   return {
-    fetchFirstPage: async (s) => {
-      const d = await l({
-        ...s,
+    fetchFirstPage: async (c) => {
+      const l = await d({
+        ...c,
         nextPageToken: void 0,
         previousPageToken: void 0
       });
-      return d.type === "success" && (u(d.page), n(s)), d;
+      return l.type === "success" && (f(l.page), n(c)), l;
     },
-    fetchNextPage: async (s) => {
+    fetchNextPage: async (c) => {
       if (a == null)
         return {
           type: "error",
@@ -501,14 +533,14 @@ function Fe(e, t) {
             message: "No next page"
           }
         };
-      const d = await l({
-        ...s,
+      const l = await d({
+        ...c,
         nextPageToken: a.pagination.nextPageToken,
         previousPageToken: void 0
       });
-      return d.type === "success" && (u(d.page), n(s)), d;
+      return l.type === "success" && (f(l.page), n(c)), l;
     },
-    fetchPreviousPage: async (s) => {
+    fetchPreviousPage: async (c) => {
       if (a == null)
         return {
           type: "error",
@@ -525,12 +557,12 @@ function Fe(e, t) {
             message: "No previous page"
           }
         };
-      const d = await l({
-        ...s,
+      const l = await d({
+        ...c,
         nextPageToken: void 0,
         previousPageToken: a.pagination.previousPageToken
       });
-      return d.type === "success" && (u(d.page), n(s)), d;
+      return l.type === "success" && (f(l.page), n(c)), l;
     },
     refetchCurrentPage: async () => r == null ? {
       type: "error",
@@ -538,47 +570,47 @@ function Fe(e, t) {
         code: "NO_CURRENT_PAGE",
         message: "No current page, please call fetchFirstPage first."
       }
-    } : l(r),
+    } : d(r),
     currentPage: a
   };
 }
 function ue(e) {
   return e.progressItems.map((t, r) => {
     const n = e.progressItems[r + 1], a = n != null;
-    let u;
+    let f;
     if (n != null && n.createdAt) {
-      const c = new Date(t.createdAt).getTime(), l = new Date(n.createdAt).getTime();
-      u = Math.round((l - c) / 1e3);
+      const o = new Date(t.createdAt).getTime(), d = new Date(n.createdAt).getTime();
+      f = Math.round((d - o) / 1e3);
     }
     return {
       item: t,
       completed: a,
       isLatest: r === e.progressItems.length - 1,
-      durationSeconds: u
+      durationSeconds: f
     };
   });
 }
-function _({
+function D({
   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,
+  className: f,
+  startOnView: o = !1,
+  once: d = !1,
+  inViewMargin: g,
   spread: i = 2,
-  color: m = "#999",
-  shimmerColor: s = "#000",
-  direction: d = "fromBottom"
+  color: s = "#999",
+  shimmerColor: c = "#000",
+  direction: l = "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,
+  const b = x(null), m = Y(b, { once: d, margin: g }), k = H(() => e.length * i, [e, i]), y = !o || m, h = l === "fromBottom" ? "100% center" : "-100% center", S = l === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ u(
+    w.span,
     {
-      ref: f,
-      className: u,
+      ref: b,
+      className: f,
       style: {
         position: "relative",
         display: "inline-block",
@@ -588,9 +620,9 @@ function _({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${S}px`,
-        "--base-color": m,
-        "--shimmer-color": s,
+        "--spread": `${k}px`,
+        "--base-color": s,
+        "--shimmer-color": c,
         "--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))"
       },
@@ -598,8 +630,8 @@ function _({
         backgroundPosition: h,
         opacity: 0
       },
-      animate: b ? {
-        backgroundPosition: k,
+      animate: y ? {
+        backgroundPosition: S,
         opacity: 1
       } : {},
       transition: {
@@ -619,7 +651,7 @@ function _({
     }
   );
 }
-function me(e) {
+function ge(e) {
   const t = e.item.data;
   switch (t.type) {
     case "GenericAgentTaskExecution":
@@ -630,23 +662,31 @@ function me(e) {
       return "Generating answer...";
     case "StreamingChatCompletionResponse":
       return "Streaming...";
+    case "StructuredChatCompletionResponse":
+      return "Generating...";
+    case "StreamingChatCompletionCompleted":
+      return "Completed";
+    case "StructuredChatCompletionCompleted":
+      return "Completed";
+    case "GenericAgentTaskCompleted":
+      return "Completed";
   }
 }
-const ge = ({
+const me = ({
   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,
+  const r = ge(t);
+  return /* @__PURE__ */ u("div", { className: "simple-mode-container", children: /* @__PURE__ */ u(L, { mode: "wait", children: /* @__PURE__ */ u(
+    w.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(
-        _,
+      children: t.completed ? /* @__PURE__ */ u("div", { className: "simple-mode-title", style: { color: "#666" }, children: r }) : /* @__PURE__ */ u(
+        D,
         {
           text: r,
           className: "simple-mode-title",
@@ -664,8 +704,8 @@ const ge = ({
   isLatest: t = !1,
   durationSeconds: r
 }) => /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ g(
-    A.div,
+  /* @__PURE__ */ u(
+    w.div,
     {
       style: {
         display: "flex",
@@ -676,8 +716,8 @@ const ge = ({
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: t && !r ? /* @__PURE__ */ g(
-        _,
+      children: t && !r ? /* @__PURE__ */ u(
+        D,
         {
           text: e.title,
           duration: 2.5,
@@ -685,7 +725,7 @@ const ge = ({
           color: "#999",
           shimmerColor: "#000"
         }
-      ) : /* @__PURE__ */ g("span", { style: { color: "#666" }, children: e.title })
+      ) : /* @__PURE__ */ u("span", { style: { color: "#666" }, children: e.title })
     }
   ),
   r !== void 0 && /* @__PURE__ */ E(
@@ -704,7 +744,7 @@ const ge = ({
       ]
     }
   )
-] }), z = {
+] }), U = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -861,64 +901,64 @@ const ge = ({
   fetchClientToken: r,
   durationSeconds: n
 }) => {
-  const { fency: a } = F(), u = U(
-    async (c) => {
+  const { fency: a } = O(), f = B(
+    async (o) => {
       try {
-        const { clientToken: l } = await r(), o = await V({
+        const { clientToken: d } = await r(), g = await V({
           pk: a.publishableKey,
           baseUrl: a.baseUrl,
-          clientToken: l,
+          clientToken: d,
           streamToken: t,
-          request: { fileId: c }
+          request: { fileId: o }
         });
-        o.type === "success" && window.open(o.downloadLink, "_blank");
-      } catch (l) {
-        console.error("Failed to download file:", l);
+        g.type === "success" && window.open(g.downloadLink, "_blank");
+      } catch (d) {
+        console.error("Failed to download file:", d);
       }
     },
     [a, t, r]
   );
   return /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ g(
-      A.div,
+    /* @__PURE__ */ u(
+      w.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,
+        children: /* @__PURE__ */ u(
+          _,
           {
-            remarkPlugins: [B],
+            remarkPlugins: [G],
             components: {
-              code(c) {
-                const { children: l, className: o, node: i, ref: m, ...s } = c, d = /language-(\w+)/.exec(o || "");
-                return d ? /* @__PURE__ */ g(
-                  M,
+              code(o) {
+                const { children: d, className: g, node: i, ref: s, ...c } = o, l = /language-(\w+)/.exec(g || "");
+                return l ? /* @__PURE__ */ u(
+                  F,
                   {
-                    ...s,
+                    ...c,
                     PreTag: "div",
-                    children: String(l).replace(/\n$/, ""),
-                    language: d[1],
-                    style: z
+                    children: String(d).replace(/\n$/, ""),
+                    language: l[1],
+                    style: U
                   }
-                ) : /* @__PURE__ */ g("code", { ...s, className: o, children: String(l) });
+                ) : /* @__PURE__ */ u("code", { ...c, className: g, children: String(d) });
               },
-              a(c) {
-                const { children: l, href: o, ...i } = c;
-                return /* @__PURE__ */ g(
+              a(o) {
+                const { children: d, href: g, ...i } = o;
+                return /* @__PURE__ */ u(
                   "a",
                   {
                     ...i,
-                    href: o,
-                    onClick: (m) => {
-                      if (!o) return;
-                      const s = o.match(
+                    href: g,
+                    onClick: (s) => {
+                      if (!g) return;
+                      const c = g.match(
                         /\/files\/(fil_[a-zA-Z0-9]+)\/download/
                       );
-                      s && (m.preventDefault(), u(s[1]));
+                      c && (s.preventDefault(), f(c[1]));
                     },
-                    children: l
+                    children: d
                   }
                 );
               }
@@ -951,19 +991,19 @@ const ge = ({
   isLatest: r = !1,
   durationSeconds: n
 }) => {
-  const a = P(null);
-  return T(() => {
+  const a = x(null);
+  return C(() => {
     a.current && !t && (a.current.scrollTop = a.current.scrollHeight);
   }, [e.reasoning, t]), /* @__PURE__ */ E("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ g(
-      A.h3,
+    /* @__PURE__ */ u(
+      w.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(
-          _,
+        children: r && !n ? /* @__PURE__ */ u(
+          D,
           {
             text: e.title,
             duration: 2.5,
@@ -974,8 +1014,8 @@ const ge = ({
         ) : e.title
       }
     ),
-    /* @__PURE__ */ g(
-      A.div,
+    /* @__PURE__ */ u(
+      w.div,
       {
         ref: a,
         style: {
@@ -990,23 +1030,23 @@ const ge = ({
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 0.5, y: 0 },
         transition: { duration: 0.3, delay: 0.1 },
-        children: /* @__PURE__ */ g("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ g(
-          D,
+        children: /* @__PURE__ */ u("div", { className: "fency-markdown-body-raw", children: /* @__PURE__ */ u(
+          _,
           {
-            remarkPlugins: [B],
+            remarkPlugins: [G],
             components: {
-              code(u) {
-                const { children: c, className: l, node: o, ref: i, ...m } = u, s = /language-(\w+)/.exec(l || "");
-                return s ? /* @__PURE__ */ g(
-                  M,
+              code(f) {
+                const { children: o, className: d, node: g, ref: i, ...s } = f, c = /language-(\w+)/.exec(d || "");
+                return c ? /* @__PURE__ */ u(
+                  F,
                   {
-                    ...m,
+                    ...s,
                     PreTag: "div",
-                    children: String(c).replace(/\n$/, ""),
-                    language: s[1],
-                    style: z
+                    children: String(o).replace(/\n$/, ""),
+                    language: c[1],
+                    style: U
                   }
-                ) : /* @__PURE__ */ g("code", { ...m, className: l, children: String(c) });
+                ) : /* @__PURE__ */ u("code", { ...s, className: d, children: String(o) });
               }
             },
             children: e.reasoning
@@ -1033,119 +1073,142 @@ const ge = ({
   ] });
 }, be = ({
   data: e
-}) => /* @__PURE__ */ g("div", { style: { padding: "16px" }, children: /* @__PURE__ */ g(
-  A.div,
+}) => /* @__PURE__ */ u("div", { style: { padding: "16px" }, children: /* @__PURE__ */ u(
+  w.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,
+    children: /* @__PURE__ */ u(
+      _,
       {
-        remarkPlugins: [B],
+        remarkPlugins: [G],
         components: {
           code(t) {
-            const { children: r, className: n, node: a, ref: u, ...c } = t, l = /language-(\w+)/.exec(n || "");
-            return l ? /* @__PURE__ */ g(
-              M,
+            const { children: r, className: n, node: a, ref: f, ...o } = t, d = /language-(\w+)/.exec(n || "");
+            return d ? /* @__PURE__ */ u(
+              F,
               {
-                ...c,
+                ...o,
                 PreTag: "div",
                 children: String(r).replace(/\n$/, ""),
-                language: l[1],
-                style: z
+                language: d[1],
+                style: U
               }
-            ) : /* @__PURE__ */ g("code", { ...c, className: n, children: String(r) });
+            ) : /* @__PURE__ */ u("code", { ...o, className: n, children: String(r) });
           }
         },
         children: e.response
       }
     )
   }
-) }), ke = ({ progressViewItems: e, streamToken: t, fetchClientToken: r }) => {
-  const n = P(null);
-  T(() => {
-    n.current && (n.current.scrollTop = n.current.scrollHeight);
+) }), ke = ({ data: e }) => {
+  const t = typeof e.response == "string" ? e.response : JSON.stringify(e.response, null, 2);
+  return /* @__PURE__ */ u("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ u(
+    w.div,
+    {
+      initial: { opacity: 0, y: -10 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3, delay: 0 },
+      children: /* @__PURE__ */ u(F, { language: "json", style: U, PreTag: "div", children: t })
+    }
+  ) });
+}, Se = ({ progressViewItems: e, streamToken: t, fetchClientToken: r, loadingText: n }) => {
+  const a = x(null);
+  C(() => {
+    a.current && (a.current.scrollTop = a.current.scrollHeight);
   }, [e.length]);
-  const a = (u) => {
-    switch (u.item.data.type) {
+  const f = (o) => {
+    switch (o.item.data.type) {
       case "GenericAgentTaskExecution":
-        return /* @__PURE__ */ g(
+        return /* @__PURE__ */ u(
           fe,
           {
-            data: u.item.data,
-            completed: u.completed,
-            isLatest: u.isLatest,
-            durationSeconds: u.durationSeconds
+            data: o.item.data,
+            completed: o.completed,
+            isLatest: o.isLatest,
+            durationSeconds: o.durationSeconds
           }
         );
       case "GenericAgentTaskReasoning":
-        return /* @__PURE__ */ g(
+        return /* @__PURE__ */ u(
           he,
           {
-            data: u.item.data,
-            completed: u.completed,
-            isLatest: u.isLatest,
-            durationSeconds: u.durationSeconds
+            data: o.item.data,
+            completed: o.completed,
+            isLatest: o.isLatest,
+            durationSeconds: o.durationSeconds
           }
         );
       case "GenericAgentTaskFinalResponse":
-        return /* @__PURE__ */ g(
+        return /* @__PURE__ */ u(
           ye,
           {
-            data: u.item.data,
+            data: o.item.data,
             streamToken: t,
             fetchClientToken: r,
-            durationSeconds: u.durationSeconds
+            durationSeconds: o.durationSeconds
           }
         );
       case "StreamingChatCompletionResponse":
-        return /* @__PURE__ */ g(be, { data: u.item.data });
+        return /* @__PURE__ */ u(be, { data: o.item.data });
+      case "StructuredChatCompletionResponse":
+        return /* @__PURE__ */ u(ke, { data: o.item.data });
+      default:
+        return null;
     }
   };
-  return /* @__PURE__ */ g(
+  return e.length === 0 ? /* @__PURE__ */ u("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ u(
+    D,
+    {
+      text: n ?? "Processing your task...",
+      duration: 1.5,
+      repeat: !0,
+      repeatDelay: 0,
+      color: "#999",
+      shimmerColor: "#000"
+    }
+  ) }) : /* @__PURE__ */ u(
     "div",
     {
-      ref: n,
-      style: {
-        flex: 1,
-        overflowY: "auto",
-        minHeight: 0
-      },
-      children: /* @__PURE__ */ g(W, { children: e.map((u, c) => /* @__PURE__ */ g(
-        A.div,
+      id: "agent-task-progress-verbose",
+      ref: a,
+      children: /* @__PURE__ */ u(L, { children: e.map((o, d) => /* @__PURE__ */ u(
+        w.div,
         {
+          id: `agent-task-progress-item-${o.item.progressItemId}`,
           initial: { opacity: 0, y: -20 },
           animate: { opacity: 1, y: 0 },
           transition: {
             duration: 0.4,
-            delay: c * 0.1,
+            delay: d * 0.1,
             ease: "easeOut"
           },
-          children: a(u)
+          children: f(o)
         },
-        u.item.progressItemId
+        o.item.progressItemId
       )) })
     }
   );
-}, Oe = ({
+}, De = ({
   agentTask: e,
   mode: t = "verbose",
   streamToken: r,
   fetchClientToken: n
 }) => {
   const a = ue(e);
-  return t === "simple" ? /* @__PURE__ */ g(ge, { progressViewItems: a }) : /* @__PURE__ */ g(
-    ke,
+  return t === "simple" ? /* @__PURE__ */ u(me, { progressViewItems: a }) : /* @__PURE__ */ u(
+    Se,
     {
       progressViewItems: a,
       streamToken: r,
-      fetchClientToken: n
+      fetchClientToken: n,
+      loadingText: e.loadingText
     }
   );
 };
-class Se {
+class Te {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -1166,25 +1229,25 @@ class Se {
   connectStream(t) {
     const r = t.stream.id, n = new AbortController();
     this.eventSources.set(r, n);
-    const a = `${this.fency.baseUrl}/sse/streams/${r}`, u = {
+    const a = `${this.fency.baseUrl}/sse/streams/${r}`, f = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
     $(a, {
-      headers: u,
+      headers: f,
       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}`);
+      async onopen(o) {
+        if (!o.ok && o.status >= 400 && o.status < 500 && o.status !== 429)
+          throw new Error(`Client error ${o.status}`);
       },
-      onmessage: (c) => {
-        if (c.data) {
-          const l = K(c.data);
-          this.broadcast(l, r);
+      onmessage: (o) => {
+        if (o.data) {
+          const d = K(o.data);
+          this.broadcast(d, r);
         }
       },
-      onerror: (c) => {
-        throw console.error("EventSource error for stream", r, ":", c), this.broadcastError(r), c;
+      onerror: (o) => {
+        throw console.error("EventSource error for stream", r, ":", o), this.broadcastError(r), o;
       },
       onclose() {
       }
@@ -1216,90 +1279,90 @@ class Se {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const ve = 12e4, we = (e) => {
+const ve = 12e4, Ce = (e) => {
   const t = Date.now();
   return e.filter((r) => t - r.createdAt < ve);
 };
 function Ue({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
-  const [n, a] = w(
+  const [n, a] = v(
     null
-  ), [u, c] = w(!0), [l, o] = w(null), [i, m] = w([]), s = P(null), d = P(null);
-  T(() => {
-    e.then((b) => {
-      a(b), c(!1);
-    }).catch((b) => {
-      o(b), c(!1);
+  ), [f, o] = v(!0), [d, g] = v(null), [i, s] = v([]), c = x(null), l = x(null);
+  C(() => {
+    e.then((y) => {
+      a(y), o(!1);
+    }).catch((y) => {
+      g(y), o(!1);
     });
-  }, [e]), T(() => {
-    n && !d.current && (d.current = new Se(n));
-  }, [n]), T(() => {
-    d.current && d.current.updateStreams(i);
-  }, [i]), T(() => () => {
-    var b;
-    (b = d.current) == null || b.cleanup();
+  }, [e]), C(() => {
+    n && !l.current && (l.current = new Te(n));
+  }, [n]), C(() => {
+    l.current && l.current.updateStreams(i);
+  }, [i]), C(() => () => {
+    var y;
+    (y = l.current) == null || y.cleanup();
   }, []);
-  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 b = B(
+    async (y = 3e4) => {
+      if (c.current)
+        return c.current;
+      const h = Date.now(), S = i.length > 0 ? i[i.length - 1] : null;
+      if (S && h - S.createdAt < y)
+        return S.stream;
       const I = (async () => {
         if (!n)
           throw new Error("Fency instance not initialized");
-        const C = await t(), x = await X({
+        const A = await t(), P = await X({
           pk: n.publishableKey,
           baseUrl: n.baseUrl,
-          clientToken: (C == null ? void 0 : C.clientToken) ?? ""
+          clientToken: (A == null ? void 0 : A.clientToken) ?? ""
         });
-        if (x.type === "success") {
+        if (P.type === "success") {
           const N = {
-            stream: x.stream,
+            stream: P.stream,
             createdAt: Date.now()
           };
-          return m((R) => {
-            const v = [...R, N];
-            return we(v);
-          }), s.current = null, x.stream;
+          return s((R) => {
+            const T = [...R, N];
+            return Ce(T);
+          }), c.current = null, P.stream;
         } else
-          throw s.current = null, new Error("Failed to create stream");
+          throw c.current = null, new Error("Failed to create stream");
       })();
-      return s.current = I, I;
+      return c.current = I, I;
     },
     [n, i]
   );
-  if (l)
+  if (d)
     return /* @__PURE__ */ E("div", { children: [
       "Fency error: ",
-      l.message
+      d.message
     ] });
   if (!n)
     return null;
-  const y = i.length > 0 ? i[i.length - 1] : null, S = {
+  const m = i.length > 0 ? i[i.length - 1] : null, k = {
     fency: n,
-    loading: u,
-    error: l,
+    loading: f,
+    error: d,
     activeStreams: i,
-    latestStream: y,
-    eventManager: d.current,
-    getOrCreateStream: f
+    latestStream: m,
+    eventManager: l.current,
+    getOrCreateStream: b
   };
-  return /* @__PURE__ */ g(j.Provider, { value: S, children: r });
+  return /* @__PURE__ */ u(W.Provider, { value: k, children: r });
 }
 export {
-  Oe as AgentTaskProgress,
-  ge as AgentTaskProgressSimple,
-  ke as AgentTaskProgressVerbose,
+  De as AgentTaskProgress,
+  me as AgentTaskProgressSimple,
+  Se as AgentTaskProgressVerbose,
   Ue as FencyProvider,
   fe as GenericAgentTaskExecution,
   ye as GenericAgentTaskFinalResponse,
   he as GenericAgentTaskReasoning,
-  _ as ShimmeringText,
+  D as ShimmeringText,
   be as StreamingChatCompletionResponse,
-  Re as useAgentTasks,
-  F as useFencyContext,
-  Ne as useFencyEventSource,
-  Fe as usePaginatedQuery,
+  Ne as useAgentTasks,
+  O as useFencyContext,
+  Fe as useFencyEventSource,
+  Oe as usePaginatedQuery,
   re as useStream
 };