@fencyai/react 0.1.137 → 0.1.139

package/dist/index.js

@@ -1,78 +1,78 @@
-import { jsxs as C, jsx as s } from "react/jsx-runtime";
-import { createStream as K, isStreamTimeoutEvent as G, isStreamNotFoundEvent as J, isAgentTaskProgressItemUpdatedEvent as V, createAgentTask as X } from "@fencyai/js";
-import { createContext as q, useState as k, useRef as E, useEffect as w, useCallback as N, useContext as Q, useMemo as _ } from "react";
-import { useInView as Y, motion as v, AnimatePresence as z } from "motion/react";
-import Z from "react-markdown";
-import { Prism as L } from "react-syntax-highlighter";
-import ee from "remark-gfm";
-import './assets/index.css';const W = q(
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import { createStream as G, isStreamTimeoutEvent as J, isStreamNotFoundEvent as V, isAgentTaskProgressItemUpdatedEvent as X, createAgentTask as Y } from "@fencyai/js";
+import { createContext as q, useState as C, useRef as A, useEffect as w, useCallback as _, useContext as Q, useMemo as $ } from "react";
+import { useInView as Z, motion as T, AnimatePresence as W } from "motion/react";
+import ee from "react-markdown";
+import { Prism as j } from "react-syntax-highlighter";
+import te from "remark-gfm";
+import './assets/index.css';const H = q(
   void 0
 );
-async function te(e, t) {
+async function ne(e, t) {
   const n = e.getReader();
   let r;
   for (; !(r = await n.read()).done; )
     t(r.value);
 }
 function re(e) {
-  let t, n, r, c = !1;
+  let t, n, r, s = !1;
   return function(o) {
-    t === void 0 ? (t = o, n = 0, r = -1) : t = oe(t, o);
-    const d = t.length;
-    let y = 0;
-    for (; n < d; ) {
-      c && (t[n] === 10 && (y = ++n), c = !1);
+    t === void 0 ? (t = o, n = 0, r = -1) : t = ae(t, o);
+    const l = t.length;
+    let u = 0;
+    for (; n < l; ) {
+      s && (t[n] === 10 && (u = ++n), s = !1);
       let a = -1;
-      for (; n < d && a === -1; ++n)
+      for (; n < l && a === -1; ++n)
         switch (t[n]) {
           case 58:
-            r === -1 && (r = n - y);
+            r === -1 && (r = n - u);
             break;
           case 13:
-            c = !0;
+            s = !0;
           case 10:
             a = n;
             break;
         }
       if (a === -1)
         break;
-      e(t.subarray(y, a), r), y = n, r = -1;
+      e(t.subarray(u, a), r), u = n, r = -1;
     }
-    y === d ? t = void 0 : y !== 0 && (t = t.subarray(y), n -= y);
+    u === l ? t = void 0 : u !== 0 && (t = t.subarray(u), n -= u);
   };
 }
-function ne(e, t, n) {
-  let r = R();
-  const c = new TextDecoder();
-  return function(o, d) {
+function oe(e, t, n) {
+  let r = O();
+  const s = new TextDecoder();
+  return function(o, l) {
     if (o.length === 0)
-      n == null || n(r), r = R();
-    else if (d > 0) {
-      const y = c.decode(o.subarray(0, d)), a = d + (o[d + 1] === 32 ? 2 : 1), i = c.decode(o.subarray(a));
-      switch (y) {
+      n == null || n(r), r = O();
+    else if (l > 0) {
+      const u = s.decode(o.subarray(0, l)), a = l + (o[l + 1] === 32 ? 2 : 1), c = s.decode(o.subarray(a));
+      switch (u) {
         case "data":
           r.data = r.data ? r.data + `
-` + i : i;
+` + c : c;
           break;
         case "event":
-          r.event = i;
+          r.event = c;
           break;
         case "id":
-          e(r.id = i);
+          e(r.id = c);
           break;
         case "retry":
-          const m = parseInt(i, 10);
-          isNaN(m) || t(r.retry = m);
+          const g = parseInt(c, 10);
+          isNaN(g) || t(r.retry = g);
           break;
       }
     }
   };
 }
-function oe(e, t) {
+function ae(e, t) {
   const n = new Uint8Array(e.length + t.length);
   return n.set(e), n.set(t, e.length), n;
 }
-function R() {
+function O() {
   return {
     data: "",
     event: "",
@@ -80,68 +80,68 @@ function R() {
     retry: void 0
   };
 }
-var ae = function(e, t) {
+var ie = function(e, t) {
   var n = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var c = 0, r = Object.getOwnPropertySymbols(e); c < r.length; c++)
-      t.indexOf(r[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[c]) && (n[r[c]] = e[r[c]]);
+    for (var s = 0, r = Object.getOwnPropertySymbols(e); s < r.length; s++)
+      t.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[s]) && (n[r[s]] = e[r[s]]);
   return n;
 };
-const P = "text/event-stream", se = 1e3, F = "last-event-id";
-function ie(e, t) {
-  var { signal: n, headers: r, onopen: c, onmessage: l, onclose: o, onerror: d, openWhenHidden: y, fetch: a } = t, i = ae(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((m, u) => {
+const F = "text/event-stream", se = 1e3, L = "last-event-id";
+function le(e, t) {
+  var { signal: n, headers: r, onopen: s, onmessage: d, onclose: o, onerror: l, openWhenHidden: u, fetch: a } = t, c = ie(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((g, m) => {
     const f = Object.assign({}, r);
-    f.accept || (f.accept = P);
-    let g;
+    f.accept || (f.accept = F);
+    let y;
     function p() {
-      g.abort(), document.hidden || x();
+      y.abort(), document.hidden || E();
     }
-    y || document.addEventListener("visibilitychange", p);
+    u || document.addEventListener("visibilitychange", p);
     let h = se, S = 0;
-    function b() {
-      document.removeEventListener("visibilitychange", p), window.clearTimeout(S), g.abort();
+    function k() {
+      document.removeEventListener("visibilitychange", p), window.clearTimeout(S), y.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      b(), m();
+      k(), g();
     });
-    const D = a ?? window.fetch, I = c ?? ce;
-    async function x() {
-      var M;
-      g = new AbortController();
+    const P = a ?? window.fetch, M = s ?? ce;
+    async function E() {
+      var D;
+      y = new AbortController();
       try {
-        const A = await D(e, Object.assign(Object.assign({}, i), { headers: f, signal: g.signal }));
-        await I(A), await te(A.body, re(ne((T) => {
-          T ? f[F] = T : delete f[F];
-        }, (T) => {
-          h = T;
-        }, l))), o == null || o(), b(), m();
-      } catch (A) {
-        if (!g.signal.aborted)
+        const I = await P(e, Object.assign(Object.assign({}, c), { headers: f, signal: y.signal }));
+        await M(I), await ne(I.body, re(oe((b) => {
+          b ? f[L] = b : delete f[L];
+        }, (b) => {
+          h = b;
+        }, d))), o == null || o(), k(), g();
+      } catch (I) {
+        if (!y.signal.aborted)
           try {
-            const T = (M = d == null ? void 0 : d(A)) !== null && M !== void 0 ? M : h;
-            window.clearTimeout(S), S = window.setTimeout(x, T);
-          } catch (T) {
-            b(), u(T);
+            const b = (D = l == null ? void 0 : l(I)) !== null && D !== void 0 ? D : h;
+            window.clearTimeout(S), S = window.setTimeout(E, b);
+          } catch (b) {
+            k(), m(b);
           }
       }
     }
-    x();
+    E();
   });
 }
 function ce(e) {
   const t = e.headers.get("content-type");
-  if (!(t != null && t.startsWith(P)))
-    throw new Error(`Expected content-type to be ${P}, Actual: ${t}`);
+  if (!(t != null && t.startsWith(F)))
+    throw new Error(`Expected content-type to be ${F}, Actual: ${t}`);
 }
-function le(e) {
+function de(e) {
   const t = atob(e), n = new Uint8Array(t.length);
   for (let r = 0; r < t.length; r++)
     n[r] = t.charCodeAt(r);
   return new TextDecoder("utf-8").decode(n);
 }
-class de {
+class ue {
   constructor(t) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
   }
@@ -151,23 +151,23 @@ class de {
    */
   updateStreams(t) {
     t.forEach((r) => {
-      const c = r.stream.id;
-      this.eventSources.has(c) || this.connectStream(r);
+      const s = r.stream.id;
+      this.eventSources.has(s) || this.connectStream(r);
     });
     const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, c) => {
-      n.has(c) || (r.abort(), this.eventSources.delete(c));
+    this.eventSources.forEach((r, s) => {
+      n.has(s) || (r.abort(), this.eventSources.delete(s));
     });
   }
   connectStream(t) {
     const n = t.stream.id, r = new AbortController();
     this.eventSources.set(n, r);
-    const c = `${this.fency.baseUrl}/sse/streams/${n}`, l = {
+    const s = `${this.fency.baseUrl}/sse/streams/${n}`, d = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    ie(c, {
-      headers: l,
+    le(s, {
+      headers: d,
       signal: r.signal,
       async onopen(o) {
         if (!o.ok && o.status >= 400 && o.status < 500 && o.status !== 429)
@@ -175,8 +175,8 @@ class de {
       },
       onmessage: (o) => {
         if (o.data) {
-          const d = le(o.data);
-          this.broadcast(d, n);
+          const l = de(o.data);
+          this.broadcast(l, n);
         }
       },
       onerror: (o) => {
@@ -212,99 +212,99 @@ class de {
     this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const ue = 12e4, me = (e) => {
+const me = 12e4, ge = (e) => {
   const t = Date.now();
-  return e.filter((n) => t - n.createdAt < ue);
+  return e.filter((n) => t - n.createdAt < me);
 };
-function ze({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, c] = k(
+function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+  const [r, s] = C(
     null
-  ), [l, o] = k(!0), [d, y] = k(null), [a, i] = k([]), m = E(null), u = E(null);
+  ), [d, o] = C(!0), [l, u] = C(null), [a, c] = C([]), g = A(null), m = A(null);
   w(() => {
     e.then((h) => {
-      c(h), o(!1);
+      s(h), o(!1);
     }).catch((h) => {
-      y(h), o(!1);
+      u(h), o(!1);
     });
   }, [e]), w(() => {
-    r && !u.current && (u.current = new de(r));
+    r && !m.current && (m.current = new ue(r));
   }, [r]), w(() => {
-    u.current && u.current.updateStreams(a);
+    m.current && m.current.updateStreams(a);
   }, [a]), w(() => () => {
     var h;
-    (h = u.current) == null || h.cleanup();
+    (h = m.current) == null || h.cleanup();
   }, []);
-  const f = N(
+  const f = _(
     async (h = 3e4) => {
-      if (m.current)
-        return m.current;
-      const S = Date.now(), b = a.length > 0 ? a[a.length - 1] : null;
-      if (b && S - b.createdAt < h)
-        return b.stream;
-      const D = (async () => {
+      if (g.current)
+        return g.current;
+      const S = Date.now(), k = a.length > 0 ? a[a.length - 1] : null;
+      if (k && S - k.createdAt < h)
+        return k.stream;
+      const P = (async () => {
         if (!r)
           throw new Error("Fency instance not initialized");
-        const I = await t(), x = await K({
+        const M = await t(), E = await G({
           pk: r.publishableKey,
           baseUrl: r.baseUrl,
-          clientToken: (I == null ? void 0 : I.clientToken) ?? ""
+          clientToken: (M == null ? void 0 : M.clientToken) ?? ""
         });
-        if (x.type === "success") {
-          const M = {
-            stream: x.stream,
+        if (E.type === "success") {
+          const D = {
+            stream: E.stream,
             createdAt: Date.now()
           };
-          return i((A) => {
-            const T = [...A, M];
-            return me(T);
-          }), m.current = null, x.stream;
+          return c((I) => {
+            const b = [...I, D];
+            return ge(b);
+          }), g.current = null, E.stream;
         } else
-          throw m.current = null, new Error("Failed to create stream");
+          throw g.current = null, new Error("Failed to create stream");
       })();
-      return m.current = D, D;
+      return g.current = P, P;
     },
     [r, a]
   );
-  if (d)
-    return /* @__PURE__ */ C("div", { children: [
+  if (l)
+    return /* @__PURE__ */ v("div", { children: [
       "Fency error: ",
-      d.message
+      l.message
     ] });
   if (!r)
     return null;
-  const g = a.length > 0 ? a[a.length - 1] : null, p = {
+  const y = a.length > 0 ? a[a.length - 1] : null, p = {
     fency: r,
-    loading: l,
-    error: d,
+    loading: d,
+    error: l,
     activeStreams: a,
-    latestStream: g,
-    eventManager: u.current,
+    latestStream: y,
+    eventManager: m.current,
     getOrCreateStream: f
   };
-  return /* @__PURE__ */ s(W.Provider, { value: p, children: n });
+  return /* @__PURE__ */ i(H.Provider, { value: p, children: n });
 }
-function H() {
-  const e = Q(W);
+function N() {
+  const e = Q(H);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const ge = (e) => {
+const ye = (e) => {
   try {
     const t = JSON.parse(e);
-    return ye(t);
+    return fe(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, ye = (e) => G(e) ? fe(e) : J(e) ? he(e) : V(e) ? pe(e) : null, fe = (e) => ({
+}, fe = (e) => J(e) ? he(e) : V(e) ? pe(e) : X(e) ? Se(e) : null, he = (e) => ({
   type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), he = (e) => ({
+}), pe = (e) => ({
   type: "STREAM_NOT_FOUND",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), pe = (e) => ({
+}), Se = (e) => ({
   type: "AGENT_TASK_PROGRESS_ITEM_UPDATED",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -312,31 +312,31 @@ const ge = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), Se = (e) => {
-  const t = H(), [n, r] = k(null), c = E(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+}), ke = (e) => {
+  const t = N(), [n, r] = C(null), s = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
   return w(() => {
     if (!t.eventManager) return;
     const o = {
-      onMessage: (y, a) => {
-        var m, u, f;
-        const i = ge(y);
-        if (i)
-          switch (i.type) {
+      onMessage: (u, a) => {
+        var g, m, f;
+        const c = ye(u);
+        if (c)
+          switch (c.type) {
             case "STREAM_TIMEOUT":
-              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, i);
+              (g = e == null ? void 0 : e.onStreamTimeout) == null || g.call(e, c);
               break;
             case "STREAM_NOT_FOUND":
-              (u = e == null ? void 0 : e.onStreamNotFound) == null || u.call(e, i);
+              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, c);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
-              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, i);
+              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, c);
               break;
           }
       },
-      onError: (y) => {
+      onError: (u) => {
         var a;
         (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
-          streamId: y,
+          streamId: u,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -345,7 +345,7 @@ const ge = (e) => {
       }
     };
     return t.eventManager.subscribe(
-      c.current,
+      s.current,
       o
     );
   }, [t.eventManager, e]), {
@@ -368,78 +368,78 @@ const ge = (e) => {
     },
     stream: n
   };
-}, Le = (e) => {
-  const t = H(), [n, r] = k([]), c = E(/* @__PURE__ */ new Set()), l = E(/* @__PURE__ */ new Map()), { createStream: o } = Se({
+}, Je = (e) => {
+  const t = N(), [n, r] = C([]), s = A(/* @__PURE__ */ new Set()), d = A(/* @__PURE__ */ new Map()), { createStream: o } = ke({
     onAgentTaskProgressItemUpdated: (a) => {
-      var u;
-      if (!c.current.has(a.agentTaskId)) return;
-      const i = a.data;
-      if (i.taskType === "StreamingChatCompletion" && i.eventType === "Completed" || i.taskType === "StructuredChatCompletion" && i.eventType === "Completed" || i.taskType === "MemoryChatCompletion" && i.eventType === "Completed") {
-        const f = l.current.get(
+      var m;
+      if (!s.current.has(a.agentTaskId)) return;
+      const c = a.data;
+      if (c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed" || c.taskType === "MemoryChatCompletion" && c.eventType === "Completed") {
+        const f = d.current.get(
           a.agentTaskId
         );
-        f && (l.current.delete(a.agentTaskId), f(i));
+        f && (d.current.delete(a.agentTaskId), f(c));
         return;
       }
-      (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, a), r(
-        (f) => f.map((g) => {
+      (m = e.onAgentTaskProgressItemUpdated) == null || m.call(e, a), r(
+        (f) => f.map((y) => {
           var S;
-          if (((S = g.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
-            return g;
-          const h = g.progressItems.some(
-            (b) => b.progressItemId === a.progressItemId
-          ) ? g.progressItems.map(
-            (b) => b.progressItemId === a.progressItemId ? a : b
-          ) : [...g.progressItems, a];
-          return { ...g, progressItems: h };
+          if (((S = y.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
+            return y;
+          const h = y.progressItems.some(
+            (k) => k.progressItemId === a.progressItemId
+          ) ? y.progressItems.map(
+            (k) => k.progressItemId === a.progressItemId ? a : k
+          ) : [...y.progressItems, a];
+          return { ...y, progressItems: h };
         })
       );
     },
     onStreamError: (a) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, a), r((m) => {
-        const u = m.find((f) => f.streamId === a.streamId);
-        return u ? [
-          ...m.filter((f) => f.streamId !== a.streamId),
+      var c;
+      (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, a), r((g) => {
+        const m = g.find((f) => f.streamId === a.streamId);
+        return m ? [
+          ...g.filter((f) => f.streamId !== a.streamId),
           {
-            ...u,
+            ...m,
             loading: !1,
             error: a.error
           }
-        ] : m;
+        ] : g;
       });
     },
     onStreamNotFound: (a) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamNotFound) == null || i.call(e, a);
+      var c;
+      (c = e == null ? void 0 : e.onStreamNotFound) == null || c.call(e, a);
     },
     onStreamTimeout: (a) => {
-      var i;
-      (i = e == null ? void 0 : e.onStreamTimeout) == null || i.call(e, a);
+      var c;
+      (c = e == null ? void 0 : e.onStreamTimeout) == null || c.call(e, a);
     }
-  }), d = N(
-    async (a, i) => {
-      const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await o();
-      if (u.type === "success") {
+  }), l = _(
+    async (a, c) => {
+      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, m = await o();
+      if (m.type === "success") {
         r([
           ...n,
           {
-            taskKey: m,
-            streamId: u.stream.id,
+            taskKey: g,
+            streamId: m.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
             params: a,
             progressItems: [],
             loading: !0,
-            loadingText: i == null ? void 0 : i.loadingText
+            loadingText: c == null ? void 0 : c.loadingText
           }
         ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(a.type), g = await X({
+        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(a.type), y = await Y({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
           clientToken: f,
-          streamToken: u.stream.token,
+          streamToken: m.stream.token,
           request: {
             streamingChatCompletionTask: a.type === "StreamingChatCompletion" ? {
               messages: a.messages,
@@ -452,62 +452,65 @@ const ge = (e) => {
             } : void 0,
             memoryChatCompletionTask: a.type === "MemoryChatCompletion" ? {
               messages: a.messages,
-              model: a.model
+              model: a.model,
+              language: a.language ?? "en",
+              chunkLimit: a.chunkLimit ?? 10,
+              memoryScanLimit: a.memoryScanLimit ?? 3
             } : void 0
           }
         });
-        if (g.type === "success" && g.agentTask) {
-          c.current.add(
-            g.agentTask.id
+        if (y.type === "success" && y.agentTask) {
+          s.current.add(
+            y.agentTask.id
           ), r((h) => [
-            ...h.filter((S) => S.taskKey !== m),
+            ...h.filter((S) => S.taskKey !== g),
             {
-              taskKey: m,
-              streamId: u.stream.id,
+              taskKey: g,
+              streamId: m.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: g.agentTask.id,
-              createdAt: g.agentTask.createdAt,
+              taskId: y.agentTask.id,
+              createdAt: y.agentTask.createdAt,
               error: null,
               params: a,
               progressItems: [],
               loading: !0,
-              loadingText: i == null ? void 0 : i.loadingText,
+              loadingText: c == null ? void 0 : c.loadingText,
               confirmedData: {
-                taskId: g.agentTask.id,
-                createdAt: g.agentTask.createdAt
+                taskId: y.agentTask.id,
+                createdAt: y.agentTask.createdAt
               }
             }
           ]);
           const p = await new Promise((h) => {
-            l.current.set(
-              g.agentTask.id,
+            d.current.set(
+              y.agentTask.id,
               h
             );
           });
           return {
             type: "success",
-            streamId: u.stream.id,
-            agentTaskId: g.agentTask.id,
+            streamId: m.stream.id,
+            agentTaskId: y.agentTask.id,
             response: p
           };
         } else {
-          if (g.type === "error")
+          if (y.type === "error")
             return r((p) => [
-              ...p.filter((h) => h.taskKey !== m),
+              ...p.filter((h) => h.taskKey !== g),
               {
-                taskKey: m,
+                taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: u.stream.id,
+                streamId: m.stream.id,
                 params: a,
-                error: g.error,
+                error: y.error,
                 progressItems: [],
                 loading: !1,
-                loadingText: i == null ? void 0 : i.loadingText,
+                loadingText: c == null ? void 0 : c.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: g.error
+              error: y.error
             };
           {
             const p = {
@@ -515,16 +518,16 @@ const ge = (e) => {
               code: "UnknownError"
             };
             return r((h) => [
-              ...h.filter((S) => S.taskKey !== m),
+              ...h.filter((S) => S.taskKey !== g),
               {
-                taskKey: m,
+                taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: u.stream.id,
+                streamId: m.stream.id,
                 error: p,
                 params: a,
                 progressItems: [],
                 loading: !1,
-                loadingText: i == null ? void 0 : i.loadingText,
+                loadingText: c == null ? void 0 : c.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -534,58 +537,58 @@ const ge = (e) => {
           }
         }
       } else
-        return console.error(u.error), u;
+        return console.error(m.error), m;
     },
     [t, n, o]
-  ), y = _(() => {
+  ), u = $(() => {
     if (n.length !== 0)
-      return [...n].sort((a, i) => new Date(i.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
+      return [...n].sort((a, c) => new Date(c.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
   }, [n]);
   return w(() => () => {
-    c.current.clear(), l.current.clear();
+    s.current.clear(), d.current.clear();
   }, []), {
     agentTasks: n,
-    createAgentTask: d,
-    latest: y
+    createAgentTask: l,
+    latest: u
   };
 };
-function be(e) {
+function Te(e) {
   return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], c = r != null;
-    let l;
+    const r = e.progressItems[n + 1], s = r != null;
+    let d;
     if (r != null && r.createdAt) {
-      const o = new Date(t.createdAt).getTime(), d = new Date(r.createdAt).getTime();
-      l = Math.round((d - o) / 1e3);
+      const o = new Date(t.createdAt).getTime(), l = new Date(r.createdAt).getTime();
+      d = Math.round((l - o) / 1e3);
     }
     return {
       item: t,
-      completed: c,
+      completed: s,
       isLatest: n === e.progressItems.length - 1,
-      durationSeconds: l
+      durationSeconds: d
     };
   });
 }
-function O({
+function R({
   text: e,
   duration: t = 2,
   delay: n = 0,
   repeat: r = !0,
-  repeatDelay: c = 0.5,
-  className: l,
+  repeatDelay: s = 0.5,
+  className: d,
   startOnView: o = !1,
-  once: d = !1,
-  inViewMargin: y,
+  once: l = !1,
+  inViewMargin: u,
   spread: a = 2,
-  color: i = "#999",
-  shimmerColor: m = "#000",
-  direction: u = "fromBottom"
+  color: c = "#999",
+  shimmerColor: g = "#000",
+  direction: m = "fromBottom"
 }) {
-  const f = E(null), g = Y(f, { once: d, margin: y }), p = _(() => e.length * a, [e, a]), h = !o || g, S = u === "fromBottom" ? "100% center" : "-100% center", b = u === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ s(
-    v.span,
+  const f = A(null), y = Z(f, { once: l, margin: u }), p = $(() => e.length * a, [e, a]), h = !o || y, S = m === "fromBottom" ? "100% center" : "-100% center", k = m === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ i(
+    T.span,
     {
       ref: f,
-      className: l,
+      className: d,
       style: {
         position: "relative",
         display: "inline-block",
@@ -596,8 +599,8 @@ function O({
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
         "--spread": `${p}px`,
-        "--base-color": i,
-        "--shimmer-color": m,
+        "--base-color": c,
+        "--shimmer-color": g,
         "--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))"
       },
@@ -606,7 +609,7 @@ function O({
         opacity: 0
       },
       animate: h ? {
-        backgroundPosition: b,
+        backgroundPosition: k,
         opacity: 1
       } : {},
       transition: {
@@ -614,7 +617,7 @@ function O({
           repeat: r ? 1 / 0 : 0,
           duration: t,
           delay: n,
-          repeatDelay: c,
+          repeatDelay: s,
           ease: "linear"
         },
         opacity: {
@@ -626,61 +629,63 @@ function O({
     }
   );
 }
-function ve(e) {
-  const t = e.item.data;
-  if (t.eventType === "Error" && "message" in t)
-    return "Error";
-  if (t.taskType === "StreamingChatCompletion") {
-    if (t.eventType === "Text") return "Streaming...";
-    if (t.eventType === "Completed") return "Completed";
+function ve(e, t) {
+  const n = e.item.data;
+  if (n.eventType === "Error" && "message" in n)
+    return t.error;
+  if (n.taskType === "StreamingChatCompletion") {
+    if (n.eventType === "Text") return t.streaming;
+    if (n.eventType === "Completed") return t.completed;
   }
-  if (t.taskType === "StructuredChatCompletion") {
-    if (t.eventType === "Json") return "Generating...";
-    if (t.eventType === "Completed") return "Completed";
+  if (n.taskType === "StructuredChatCompletion") {
+    if (n.eventType === "Json") return t.generating;
+    if (n.eventType === "Completed") return t.completed;
   }
-  if (t.taskType === "MemoryChatCompletion")
-    switch (t.eventType) {
+  if (n.taskType === "MemoryChatCompletion")
+    switch (n.eventType) {
       case "Text":
-        return "Streaming...";
+        return t.streaming;
       case "Search":
-        return "Searching...";
+        return t.searching;
       case "FindSources":
-        return "Adding sources...";
+        return t.addingSources;
       case "SourcesResult":
-        return "Sources added...";
+        return t.sourcesAdded;
       case "ExploreMemoryStart":
-        return "Exploring memory...";
+        return t.exploringMemory;
       case "ExploreMemoryResult":
-        return "Memory explored";
+        return t.memoryExplored;
       case "ExploreMemoryError":
-        return "Memory exploration failed";
+        return t.memoryExplorationFailed;
+      case "ChunkResult":
+        return t.chunksRetrieved;
       case "Completed":
-        return "Completed";
+        return t.completed;
     }
-  return "Processing...";
+  return t.processing;
 }
-const Te = ({ progressViewItems: e }) => {
-  const t = e[e.length - 1];
-  if (!t) return null;
-  const n = ve(t);
-  return /* @__PURE__ */ s("div", { className: "simple-mode-container", children: /* @__PURE__ */ s(z, { mode: "wait", children: /* @__PURE__ */ s(
-    v.div,
+const be = ({ progressViewItems: e, t }) => {
+  const n = e[e.length - 1];
+  if (!n) return null;
+  const r = ve(n, t);
+  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(W, { mode: "wait", children: /* @__PURE__ */ i(
+    T.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: t.completed ? /* @__PURE__ */ s(
+      children: n.completed ? /* @__PURE__ */ i(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
-          children: n
+          children: r
         }
-      ) : /* @__PURE__ */ s(
-        O,
+      ) : /* @__PURE__ */ i(
+        R,
         {
-          text: n,
+          text: r,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -689,9 +694,9 @@ const Te = ({ progressViewItems: e }) => {
         }
       )
     },
-    t.item.progressItemId
+    n.item.progressItemId
   ) }) });
-}, j = {
+}, K = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -844,55 +849,120 @@ const Te = ({ progressViewItems: e }) => {
   }
 }, B = ({
   text: e
-}) => /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ s(
-  v.div,
+}) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+  T.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
-    children: /* @__PURE__ */ s(
-      Z,
+    children: /* @__PURE__ */ i(
+      ee,
       {
-        remarkPlugins: [ee],
+        remarkPlugins: [te],
         components: {
           code(t) {
-            const { children: n, className: r, node: c, ref: l, ...o } = t, d = /language-(\w+)/.exec(r || "");
-            return d ? (
+            const { children: n, className: r, node: s, ref: d, ...o } = t, l = /language-(\w+)/.exec(r || "");
+            return l ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
-              /* @__PURE__ */ s(
-                L,
+              /* @__PURE__ */ i(
+                j,
                 {
                   ...o,
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
-                  language: d[1],
-                  style: j
+                  language: l[1],
+                  style: K
                 }
               )
-            ) : /* @__PURE__ */ s("code", { ...o, className: r, children: String(n) });
+            ) : /* @__PURE__ */ i("code", { ...o, className: r, children: String(n) });
           }
         },
         children: e
       }
     )
   }
-) }), Ce = ({ data: e }) => {
+) }), xe = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
-  return /* @__PURE__ */ s("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ s(
-    v.div,
+  return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
+    T.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ s(L, { language: "json", style: j, PreTag: "div", children: t })
+      children: /* @__PURE__ */ i(j, { language: "json", style: K, PreTag: "div", children: t })
     }
   ) });
-}, ke = ({ data: e, isLatest: t = !1, durationSeconds: n }) => {
-  const r = `Searching: ${e.queryDescription}`;
-  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ s(
-      v.div,
+}, Ce = {
+  en: {
+    error: "Error",
+    streaming: "Streaming...",
+    completed: "Completed",
+    generating: "Generating...",
+    searching: "Searching...",
+    addingSources: "Adding sources...",
+    sourcesAdded: "Sources added...",
+    exploringMemory: "Exploring memory...",
+    memoryExplored: "Memory explored",
+    memoryExplorationFailed: "Memory exploration failed",
+    processing: "Processing...",
+    processingYourTask: "Processing your task...",
+    searchingPrefix: "Searching: ",
+    tookSeconds: "Took {n} seconds",
+    sources: "Sources",
+    noSources: "No sources",
+    pageSingle: "page {n}",
+    pageTwo: "pages {a} and {b}",
+    pageMultiple: "pages {list} and {n}",
+    clickToCollapse: "Click to collapse",
+    clickToExpand: "Click to expand",
+    chunkFound: "1 chunk found",
+    chunksFound: "{n} chunks found",
+    chunksRetrieved: "Chunks retrieved",
+    scoreLabel: "score: {n}"
+  },
+  no: {
+    error: "Feil",
+    streaming: "Strømmer...",
+    completed: "Fullført",
+    generating: "Genererer...",
+    searching: "Søker...",
+    addingSources: "Legger til kilder...",
+    sourcesAdded: "Kilder lagt til...",
+    exploringMemory: "Utforsker minne...",
+    memoryExplored: "Minne utforsket",
+    memoryExplorationFailed: "Minneutforskning feilet",
+    processing: "Behandler...",
+    processingYourTask: "Behandler oppgaven din...",
+    searchingPrefix: "Søker: ",
+    tookSeconds: "Tok {n} sekunder",
+    sources: "Kilder",
+    noSources: "Ingen kilder",
+    pageSingle: "side {n}",
+    pageTwo: "side {a} og {b}",
+    pageMultiple: "side {list} og {n}",
+    clickToCollapse: "Klikk for å skjule",
+    clickToExpand: "Klikk for å utvide",
+    chunkFound: "1 del funnet",
+    chunksFound: "{n} deler funnet",
+    chunksRetrieved: "Deler hentet",
+    scoreLabel: "poeng: {n}"
+  }
+};
+function Ee(e) {
+  return Ce[e];
+}
+function x(e, t) {
+  return Object.entries(t).reduce(
+    (n, [r, s]) => n.replace(`{${r}}`, String(s)),
+    e
+  );
+}
+const we = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const s = `${r.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ v("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      T.div,
       {
         style: {
           display: "flex",
@@ -903,19 +973,19 @@ const Te = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ s(
-          O,
+        children: t && !n ? /* @__PURE__ */ i(
+          R,
           {
-            text: r,
+            text: s,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ s("span", { style: { color: "#666" }, children: r })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: s })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ C(
+    n !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -924,19 +994,15 @@ const Te = ({ progressViewItems: e }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: [
-          "Took ",
-          n,
-          " seconds"
-        ]
+        children: x(r.tookSeconds, { n })
       }
     )
   ] });
-}, xe = ({ isLatest: e = !1, durationSeconds: t }) => {
-  const n = "Adding sources...";
-  return /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ s(
-      v.div,
+}, Ae = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
+  const r = n.addingSources;
+  return /* @__PURE__ */ v("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      T.div,
       {
         style: {
           display: "flex",
@@ -947,19 +1013,19 @@ const Te = ({ progressViewItems: e }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !t ? /* @__PURE__ */ s(
-          O,
+        children: e && !t ? /* @__PURE__ */ i(
+          R,
           {
-            text: n,
+            text: r,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ s("span", { style: { color: "#666" }, children: n })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: r })
       }
     ),
-    t !== void 0 && /* @__PURE__ */ C(
+    t !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -968,17 +1034,26 @@ const Te = ({ progressViewItems: e }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: [
-          "Took ",
-          t,
-          " seconds"
-        ]
+        children: x(n.tookSeconds, { n: t })
       }
     )
   ] });
-}, we = ({ data: e, onSourceClick: t }) => /* @__PURE__ */ C("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ s(
-    v.div,
+};
+function Ie(e, t) {
+  if (e.length === 0) return "";
+  if (e.length === 1)
+    return x(t.pageSingle, { n: e[0] });
+  if (e.length === 2)
+    return x(t.pageTwo, {
+      a: e[0],
+      b: e[1]
+    });
+  const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
+  return x(t.pageMultiple, { list: r, n });
+}
+const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ i(
+    T.div,
     {
       style: {
         marginBottom: "10px",
@@ -991,38 +1066,35 @@ const Te = ({ progressViewItems: e }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: "Sources"
+      children: n.sources
     }
   ),
-  /* @__PURE__ */ s("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ s("span", { style: { fontSize: "13px", color: "#888" }, children: "No sources" }) : e.sources.map((n, r) => /* @__PURE__ */ s(
-    Ae,
+  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: n.noSources }) : e.sources.map((r, s) => /* @__PURE__ */ i(
+    De,
     {
-      source: n,
-      index: r,
-      onSourceClick: t
+      source: r,
+      index: s,
+      onSourceClick: t,
+      t: n
     },
-    n.memoryId
+    r.memoryId
   )) })
-] });
-function Ee(e) {
-  if (e.length === 0) return "";
-  if (e.length === 1) return `page ${e[0]}`;
-  if (e.length === 2)
-    return `pages ${e[0]} and ${e[1]}`;
-  const t = e[e.length - 1];
-  return `pages ${e.slice(0, -1).join(", ")} and ${t}`;
-}
-const Ae = ({ source: e, index: t, onSourceClick: n }) => {
-  const [r, c] = k(!1), l = !!n, o = e.pageNumbers ?? [], d = Ee(o);
-  return /* @__PURE__ */ C(
-    v.div,
+] }), De = ({
+  source: e,
+  index: t,
+  onSourceClick: n,
+  t: r
+}) => {
+  const [s, d] = C(!1), o = !!n, l = e.pageNumbers ?? [], u = Ie(l, r);
+  return /* @__PURE__ */ v(
+    T.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: l ? () => n(e.memoryId) : void 0,
-      onMouseEnter: l ? () => c(!0) : void 0,
-      onMouseLeave: l ? () => c(!1) : void 0,
+      onClick: o ? () => n(e.memoryId) : void 0,
+      onMouseEnter: o ? () => d(!0) : void 0,
+      onMouseLeave: o ? () => d(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -1030,14 +1102,14 @@ const Ae = ({ source: e, index: t, onSourceClick: n }) => {
         padding: "8px 12px",
         borderRadius: "6px",
         border: "1px solid #e0e0e0",
-        backgroundColor: r ? "#f5f5f5" : "transparent",
-        cursor: l ? "pointer" : "default",
+        backgroundColor: s ? "#f5f5f5" : "transparent",
+        cursor: o ? "pointer" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none"
       },
       children: [
-        /* @__PURE__ */ s("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-        d && /* @__PURE__ */ s("span", { style: { fontSize: "12px", color: "#666" }, children: d })
+        /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+        u && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: u })
       ]
     }
   );
@@ -1047,7 +1119,7 @@ const Ae = ({ source: e, index: t, onSourceClick: n }) => {
   borderWidth: n = 7
 }) => {
   const r = t * 0.5;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "span",
     {
       style: {
@@ -1060,20 +1132,20 @@ const Ae = ({ source: e, index: t, onSourceClick: n }) => {
       }
     }
   );
-}, Ie = ({
+}, Pe = ({
   color: e = "#333",
   size: t = 32,
   lineWidth: n = 2
 }) => {
-  const r = t + 1, c = (t - n) / 2, l = (t - r) / 2, o = {
+  const r = t + 1, s = (t - n) / 2, d = (t - r) / 2, o = {
     position: "absolute",
-    left: c,
-    top: l,
+    left: s,
+    top: d,
     width: n,
     height: r,
     backgroundColor: e
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ v(
     "span",
     {
       style: {
@@ -1083,7 +1155,7 @@ const Ae = ({ source: e, index: t, onSourceClick: n }) => {
         height: t
       },
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "span",
           {
             style: {
@@ -1092,7 +1164,7 @@ const Ae = ({ source: e, index: t, onSourceClick: n }) => {
             }
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "span",
           {
             style: {
@@ -1105,21 +1177,21 @@ const Ae = ({ source: e, index: t, onSourceClick: n }) => {
     }
   );
 };
-function Me({
+function Re({
   eventType: e,
   completed: t
 }) {
-  return e === "ExploreMemoryError" ? /* @__PURE__ */ s(Ie, { color: "#c62828", size: 15, lineWidth: 2 }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ s(U, { color: "#999", size: 15, borderWidth: 2 }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ s(U, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ s("span", { className: "explore-memory-loader" }) : null;
+  return e === "ExploreMemoryError" ? /* @__PURE__ */ i(Pe, { color: "#c62828", size: 15, lineWidth: 2 }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ i(U, { color: "#999", size: 15, borderWidth: 2 }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ i(U, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" }) : null;
 }
-const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
-  const [r, c] = k(!1), l = e.eventType === "ExploreMemoryResult" ? e.result : void 0, o = l != null && l.length > $, d = l != null ? r || !o ? l : `${l.slice(0, $)}...` : void 0, y = o;
-  return /* @__PURE__ */ s("div", { style: { padding: "10px" }, children: /* @__PURE__ */ C(
-    v.div,
+const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
+  const [s, d] = C(!1), o = e.eventType === "ExploreMemoryResult" ? e.result : void 0, l = o != null && o.length > z, u = o != null ? s || !l ? o : `${o.slice(0, z)}...` : void 0, a = l;
+  return /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: /* @__PURE__ */ v(
+    T.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: y ? () => c((a) => !a) : void 0,
+      onClick: a ? () => d((c) => !c) : void 0,
       style: {
         paddingBottom: "12px",
         borderBottom: "1px solid #eee",
@@ -1128,10 +1200,10 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
         alignItems: "center",
         gap: "10px",
         minWidth: 0,
-        cursor: y ? "pointer" : "default"
+        cursor: a ? "pointer" : "default"
       },
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -1141,8 +1213,8 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ s(
-              Me,
+            children: /* @__PURE__ */ i(
+              Re,
               {
                 eventType: e.eventType,
                 completed: t
@@ -1150,7 +1222,7 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
             )
           }
         ),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ v(
           "div",
           {
             style: {
@@ -1160,26 +1232,26 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ i(
                 "span",
                 {
                   style: { fontSize: 13, fontWeight: 500, color: "#333" },
                   children: e.memoryTitle
                 }
               ),
-              d != null && /* @__PURE__ */ s(
+              u != null && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
                     fontSize: 12,
                     color: "#666",
                     lineHeight: 1.4,
-                    whiteSpace: r ? "pre-wrap" : void 0
+                    whiteSpace: s ? "pre-wrap" : void 0
                   },
-                  children: d
+                  children: u
                 }
               ),
-              y && /* @__PURE__ */ s(
+              a && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1187,7 +1259,7 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
                     color: "#999",
                     marginTop: 2
                   },
-                  children: r ? "Click to collapse" : "Click to expand"
+                  children: s ? r.clickToCollapse : r.clickToExpand
                 }
               )
             ]
@@ -1196,8 +1268,124 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
       ]
     }
   ) });
-}, Oe = ({ message: e }) => /* @__PURE__ */ s("div", { style: { padding: "16px" }, children: /* @__PURE__ */ s(
-  v.div,
+};
+function Oe(e, t) {
+  if (e.length === 0) return "";
+  if (e.length === 1)
+    return x(t.pageSingle, { n: e[0] });
+  if (e.length === 2)
+    return x(t.pageTwo, {
+      a: e[0],
+      b: e[1]
+    });
+  const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
+  return x(t.pageMultiple, { list: r, n });
+}
+function Le(e, t) {
+  return e === 1 ? t.chunkFound : x(t.chunksFound, { n: e });
+}
+const Be = ({ data: e, t }) => {
+  const [n, r] = C(!1), s = e.chunks.length, d = s > 0;
+  return /* @__PURE__ */ v("div", { style: { padding: "10px" }, children: [
+    /* @__PURE__ */ v(
+      T.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { duration: 0.25 },
+        onClick: d ? () => r((o) => !o) : void 0,
+        style: {
+          paddingBottom: n ? "12px" : 0,
+          borderBottom: n ? "1px solid #eee" : void 0,
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px",
+          minWidth: 0,
+          cursor: d ? "pointer" : "default"
+        },
+        children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: Le(s, t) }),
+          d && /* @__PURE__ */ i(
+            "span",
+            {
+              style: {
+                fontSize: 11,
+                color: "#999",
+                marginTop: 2
+              },
+              children: n ? t.clickToCollapse : t.clickToExpand
+            }
+          )
+        ]
+      }
+    ),
+    n && d && /* @__PURE__ */ i(
+      T.div,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        transition: { duration: 0.2 },
+        style: {
+          maxHeight: 220,
+          overflowY: "auto",
+          marginTop: 12,
+          display: "flex",
+          flexDirection: "column",
+          gap: 8
+        },
+        children: e.chunks.map((o, l) => {
+          const u = o.pageNumbers ?? [], a = Oe(u, t);
+          return /* @__PURE__ */ v(
+            "div",
+            {
+              style: {
+                padding: "8px 12px",
+                borderRadius: 6,
+                border: "1px solid #e0e0e0",
+                backgroundColor: "#fafafa"
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 12,
+                      color: "#333",
+                      lineHeight: 1.4,
+                      display: "block",
+                      marginBottom: 4
+                    },
+                    children: o.content
+                  }
+                ),
+                /* @__PURE__ */ v(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      gap: 8,
+                      fontSize: 11,
+                      color: "#666"
+                    },
+                    children: [
+                      a && /* @__PURE__ */ i("span", { children: a }),
+                      /* @__PURE__ */ i("span", { children: x(t.scoreLabel, {
+                        n: o.score
+                      }) })
+                    ]
+                  }
+                )
+              ]
+            },
+            l
+          );
+        })
+      }
+    )
+  ] });
+}, Ue = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+  T.div,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
@@ -1207,7 +1395,7 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
       alignItems: "flex-start",
       gap: "10px"
     },
-    children: /* @__PURE__ */ s(
+    children: /* @__PURE__ */ i(
       "span",
       {
         style: {
@@ -1219,111 +1407,126 @@ const $ = 80, De = ({ data: e, completed: t, isLatest: n = !1 }) => {
       }
     )
   }
-) }), Pe = ({
+) }), ze = ({
   progressViewItems: e,
   loadingText: t,
-  onSourceClick: n
+  t: n,
+  onSourceClick: r
 }) => {
-  const r = E(null);
+  const s = A(null);
   w(() => {
-    r.current && (r.current.scrollTop = r.current.scrollHeight);
+    s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, [e.length]);
-  const c = (l) => {
-    const o = l.item.data;
-    if (o.taskType === "StreamingChatCompletion" && o.eventType === "Text")
-      return /* @__PURE__ */ s(B, { text: o.text });
-    if (o.taskType === "StructuredChatCompletion" && o.eventType === "Json")
-      return /* @__PURE__ */ s(Ce, { data: o });
-    if (o.taskType === "MemoryChatCompletion")
-      switch (o.eventType) {
+  const d = (o) => {
+    const l = o.item.data;
+    if (l.taskType === "StreamingChatCompletion" && l.eventType === "Text")
+      return /* @__PURE__ */ i(B, { text: l.text });
+    if (l.taskType === "StructuredChatCompletion" && l.eventType === "Json")
+      return /* @__PURE__ */ i(xe, { data: l });
+    if (l.taskType === "MemoryChatCompletion")
+      switch (l.eventType) {
         case "Text":
-          return /* @__PURE__ */ s(B, { text: o.text });
+          return /* @__PURE__ */ i(B, { text: l.text });
         case "Search":
-          return /* @__PURE__ */ s(
-            ke,
+          return /* @__PURE__ */ i(
+            we,
             {
-              data: o,
-              isLatest: l.isLatest,
-              durationSeconds: l.durationSeconds
+              data: l,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
+              t: n
             }
           );
         case "FindSources":
-          return /* @__PURE__ */ s(
-            xe,
+          return /* @__PURE__ */ i(
+            Ae,
             {
-              data: o,
-              isLatest: l.isLatest,
-              durationSeconds: l.durationSeconds
+              data: l,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
+              t: n
             }
           );
         case "SourcesResult":
-          return /* @__PURE__ */ s(
-            we,
+          return /* @__PURE__ */ i(
+            Me,
             {
-              data: o,
-              onSourceClick: n
+              data: l,
+              onSourceClick: r,
+              t: n
             }
           );
         case "ExploreMemoryStart":
         case "ExploreMemoryResult":
         case "ExploreMemoryError":
-          return /* @__PURE__ */ s(
-            De,
+          return /* @__PURE__ */ i(
+            Fe,
             {
-              data: o,
-              completed: l.completed,
-              isLatest: l.isLatest
+              data: l,
+              completed: o.completed,
+              isLatest: o.isLatest,
+              t: n
             }
           );
+        case "ChunkResult":
+          return /* @__PURE__ */ i(Be, { data: l, t: n });
         case "Completed":
           return null;
       }
-    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" || o.taskType === "StructuredChatCompletion" && o.eventType === "Completed" ? null : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ s(Oe, { message: o.message }) : null;
+    return l.taskType === "StreamingChatCompletion" && l.eventType === "Completed" || l.taskType === "StructuredChatCompletion" && l.eventType === "Completed" ? null : l.eventType === "Error" && "message" in l ? /* @__PURE__ */ i(Ue, { message: l.message }) : null;
   };
-  return e.length === 0 ? /* @__PURE__ */ s("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ s(
-    O,
+  return e.length === 0 ? /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
+    R,
     {
-      text: t ?? "Processing your task...",
+      text: t ?? n.processingYourTask,
       duration: 1.5,
       repeat: !0,
       repeatDelay: 0,
       color: "#999",
       shimmerColor: "#000"
     }
-  ) }) : /* @__PURE__ */ s("div", { id: "agent-task-progress-verbose", ref: r, children: /* @__PURE__ */ s(z, { children: e.map((l, o) => /* @__PURE__ */ s(
-    v.div,
+  ) }) : /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(W, { children: e.map((o, l) => /* @__PURE__ */ i(
+    T.div,
     {
-      id: `agent-task-progress-item-${l.item.progressItemId}`,
+      id: `agent-task-progress-item-${o.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
         duration: 0.4,
-        delay: o * 0.1,
+        delay: l * 0.1,
         ease: "easeOut"
       },
-      children: c(l)
+      children: d(o)
     },
-    l.item.progressItemId
+    o.item.progressItemId
   )) }) });
-}, We = ({
+}, Ve = ({
   agentTask: e,
   mode: t = "verbose",
-  onSourceClick: n
+  language: n,
+  onSourceClick: r
 }) => {
-  const r = be(e);
-  return t === "simple" ? /* @__PURE__ */ s(Te, { progressViewItems: r }) : /* @__PURE__ */ s(
-    Pe,
+  const s = Te(e), d = e.params.type === "MemoryChatCompletion" && "language" in e.params ? e.params.language ?? "en" : n ?? "en", o = Ee(d);
+  return t === "simple" ? /* @__PURE__ */ i(
+    be,
+    {
+      progressViewItems: s,
+      t: o
+    }
+  ) : /* @__PURE__ */ i(
+    ze,
     {
-      progressViewItems: r,
+      progressViewItems: s,
       loadingText: e.loadingText,
-      onSourceClick: n
+      t: o,
+      onSourceClick: r
     }
   );
 };
 export {
-  We as AgentTaskProgress,
+  Ve as AgentTaskProgress,
   U as Checkmark,
-  ze as FencyProvider,
-  Ie as XMark,
-  Le as useAgentTasks
+  Ge as FencyProvider,
+  Pe as XMark,
+  Je as useAgentTasks
 };