@fencyai/react 0.1.157 → 0.1.159

package/dist/index.js

@@ -1,55 +1,55 @@
-import { jsxs as y, jsx as o, Fragment as E } from "react/jsx-runtime";
+import { jsxs as y, jsx as i, Fragment as E } from "react/jsx-runtime";
 import { createStream as ie, isStreamTimeoutEvent as ae, isStreamNotFoundEvent as se, isAgentTaskProgressItemUpdatedEvent as le, createAgentTask as ce } from "@fencyai/js";
-import { createContext as de, useState as v, useRef as A, useEffect as I, useCallback as G, useContext as ue, useMemo as D } from "react";
-import { useInView as me, motion as T, AnimatePresence as X } from "motion/react";
+import { createContext as de, useState as b, useRef as A, useEffect as M, useCallback as G, useContext as me, useMemo as D } from "react";
+import { useInView as ue, motion as T, AnimatePresence as X } from "motion/react";
 import pe from "react-markdown";
 import { Prism as J } from "react-syntax-highlighter";
-import ge from "remark-gfm";
+import ye from "remark-gfm";
 import './assets/index.css';const Y = de(
   void 0
 );
-async function ye(e, r) {
+async function ge(e, r) {
   const n = e.getReader();
   let t;
   for (; !(t = await n.read()).done; )
     r(t.value);
 }
 function he(e) {
-  let r, n, t, c = !1;
-  return function(l) {
-    r === void 0 ? (r = l, n = 0, t = -1) : r = Se(r, l);
+  let r, n, t, l = !1;
+  return function(s) {
+    r === void 0 ? (r = s, n = 0, t = -1) : r = Se(r, s);
     const d = r.length;
-    let u = 0;
+    let m = 0;
     for (; n < d; ) {
-      c && (r[n] === 10 && (u = ++n), c = !1);
-      let i = -1;
-      for (; n < d && i === -1; ++n)
+      l && (r[n] === 10 && (m = ++n), l = !1);
+      let o = -1;
+      for (; n < d && o === -1; ++n)
         switch (r[n]) {
           case 58:
-            t === -1 && (t = n - u);
+            t === -1 && (t = n - m);
             break;
           case 13:
-            c = !0;
+            l = !0;
           case 10:
-            i = n;
+            o = n;
             break;
         }
-      if (i === -1)
+      if (o === -1)
         break;
-      e(r.subarray(u, i), t), u = n, t = -1;
+      e(r.subarray(m, o), t), m = n, t = -1;
     }
-    u === d ? r = void 0 : u !== 0 && (r = r.subarray(u), n -= u);
+    m === d ? r = void 0 : m !== 0 && (r = r.subarray(m), n -= m);
   };
 }
 function fe(e, r, n) {
   let t = q();
-  const c = new TextDecoder();
-  return function(l, d) {
-    if (l.length === 0)
+  const l = new TextDecoder();
+  return function(s, d) {
+    if (s.length === 0)
       n == null || n(t), t = q();
     else if (d > 0) {
-      const u = c.decode(l.subarray(0, d)), i = d + (l[d + 1] === 32 ? 2 : 1), a = c.decode(l.subarray(i));
-      switch (u) {
+      const m = l.decode(s.subarray(0, d)), o = d + (s[d + 1] === 32 ? 2 : 1), a = l.decode(s.subarray(o));
+      switch (m) {
         case "data":
           t.data = t.data ? t.data + `
 ` + a : a;
@@ -61,8 +61,8 @@ function fe(e, r, n) {
           e(t.id = a);
           break;
         case "retry":
-          const m = parseInt(a, 10);
-          isNaN(m) || r(t.retry = m);
+          const u = parseInt(a, 10);
+          isNaN(u) || r(t.retry = u);
           break;
       }
     }
@@ -84,46 +84,46 @@ var xe = function(e, r) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var c = 0, t = Object.getOwnPropertySymbols(e); c < t.length; c++)
-      r.indexOf(t[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[c]) && (n[t[c]] = e[t[c]]);
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      r.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (n[t[l]] = e[t[l]]);
   return n;
 };
 const _ = "text/event-stream", Te = 1e3, U = "last-event-id";
 function ke(e, r) {
-  var { signal: n, headers: t, onopen: c, onmessage: s, onclose: l, onerror: d, openWhenHidden: u, fetch: i } = r, a = xe(r, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((m, h) => {
+  var { signal: n, headers: t, onopen: l, onmessage: c, onclose: s, onerror: d, openWhenHidden: m, fetch: o } = r, a = xe(r, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((u, g) => {
     const f = Object.assign({}, t);
     f.accept || (f.accept = _);
-    let g;
-    function x() {
-      g.abort(), document.hidden || R();
+    let p;
+    function S() {
+      p.abort(), document.hidden || R();
     }
-    u || document.addEventListener("visibilitychange", x);
-    let p = Te, k = 0;
-    function b() {
-      document.removeEventListener("visibilitychange", x), window.clearTimeout(k), g.abort();
+    m || document.addEventListener("visibilitychange", S);
+    let h = Te, k = 0;
+    function v() {
+      document.removeEventListener("visibilitychange", S), window.clearTimeout(k), p.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      b(), m();
+      v(), u();
     });
-    const F = i ?? window.fetch, w = c ?? be;
+    const F = o ?? window.fetch, w = l ?? be;
     async function R() {
       var L;
-      g = new AbortController();
+      p = new AbortController();
       try {
-        const P = await F(e, Object.assign(Object.assign({}, a), { headers: f, signal: g.signal }));
-        await w(P), await ye(P.body, he(fe((M) => {
-          M ? f[U] = M : delete f[U];
-        }, (M) => {
-          p = M;
-        }, s))), l == null || l(), b(), m();
+        const P = await F(e, Object.assign(Object.assign({}, a), { headers: f, signal: p.signal }));
+        await w(P), await ge(P.body, he(fe((I) => {
+          I ? f[U] = I : delete f[U];
+        }, (I) => {
+          h = I;
+        }, c))), s == null || s(), v(), u();
       } catch (P) {
-        if (!g.signal.aborted)
+        if (!p.signal.aborted)
           try {
-            const M = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : p;
-            window.clearTimeout(k), k = window.setTimeout(R, M);
-          } catch (M) {
-            b(), h(M);
+            const I = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : h;
+            window.clearTimeout(k), k = window.setTimeout(R, I);
+          } catch (I) {
+            v(), g(I);
           }
       }
     }
@@ -151,36 +151,36 @@ class Ce {
    */
   updateStreams(r) {
     r.forEach((t) => {
-      const c = t.stream.id;
-      this.eventSources.has(c) || this.connectStream(t);
+      const l = t.stream.id;
+      this.eventSources.has(l) || this.connectStream(t);
     });
     const n = new Set(r.map((t) => t.stream.id));
-    this.eventSources.forEach((t, c) => {
-      n.has(c) || (t.abort(), this.eventSources.delete(c));
+    this.eventSources.forEach((t, l) => {
+      n.has(l) || (t.abort(), this.eventSources.delete(l));
     });
   }
   connectStream(r) {
     const n = r.stream.id, t = new AbortController();
     this.eventSources.set(n, t);
-    const c = `${this.fency.baseUrl}/sse/streams/${n}`, s = {
+    const l = `${this.fency.baseUrl}/sse/streams/${n}`, c = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": r.stream.token
     };
-    ke(c, {
-      headers: s,
+    ke(l, {
+      headers: c,
       signal: t.signal,
-      async onopen(l) {
-        if (!l.ok && l.status >= 400 && l.status < 500 && l.status !== 429)
-          throw new Error(`Client error ${l.status}`);
+      async onopen(s) {
+        if (!s.ok && s.status >= 400 && s.status < 500 && s.status !== 429)
+          throw new Error(`Client error ${s.status}`);
       },
-      onmessage: (l) => {
-        if (l.data) {
-          const d = ve(l.data);
+      onmessage: (s) => {
+        if (s.data) {
+          const d = ve(s.data);
           this.broadcast(d, n);
         }
       },
-      onerror: (l) => {
-        throw console.error("EventSource error for stream", n, ":", l), this.broadcastError(n), l;
+      onerror: (s) => {
+        throw console.error("EventSource error for stream", n, ":", s), this.broadcastError(n), s;
       },
       onclose() {
       }
@@ -216,31 +216,31 @@ const Ee = 12e4, we = (e) => {
   const r = Date.now();
   return e.filter((n) => r - n.createdAt < Ee);
 };
-function Mr({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
-  const [t, c] = v(
+function Ir({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
+  const [t, l] = b(
     null
-  ), [s, l] = v(!0), [d, u] = v(null), [i, a] = v([]), m = A(null), h = A(null);
-  I(() => {
-    e.then((p) => {
-      c(p), l(!1);
-    }).catch((p) => {
-      u(p), l(!1);
+  ), [c, s] = b(!0), [d, m] = b(null), [o, a] = b([]), u = A(null), g = A(null);
+  M(() => {
+    e.then((h) => {
+      l(h), s(!1);
+    }).catch((h) => {
+      m(h), s(!1);
     });
-  }, [e]), I(() => {
-    t && !h.current && (h.current = new Ce(t));
-  }, [t]), I(() => {
-    h.current && h.current.updateStreams(i);
-  }, [i]), I(() => () => {
-    var p;
-    (p = h.current) == null || p.cleanup();
+  }, [e]), M(() => {
+    t && !g.current && (g.current = new Ce(t));
+  }, [t]), M(() => {
+    g.current && g.current.updateStreams(o);
+  }, [o]), M(() => () => {
+    var h;
+    (h = g.current) == null || h.cleanup();
   }, []);
   const f = G(
-    async (p = 3e4) => {
-      if (m.current)
-        return m.current;
-      const k = Date.now(), b = i.length > 0 ? i[i.length - 1] : null;
-      if (b && k - b.createdAt < p)
-        return b.stream;
+    async (h = 3e4) => {
+      if (u.current)
+        return u.current;
+      const k = Date.now(), v = o.length > 0 ? o[o.length - 1] : null;
+      if (v && k - v.createdAt < h)
+        return v.stream;
       const F = (async () => {
         if (!t)
           throw new Error("Fency instance not initialized");
@@ -255,15 +255,15 @@ function Mr({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
             createdAt: Date.now()
           };
           return a((P) => {
-            const M = [...P, L];
-            return we(M);
-          }), m.current = null, R.stream;
+            const I = [...P, L];
+            return we(I);
+          }), u.current = null, R.stream;
         } else
-          throw m.current = null, new Error("Failed to create stream");
+          throw u.current = null, new Error("Failed to create stream");
       })();
-      return m.current = F, F;
+      return u.current = F, F;
     },
-    [t, i]
+    [t, o]
   );
   if (d)
     return /* @__PURE__ */ y("div", { children: [
@@ -272,31 +272,31 @@ function Mr({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
     ] });
   if (!t)
     return null;
-  const g = i.length > 0 ? i[i.length - 1] : null, x = {
+  const p = o.length > 0 ? o[o.length - 1] : null, S = {
     fency: t,
-    loading: s,
+    loading: c,
     error: d,
-    activeStreams: i,
-    latestStream: g,
-    eventManager: h.current,
+    activeStreams: o,
+    latestStream: p,
+    eventManager: g.current,
     getOrCreateStream: f
   };
-  return /* @__PURE__ */ o(Y.Provider, { value: x, children: n });
+  return /* @__PURE__ */ i(Y.Provider, { value: S, children: n });
 }
 function Z() {
-  const e = ue(Y);
+  const e = me(Y);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const Me = (e) => {
+const Ie = (e) => {
   try {
     const r = JSON.parse(e);
-    return Ie(r);
+    return Me(r);
   } catch (r) {
     return console.error("Error parsing message:", r), null;
   }
-}, Ie = (e) => ae(e) ? Ae(e) : se(e) ? Fe(e) : le(e) ? Re(e) : null, Ae = (e) => ({
+}, Me = (e) => ae(e) ? Ae(e) : se(e) ? Fe(e) : le(e) ? Re(e) : null, Ae = (e) => ({
   type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
@@ -313,30 +313,30 @@ const Me = (e) => {
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
 }), Pe = (e) => {
-  const r = Z(), [n, t] = v(null), c = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return I(() => {
+  const r = Z(), [n, t] = b(null), l = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return M(() => {
     if (!r.eventManager) return;
-    const l = {
-      onMessage: (u, i) => {
-        var m, h, f;
-        const a = Me(u);
+    const s = {
+      onMessage: (m, o) => {
+        var u, g, f;
+        const a = Ie(m);
         if (a)
           switch (a.type) {
             case "STREAM_TIMEOUT":
-              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, a);
+              (u = e == null ? void 0 : e.onStreamTimeout) == null || u.call(e, a);
               break;
             case "STREAM_NOT_FOUND":
-              (h = e == null ? void 0 : e.onStreamNotFound) == null || h.call(e, a);
+              (g = e == null ? void 0 : e.onStreamNotFound) == null || g.call(e, a);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
               (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, a);
               break;
           }
       },
-      onError: (u) => {
-        var i;
-        (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
-          streamId: u,
+      onError: (m) => {
+        var o;
+        (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, {
+          streamId: m,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -345,197 +345,197 @@ const Me = (e) => {
       }
     };
     return r.eventManager.subscribe(
-      c.current,
-      l
+      l.current,
+      s
     );
   }, [r.eventManager, e]), {
     createStream: async () => {
       try {
-        const l = await r.getOrCreateStream(3e4);
-        return t(l), {
+        const s = await r.getOrCreateStream(3e4);
+        return t(s), {
           type: "success",
-          stream: l
+          stream: s
         };
-      } catch (l) {
+      } catch (s) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: l instanceof Error ? l.message : "Failed to create stream"
+            message: s instanceof Error ? s.message : "Failed to create stream"
           }
         };
       }
     },
     stream: n
   };
-}, Ir = (e) => {
-  const r = Z(), [n, t] = v([]), c = A(/* @__PURE__ */ new Set()), s = A(/* @__PURE__ */ new Map()), { createStream: l } = Pe({
-    onAgentTaskProgressItemUpdated: (i) => {
-      var h;
-      if (!c.current.has(i.agentTaskId)) return;
-      const a = i.data;
+}, Mr = (e) => {
+  const r = Z(), [n, t] = b([]), l = A(/* @__PURE__ */ new Set()), c = A(/* @__PURE__ */ new Map()), { createStream: s } = Pe({
+    onAgentTaskProgressItemUpdated: (o) => {
+      var g;
+      if (!l.current.has(o.agentTaskId)) return;
+      const a = o.data;
       if (a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed" || a.taskType === "MemoryChatCompletion" && a.eventType === "Completed" || a.taskType === "MemorySearch" && a.eventType === "Completed") {
         const f = a.taskType === "MemorySearch" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed";
         t(
-          f ? (x) => x.map((p) => {
+          f ? (S) => S.map((h) => {
             var F;
-            if (((F = p.confirmedData) == null ? void 0 : F.taskId) !== i.agentTaskId)
-              return p;
-            const b = p.progressItems.some(
-              (w) => w.progressItemId === i.progressItemId
-            ) ? p.progressItems.map(
-              (w) => w.progressItemId === i.progressItemId ? i : w
-            ) : [...p.progressItems, i];
+            if (((F = h.confirmedData) == null ? void 0 : F.taskId) !== o.agentTaskId)
+              return h;
+            const v = h.progressItems.some(
+              (w) => w.progressItemId === o.progressItemId
+            ) ? h.progressItems.map(
+              (w) => w.progressItemId === o.progressItemId ? o : w
+            ) : [...h.progressItems, o];
             return {
-              ...p,
-              progressItems: b,
+              ...h,
+              progressItems: v,
               loading: !1
             };
-          }) : (x) => x.map(
-            (p) => {
+          }) : (S) => S.map(
+            (h) => {
               var k;
-              return ((k = p.confirmedData) == null ? void 0 : k.taskId) === i.agentTaskId ? { ...p, loading: !1 } : p;
+              return ((k = h.confirmedData) == null ? void 0 : k.taskId) === o.agentTaskId ? { ...h, loading: !1 } : h;
             }
           )
         );
-        const g = s.current.get(
-          i.agentTaskId
+        const p = c.current.get(
+          o.agentTaskId
         );
-        g && (s.current.delete(i.agentTaskId), g(a));
+        p && (c.current.delete(o.agentTaskId), p(a));
         return;
       }
-      (h = e.onAgentTaskProgressItemUpdated) == null || h.call(e, i), t(
-        (f) => f.map((g) => {
+      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), t(
+        (f) => f.map((p) => {
           var k;
-          if (((k = g.confirmedData) == null ? void 0 : k.taskId) !== i.agentTaskId)
-            return g;
-          const p = g.progressItems.some(
-            (b) => b.progressItemId === i.progressItemId
-          ) ? g.progressItems.map(
-            (b) => b.progressItemId === i.progressItemId ? i : b
-          ) : [...g.progressItems, i];
-          return { ...g, progressItems: p };
+          if (((k = p.confirmedData) == null ? void 0 : k.taskId) !== o.agentTaskId)
+            return p;
+          const h = p.progressItems.some(
+            (v) => v.progressItemId === o.progressItemId
+          ) ? p.progressItems.map(
+            (v) => v.progressItemId === o.progressItemId ? o : v
+          ) : [...p.progressItems, o];
+          return { ...p, progressItems: h };
         })
       );
     },
-    onStreamError: (i) => {
+    onStreamError: (o) => {
       var a;
-      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, i), t((m) => {
-        const h = m.find((f) => f.streamId === i.streamId);
-        return h ? [
-          ...m.filter((f) => f.streamId !== i.streamId),
+      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, o), t((u) => {
+        const g = u.find((f) => f.streamId === o.streamId);
+        return g ? [
+          ...u.filter((f) => f.streamId !== o.streamId),
           {
-            ...h,
+            ...g,
             loading: !1,
-            error: i.error
+            error: o.error
           }
-        ] : m;
+        ] : u;
       });
     },
-    onStreamNotFound: (i) => {
+    onStreamNotFound: (o) => {
       var a;
-      (a = e == null ? void 0 : e.onStreamNotFound) == null || a.call(e, i);
+      (a = e == null ? void 0 : e.onStreamNotFound) == null || a.call(e, o);
     },
-    onStreamTimeout: (i) => {
+    onStreamTimeout: (o) => {
       var a;
-      (a = e == null ? void 0 : e.onStreamTimeout) == null || a.call(e, i);
+      (a = e == null ? void 0 : e.onStreamTimeout) == null || a.call(e, o);
     }
   }), d = G(
-    async (i, a) => {
-      const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, h = await l();
-      if (h.type === "success") {
+    async (o, a) => {
+      const u = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await s();
+      if (g.type === "success") {
         t([
           ...n,
           {
-            taskKey: m,
-            streamId: h.stream.id,
+            taskKey: u,
+            streamId: g.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
-            params: i,
+            params: o,
             progressItems: [],
             loading: !0,
             loadingText: a == null ? void 0 : a.loadingText
           }
         ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(i.type), g = await ce({
+        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(o.type), p = await ce({
           pk: r.fency.publishableKey,
           baseUrl: r.fency.baseUrl,
           clientToken: f,
-          streamToken: h.stream.token,
+          streamToken: g.stream.token,
           request: {
-            streamingChatCompletionTask: i.type === "StreamingChatCompletion" ? {
-              messages: i.messages,
-              model: i.model
+            streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
+              messages: o.messages,
+              model: o.model
             } : void 0,
-            structuredChatCompletionTask: i.type === "StructuredChatCompletion" ? {
-              messages: i.messages,
-              jsonSchema: i.jsonSchema,
-              model: i.model
+            structuredChatCompletionTask: o.type === "StructuredChatCompletion" ? {
+              messages: o.messages,
+              jsonSchema: o.jsonSchema,
+              model: o.model
             } : void 0,
-            memoryChatCompletionTask: i.type === "MemoryChatCompletion" ? {
-              messages: i.messages,
-              model: i.model,
-              language: i.language ?? "en",
-              chunkLimit: i.chunkLimit ?? 10,
-              memoryScanLimit: i.memoryScanLimit ?? 3
+            memoryChatCompletionTask: o.type === "MemoryChatCompletion" ? {
+              messages: o.messages,
+              model: o.model,
+              language: o.language ?? "en",
+              chunkLimit: o.chunkLimit ?? 10,
+              memoryScanLimit: o.memoryScanLimit ?? 3
             } : void 0,
-            memorySearchTask: i.type === "MemorySearch" ? {
-              query: i.query,
-              model: i.model,
-              language: i.language ?? "en",
-              chunkLimit: i.chunkLimit ?? 10,
-              contextExpansion: i.contextExpansion,
-              ...i.queryExpansion != null ? {
-                queryExpansion: i.queryExpansion
+            memorySearchTask: o.type === "MemorySearch" ? {
+              query: o.query,
+              model: o.model,
+              language: o.language ?? "en",
+              chunkLimit: o.chunkLimit ?? 10,
+              contextExpansion: o.contextExpansion,
+              ...o.queryExpansion != null ? {
+                queryExpansion: o.queryExpansion
               } : {}
             } : void 0
           }
         });
-        if (g.type === "success" && g.agentTask) {
-          c.current.add(
-            g.agentTask.id
-          ), t((p) => [
-            ...p.filter((k) => k.taskKey !== m),
+        if (p.type === "success" && p.agentTask) {
+          l.current.add(
+            p.agentTask.id
+          ), t((h) => [
+            ...h.filter((k) => k.taskKey !== u),
             {
-              taskKey: m,
-              streamId: h.stream.id,
+              taskKey: u,
+              streamId: g.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: g.agentTask.id,
-              createdAt: g.agentTask.createdAt,
+              taskId: p.agentTask.id,
+              createdAt: p.agentTask.createdAt,
               error: null,
-              params: i,
+              params: o,
               progressItems: [],
               loading: !0,
               loadingText: a == null ? void 0 : a.loadingText,
               confirmedData: {
-                taskId: g.agentTask.id,
-                createdAt: g.agentTask.createdAt
+                taskId: p.agentTask.id,
+                createdAt: p.agentTask.createdAt
               }
             }
           ]);
-          const x = await new Promise((p) => {
-            s.current.set(
-              g.agentTask.id,
-              p
+          const S = await new Promise((h) => {
+            c.current.set(
+              p.agentTask.id,
+              h
             );
           });
           return {
             type: "success",
-            streamId: h.stream.id,
-            agentTaskId: g.agentTask.id,
-            response: x
+            streamId: g.stream.id,
+            agentTaskId: p.agentTask.id,
+            response: S
           };
         } else {
-          if (g.type === "error")
-            return t((x) => [
-              ...x.filter((p) => p.taskKey !== m),
+          if (p.type === "error")
+            return t((S) => [
+              ...S.filter((h) => h.taskKey !== u),
               {
-                taskKey: m,
+                taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: h.stream.id,
-                params: i,
-                error: g.error,
+                streamId: g.stream.id,
+                params: o,
+                error: p.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: a == null ? void 0 : a.loadingText,
@@ -543,21 +543,21 @@ const Me = (e) => {
               }
             ]), {
               type: "error",
-              error: g.error
+              error: p.error
             };
           {
-            const x = {
+            const S = {
               message: "No response received",
               code: "UnknownError"
             };
-            return t((p) => [
-              ...p.filter((k) => k.taskKey !== m),
+            return t((h) => [
+              ...h.filter((k) => k.taskKey !== u),
               {
-                taskKey: m,
+                taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: h.stream.id,
-                error: x,
-                params: i,
+                streamId: g.stream.id,
+                error: S,
+                params: o,
                 progressItems: [],
                 loading: !1,
                 loadingText: a == null ? void 0 : a.loadingText,
@@ -565,39 +565,39 @@ const Me = (e) => {
               }
             ]), {
               type: "error",
-              error: x
+              error: S
             };
           }
         }
       } else
-        return console.error(h.error), h;
+        return console.error(g.error), g;
     },
-    [r, n, l]
-  ), u = D(() => {
+    [r, n, s]
+  ), m = D(() => {
     if (n.length !== 0)
-      return [...n].sort((i, a) => new Date(a.triggeredAt).getTime() - new Date(i.triggeredAt).getTime())[0];
+      return [...n].sort((o, a) => new Date(a.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
   }, [n]);
-  return I(() => () => {
-    c.current.clear(), s.current.clear();
+  return M(() => () => {
+    l.current.clear(), c.current.clear();
   }, []), {
     agentTasks: n,
     createAgentTask: d,
-    latest: u
+    latest: m
   };
 };
 function De(e) {
   return e.progressItems.map((r, n) => {
-    const t = e.progressItems[n + 1], c = t != null;
-    let s;
+    const t = e.progressItems[n + 1], l = t != null;
+    let c;
     if (t != null && t.createdAt) {
-      const l = new Date(r.createdAt).getTime(), d = new Date(t.createdAt).getTime();
-      s = Math.round((d - l) / 1e3);
+      const s = new Date(r.createdAt).getTime(), d = new Date(t.createdAt).getTime();
+      c = Math.round((d - s) / 1e3);
     }
     return {
       item: r,
-      completed: c,
+      completed: l,
       isLatest: n === e.progressItems.length - 1,
-      durationSeconds: s
+      durationSeconds: c
     };
   });
 }
@@ -606,22 +606,22 @@ function C({
   duration: r = 2,
   delay: n = 0,
   repeat: t = !0,
-  repeatDelay: c = 0.5,
-  className: s,
-  startOnView: l = !1,
+  repeatDelay: l = 0.5,
+  className: c,
+  startOnView: s = !1,
   once: d = !1,
-  inViewMargin: u,
-  spread: i = 2,
+  inViewMargin: m,
+  spread: o = 2,
   color: a = "#999",
-  shimmerColor: m = "#000",
-  direction: h = "fromBottom"
+  shimmerColor: u = "#000",
+  direction: g = "fromBottom"
 }) {
-  const f = A(null), g = me(f, { once: d, margin: u }), x = D(() => e.length * i, [e, i]), p = !l || g, k = h === "fromBottom" ? "100% center" : "-100% center", b = h === "fromBottom" ? "0% center" : "200% center";
-  return /* @__PURE__ */ o(
+  const f = A(null), p = ue(f, { once: d, margin: m }), S = D(() => e.length * o, [e, o]), h = !s || p, k = g === "fromBottom" ? "100% center" : "-100% center", v = g === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ i(
     T.span,
     {
       ref: f,
-      className: s,
+      className: c,
       style: {
         position: "relative",
         display: "inline-block",
@@ -631,9 +631,9 @@ function C({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${x}px`,
+        "--spread": `${S}px`,
         "--base-color": a,
-        "--shimmer-color": m,
+        "--shimmer-color": u,
         "--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))"
       },
@@ -641,8 +641,8 @@ function C({
         backgroundPosition: k,
         opacity: 0
       },
-      animate: p ? {
-        backgroundPosition: b,
+      animate: h ? {
+        backgroundPosition: v,
         opacity: 1
       } : {},
       transition: {
@@ -650,7 +650,7 @@ function C({
           repeat: t ? 1 / 0 : 0,
           duration: r,
           delay: n,
-          repeatDelay: c,
+          repeatDelay: l,
           ease: "linear"
         },
         opacity: {
@@ -710,21 +710,21 @@ const ze = ({ progressViewItems: e, t: r }) => {
   const n = e[e.length - 1];
   if (!n) return null;
   const t = Le(n, r);
-  return /* @__PURE__ */ o("div", { className: "simple-mode-container", children: /* @__PURE__ */ o(X, { mode: "wait", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(X, { 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: n.completed ? /* @__PURE__ */ o(
+      children: n.completed ? /* @__PURE__ */ i(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
           children: t
         }
-      ) : /* @__PURE__ */ o(
+      ) : /* @__PURE__ */ i(
         C,
         {
           text: t,
@@ -889,35 +889,35 @@ const ze = ({ progressViewItems: e, t: r }) => {
   italic: {
     fontStyle: "italic"
   }
-}, V = ({
+}, K = ({
   text: e
-}) => /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+}) => /* @__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__ */ o(
+    children: /* @__PURE__ */ i(
       pe,
       {
-        remarkPlugins: [ge],
+        remarkPlugins: [ye],
         components: {
           code(r) {
-            const { children: n, className: t, node: c, ref: s, ...l } = r, d = /language-(\w+)/.exec(t || "");
+            const { children: n, className: t, node: l, ref: c, ...s } = r, d = /language-(\w+)/.exec(t || "");
             return d ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ i(
                 J,
                 {
-                  ...l,
+                  ...s,
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
                   language: d[1],
                   style: ee
                 }
               )
-            ) : /* @__PURE__ */ o("code", { ...l, className: t, children: String(n) });
+            ) : /* @__PURE__ */ i("code", { ...s, className: t, children: String(n) });
           }
         },
         children: e
@@ -930,13 +930,13 @@ const ze = ({ progressViewItems: e, t: r }) => {
     null,
     2
   );
-  return /* @__PURE__ */ o("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ o(
+  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__ */ o(J, { language: "json", style: ee, PreTag: "div", children: r })
+      children: /* @__PURE__ */ i(J, { language: "json", style: ee, PreTag: "div", children: r })
     }
   ) });
 }, Be = {
@@ -1059,12 +1059,12 @@ const ze = ({ progressViewItems: e, t: r }) => {
     memorySearchExploreNoResults: "Ingen resultater funnet"
   }
 };
-function We(e) {
+function Ne(e) {
   return Be[e];
 }
-function S(e, r) {
+function x(e, r) {
   return Object.entries(r).reduce(
-    (n, [t, c]) => n.replace(`{${t}}`, String(c)),
+    (n, [t, l]) => n.replace(`{${t}}`, String(l)),
     e
   );
 }
@@ -1076,45 +1076,45 @@ function Q(e, r) {
   }
   return n.join(", ");
 }
-const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
-  const [c, s] = v(!1), d = (e.memories ?? []).map((p) => p.memoryTitle), u = d.length > 0, i = u && d.length > N, a = i && !c ? d.slice(0, N) : d, m = d.length - N, h = !i || c, f = `${t.searchingFor}'${e.queryDescription}'`, g = u ? `${t.searchingIn}${Q(
+const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+  const [l, c] = b(!1), d = (e.memories ?? []).map((h) => h.memoryTitle), m = d.length > 0, o = m && d.length > W, a = o && !l ? d.slice(0, W) : d, u = d.length - W, g = !o || l, f = `${t.searchingFor}'${e.queryDescription}'`, p = m ? `${t.searchingIn}${Q(
     a,
-    h ? t.and : void 0
-  )}` : "", x = u ? `${f}${g}` : `${t.searchingPrefix}${e.queryDescription}`;
+    g ? t.and : void 0
+  )}` : "", S = m ? `${f}${p}` : `${t.searchingPrefix}${e.queryDescription}`;
   return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       T.div,
       {
         style: { color: "#666" },
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: r && !n && !i ? /* @__PURE__ */ o(
+        children: r && !n && !o ? /* @__PURE__ */ i(
           C,
           {
-            text: x,
+            text: S,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
         ) : /* @__PURE__ */ y(E, { children: [
-          /* @__PURE__ */ o("span", { style: { color: "#666" }, children: u ? /* @__PURE__ */ y(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ y(E, { children: [
             t.searchingFor,
             /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            g
+            p
           ] }) : `${t.searchingPrefix}${e.queryDescription}` }),
-          i && !c && /* @__PURE__ */ y(E, { children: [
+          o && !l && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
-                onClick: () => s(!0),
+                onClick: () => c(!0),
                 style: {
                   background: "none",
                   border: "none",
@@ -1126,19 +1126,19 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: S(t.moreMemories, {
-                  n: m
+                children: x(t.moreMemories, {
+                  n: u
                 })
               }
             )
           ] }),
-          i && c && /* @__PURE__ */ y(E, { children: [
+          o && l && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
-                onClick: () => s(!1),
+                onClick: () => c(!1),
                 style: {
                   background: "none",
                   border: "none",
@@ -1157,7 +1157,7 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         ] })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ o(
+    n !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1166,17 +1166,17 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(t.tookSeconds, { n })
+        children: x(t.tookSeconds, { n })
       }
     )
   ] });
-}, H = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
-  const [c, s] = v(!1), l = e.titles, d = l.length > 0, u = d && l.length > H, i = u && !c ? l.slice(0, H) : l, a = l.length - H, m = !u || c, h = d ? `${t.findingMemoriesIn}${Q(
-    i,
-    m ? t.and : void 0
+}, $ = 5, $e = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+  const [l, c] = b(!1), s = e.titles, d = s.length > 0, m = d && s.length > $, o = m && !l ? s.slice(0, $) : s, a = s.length - $, u = !m || l, g = d ? `${t.findingMemoriesIn}${Q(
+    o,
+    u ? t.and : void 0
   )}` : t.findingMemories;
   return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       T.div,
       {
         style: {
@@ -1185,24 +1185,24 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: r && !n && !u ? /* @__PURE__ */ o(
+        children: r && !n && !m ? /* @__PURE__ */ i(
           C,
           {
-            text: h,
+            text: g,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
         ) : /* @__PURE__ */ y(E, { children: [
-          /* @__PURE__ */ o("span", { style: { color: "#666" }, children: h }),
-          u && !c && /* @__PURE__ */ y(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
+          m && !l && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
-                onClick: () => s(!0),
+                onClick: () => c(!0),
                 style: {
                   background: "none",
                   border: "none",
@@ -1214,19 +1214,19 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: S(t.moreMemories, {
+                children: x(t.moreMemories, {
                   n: a
                 })
               }
             )
           ] }),
-          u && c && /* @__PURE__ */ y(E, { children: [
+          m && l && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
-                onClick: () => s(!1),
+                onClick: () => c(!1),
                 style: {
                   background: "none",
                   border: "none",
@@ -1245,7 +1245,7 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         ] })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ o(
+    n !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1254,16 +1254,16 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(t.tookSeconds, { n })
+        children: x(t.tookSeconds, { n })
       }
     )
   ] });
-}, $ = 5, $e = ({ data: e, t: r }) => {
-  const [n, t] = v(!1), s = e.memories.map((f) => f.memoryTitle), l = s.length > 0, d = l && s.length > $, u = d && !n ? s.slice(0, $) : s, i = s.length - $, a = !d || n, m = s.length === 1 ? r.memoryFound : r.memoriesFoundPrefix, h = l ? `${m}${Q(
-    u,
+}, H = 5, He = ({ data: e, t: r }) => {
+  const [n, t] = b(!1), c = e.memories.map((f) => f.memoryTitle), s = c.length > 0, d = s && c.length > H, m = d && !n ? c.slice(0, H) : c, o = c.length - H, a = !d || n, u = c.length === 1 ? r.memoryFound : r.memoriesFoundPrefix, g = s ? `${u}${Q(
+    m,
     a ? r.and : void 0
   )}` : r.memoriesFound;
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
     T.div,
     {
       style: { color: "#666" },
@@ -1271,10 +1271,10 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
       children: /* @__PURE__ */ y(E, { children: [
-        /* @__PURE__ */ o("span", { style: { color: "#666" }, children: h }),
+        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
         d && !n && /* @__PURE__ */ y(E, { children: [
           " ",
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
@@ -1290,15 +1290,15 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                 textDecoration: "underline",
                 fontFamily: "inherit"
               },
-              children: S(r.moreMemories, {
-                n: i
+              children: x(r.moreMemories, {
+                n: o
               })
             }
           )
         ] }),
         d && n && /* @__PURE__ */ y(E, { children: [
           " ",
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
@@ -1324,7 +1324,7 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
 }, _e = ({ isLatest: e = !1, durationSeconds: r, t: n }) => {
   const t = n.addingSources;
   return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       T.div,
       {
         style: {
@@ -1336,7 +1336,7 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !r ? /* @__PURE__ */ o(
+        children: e && !r ? /* @__PURE__ */ i(
           C,
           {
             text: t,
@@ -1345,10 +1345,10 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ o("span", { style: { color: "#666" }, children: t })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: t })
       }
     ),
-    r !== void 0 && /* @__PURE__ */ o(
+    r !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1357,7 +1357,7 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(n.tookSeconds, { n: r })
+        children: x(n.tookSeconds, { n: r })
       }
     )
   ] });
@@ -1365,62 +1365,77 @@ const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
 function Ge(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(r.pageSingle, { n: e[0] });
+    return x(r.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return S(r.pageTwo, {
+    return x(r.pageTwo, {
       a: e[0],
       b: e[1]
     });
   const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
-  return S(r.pageMultiple, { list: t, n });
+  return x(r.pageMultiple, { list: t, n });
 }
-const Qe = ({ data: e, onSourceClick: r, t: n }) => /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ o(
-    T.div,
-    {
-      style: {
-        marginBottom: "10px",
-        fontSize: "11px",
-        fontWeight: 500,
-        letterSpacing: "0.05em",
-        textTransform: "uppercase",
-        color: "#999"
+const Qe = ({ data: e, onSourceClick: r, t: n }) => {
+  const [t, l] = b(null);
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ i(
+      T.div,
+      {
+        style: {
+          marginBottom: "10px",
+          fontSize: "11px",
+          fontWeight: 500,
+          letterSpacing: "0.05em",
+          textTransform: "uppercase",
+          color: "#999"
+        },
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3, delay: 0 },
+        children: n.sources
+      }
+    ),
+    /* @__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((c, s) => /* @__PURE__ */ i(
+      je,
+      {
+        source: c,
+        index: s,
+        loadingMemoryId: t,
+        setLoadingMemoryId: l,
+        onSourceClick: r,
+        t: n
       },
-      initial: { opacity: 0, y: -10 },
-      animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.3, delay: 0 },
-      children: n.sources
-    }
-  ),
-  /* @__PURE__ */ o("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ o("span", { style: { fontSize: "13px", color: "#888" }, children: n.noSources }) : e.sources.map((t, c) => /* @__PURE__ */ o(
-    je,
-    {
-      source: t,
-      index: c,
-      onSourceClick: r,
-      t: n
-    },
-    t.memoryId
-  )) })
-] }), je = ({
+      c.memoryId
+    )) })
+  ] });
+}, je = ({
   source: e,
   index: r,
-  onSourceClick: n,
-  t
+  loadingMemoryId: n,
+  setLoadingMemoryId: t,
+  onSourceClick: l,
+  t: c
 }) => {
-  const [c, s] = v(!1), l = !!n, d = e.pageNumbers ?? [], u = Ge(d, t);
+  const [s, d] = b(!1), m = !!l, o = n === e.memoryId, a = e.pageNumbers ?? [], u = Ge(a, c);
   return /* @__PURE__ */ y(
     T.div,
     {
+      "aria-busy": o,
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: r * 0.05 },
-      onClick: l ? () => n({
-        memoryId: e.memoryId,
-        pageNumbers: [...d]
-      }) : void 0,
-      onMouseEnter: l ? () => s(!0) : void 0,
-      onMouseLeave: l ? () => s(!1) : void 0,
+      onClick: m && !o ? async () => {
+        t(e.memoryId);
+        try {
+          await l({
+            memoryId: e.memoryId,
+            pageNumbers: [...a]
+          });
+        } finally {
+          t(null);
+        }
+      } : void 0,
+      onMouseEnter: m && !o ? () => d(!0) : void 0,
+      onMouseLeave: m && !o ? () => d(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -1428,14 +1443,37 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => /* @__PURE__ */ y("div", { s
         padding: "8px 12px",
         borderRadius: "6px",
         border: "1px solid #e0e0e0",
-        backgroundColor: c ? "#f5f5f5" : "transparent",
-        cursor: l ? "pointer" : "default",
+        backgroundColor: s ? "#f5f5f5" : "transparent",
+        cursor: m && !o ? "pointer" : o ? "wait" : "default",
         transition: "background-color 0.15s ease",
-        userSelect: "none"
+        userSelect: "none",
+        pointerEvents: o ? "none" : void 0
       },
       children: [
-        /* @__PURE__ */ o("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-        u && /* @__PURE__ */ o("span", { style: { fontSize: "12px", color: "#666" }, children: u })
+        /* @__PURE__ */ y(
+          "span",
+          {
+            style: {
+              fontSize: "13px",
+              fontWeight: 500,
+              color: "#333",
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 8
+            },
+            children: [
+              o && /* @__PURE__ */ i(
+                "span",
+                {
+                  className: "explore-memory-loader explore-memory-loader--callback",
+                  "aria-hidden": !0
+                }
+              ),
+              e.memoryTitle
+            ]
+          }
+        ),
+        u && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: u })
       ]
     }
   );
@@ -1445,7 +1483,7 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => /* @__PURE__ */ y("div", { s
   borderWidth: n = 7
 }) => {
   const t = r * 0.5;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     "span",
     {
       style: {
@@ -1463,10 +1501,10 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => /* @__PURE__ */ y("div", { s
   size: r = 32,
   lineWidth: n = 2
 }) => {
-  const t = r + 1, c = (r - n) / 2, s = (r - t) / 2, l = {
+  const t = r + 1, l = (r - n) / 2, c = (r - t) / 2, s = {
     position: "absolute",
-    left: c,
-    top: s,
+    left: l,
+    top: c,
     width: n,
     height: t,
     backgroundColor: e
@@ -1481,20 +1519,20 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => /* @__PURE__ */ y("div", { s
         height: r
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "span",
           {
             style: {
-              ...l,
+              ...s,
               transform: "rotate(45deg)"
             }
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "span",
           {
             style: {
-              ...l,
+              ...s,
               transform: "rotate(-45deg)"
             }
           }
@@ -1507,22 +1545,22 @@ function qe({
   memory: e,
   completed: r
 }) {
-  return e.error != null ? /* @__PURE__ */ o(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : r ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ i(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : r ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
-const K = 80;
+const V = 80;
 function Ue({
   memory: e,
   completed: r,
   t: n
 }) {
-  const [t, c] = v(!1), s = e.result ?? e.error, l = s != null && s.length > K, d = s != null ? t || !l ? s : `${s.slice(0, K)}...` : void 0, u = l, i = e.error != null;
+  const [t, l] = b(!1), c = e.result ?? e.error, s = c != null && c.length > V, d = c != null ? t || !s ? c : `${c.slice(0, V)}...` : void 0, m = s, o = e.error != null;
   return /* @__PURE__ */ y(
     T.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: u ? () => c((a) => !a) : void 0,
+      onClick: m ? () => l((a) => !a) : void 0,
       style: {
         paddingTop: "12px",
         paddingBottom: "12px",
@@ -1532,10 +1570,10 @@ function Ue({
         alignItems: "center",
         gap: "10px",
         minWidth: 0,
-        cursor: u ? "pointer" : "default"
+        cursor: m ? "pointer" : "default"
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -1545,7 +1583,7 @@ function Ue({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ o(qe, { memory: e, completed: r })
+            children: /* @__PURE__ */ i(qe, { memory: e, completed: r })
           }
         ),
         /* @__PURE__ */ y(
@@ -1558,26 +1596,26 @@ function Ue({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ i(
                 "span",
                 {
                   style: { fontSize: 13, fontWeight: 500, color: "#333" },
                   children: e.memoryTitle
                 }
               ),
-              d != null && /* @__PURE__ */ o(
+              d != null && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
                     fontSize: 12,
-                    color: i ? "#c62828" : "#666",
+                    color: o ? "#c62828" : "#666",
                     lineHeight: 1.4,
                     whiteSpace: t ? "pre-wrap" : void 0
                   },
                   children: d
                 }
               ),
-              u && /* @__PURE__ */ o(
+              m && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1595,7 +1633,7 @@ function Ue({
     }
   );
 }
-const Ve = ({ data: e, completed: r, t: n }) => /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: e.memories.map((t) => /* @__PURE__ */ o(
+const Ke = ({ data: e, completed: r, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((t) => /* @__PURE__ */ i(
   Ue,
   {
     memory: t,
@@ -1604,23 +1642,23 @@ const Ve = ({ data: e, completed: r, t: n }) => /* @__PURE__ */ o("div", { style
   },
   t.memoryId
 )) });
-function Ke(e, r) {
+function Ve(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(r.pageSingle, { n: e[0] });
+    return x(r.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return S(r.pageTwo, {
+    return x(r.pageTwo, {
       a: e[0],
       b: e[1]
     });
   const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
-  return S(r.pageMultiple, { list: t, n });
+  return x(r.pageMultiple, { list: t, n });
 }
 function Xe(e, r) {
-  return e === 1 ? r.chunkFound : S(r.chunksFound, { n: e });
+  return e === 1 ? r.chunkFound : x(r.chunksFound, { n: e });
 }
 const Je = ({ data: e, t: r }) => {
-  const [n, t] = v(!1), c = e.chunks.length, s = c > 0;
+  const [n, t] = b(!1), l = e.chunks.length, c = l > 0;
   return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
     /* @__PURE__ */ y(
       T.div,
@@ -1628,7 +1666,7 @@ const Je = ({ data: e, t: r }) => {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.25 },
-        onClick: s ? () => t((l) => !l) : void 0,
+        onClick: c ? () => t((s) => !s) : void 0,
         style: {
           paddingBottom: n ? "12px" : 0,
           borderBottom: n ? "1px solid #eee" : void 0,
@@ -1636,12 +1674,12 @@ const Je = ({ data: e, t: r }) => {
           flexDirection: "column",
           gap: "4px",
           minWidth: 0,
-          cursor: s ? "pointer" : "default"
+          cursor: c ? "pointer" : "default"
         },
         children: [
-          /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-          /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#666" }, children: Xe(c, r) }),
-          s && /* @__PURE__ */ o(
+          /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: Xe(l, r) }),
+          c && /* @__PURE__ */ i(
             "span",
             {
               style: {
@@ -1655,7 +1693,7 @@ const Je = ({ data: e, t: r }) => {
         ]
       }
     ),
-    n && s && /* @__PURE__ */ o(
+    n && c && /* @__PURE__ */ i(
       T.div,
       {
         initial: { opacity: 0, height: 0 },
@@ -1669,8 +1707,8 @@ const Je = ({ data: e, t: r }) => {
           flexDirection: "column",
           gap: 8
         },
-        children: e.chunks.map((l, d) => {
-          const u = l.pageNumbers ?? [], i = Ke(u, r);
+        children: e.chunks.map((s, d) => {
+          const m = s.pageNumbers ?? [], o = Ve(m, r);
           return /* @__PURE__ */ y(
             "div",
             {
@@ -1681,7 +1719,7 @@ const Je = ({ data: e, t: r }) => {
                 backgroundColor: "#fafafa"
               },
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ i(
                   "span",
                   {
                     style: {
@@ -1691,7 +1729,7 @@ const Je = ({ data: e, t: r }) => {
                       display: "block",
                       marginBottom: 4
                     },
-                    children: l.content
+                    children: s.content
                   }
                 ),
                 /* @__PURE__ */ y(
@@ -1704,9 +1742,9 @@ const Je = ({ data: e, t: r }) => {
                       color: "#666"
                     },
                     children: [
-                      i && /* @__PURE__ */ o("span", { children: i }),
-                      /* @__PURE__ */ o("span", { children: S(r.scoreLabel, {
-                        n: l.score
+                      o && /* @__PURE__ */ i("span", { children: o }),
+                      /* @__PURE__ */ i("span", { children: x(r.scoreLabel, {
+                        n: s.score
                       }) })
                     ]
                   }
@@ -1721,10 +1759,10 @@ const Je = ({ data: e, t: r }) => {
   ] });
 };
 function Ye({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ i(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
 function Ze(e, r) {
-  return S(r.searchingInMemoriesOfType, {
+  return x(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   });
 }
@@ -1733,7 +1771,7 @@ function er({
   t: r,
   showShimmerForPrimary: n
 }) {
-  const t = e.result != null, c = e.error != null, s = Ze(e, r);
+  const t = e.result != null, l = e.error != null, c = Ze(e, r);
   return /* @__PURE__ */ y(
     T.div,
     {
@@ -1751,7 +1789,7 @@ function er({
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -1761,7 +1799,7 @@ function er({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ o(Ye, { item: e })
+            children: /* @__PURE__ */ i(Ye, { item: e })
           }
         ),
         /* @__PURE__ */ y(
@@ -1775,24 +1813,24 @@ function er({
               flex: 1
             },
             children: [
-              /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !t && !c && n ? /* @__PURE__ */ o(
+              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !t && !l && n ? /* @__PURE__ */ i(
                 C,
                 {
-                  text: s,
+                  text: c,
                   duration: 2.5,
                   repeat: !0,
                   color: "#999",
                   shimmerColor: "#000"
                 }
-              ) : s }),
-              t && /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#666" }, children: e.result.numberOfChunks === 1 ? S(
+              ) : c }),
+              t && /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: e.result.numberOfChunks === 1 ? x(
                 r.memorySearchTypeResultSummaryOne,
                 {
                   score: e.result.highestChunkScore.toFixed(
                     2
                   )
                 }
-              ) : S(
+              ) : x(
                 r.memorySearchTypeResultSummary,
                 {
                   count: e.result.numberOfChunks,
@@ -1801,7 +1839,7 @@ function er({
                   )
                 }
               ) }),
-              c && /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#c62828" }, children: e.error })
+              l && /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#c62828" }, children: e.error })
             ]
           }
         )
@@ -1810,14 +1848,14 @@ function er({
   );
 }
 const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
-  const c = D(() => {
-    let s = -1;
-    return e.memoryTypes.forEach((l, d) => {
-      l.result == null && l.error == null && (s = d);
-    }), s;
+  const l = D(() => {
+    let c = -1;
+    return e.memoryTypes.forEach((s, d) => {
+      s.result == null && s.error == null && (c = d);
+    }), c;
   }, [e.memoryTypes]);
   return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
-    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(
+    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
       C,
       {
         text: t.searchingMemoryTypes,
@@ -1826,16 +1864,16 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         color: "#999",
         shimmerColor: "#000"
       }
-    ) : e.memoryTypes.map((s, l) => /* @__PURE__ */ o(
+    ) : e.memoryTypes.map((c, s) => /* @__PURE__ */ i(
       er,
       {
-        item: s,
+        item: c,
         t,
-        showShimmerForPrimary: l === c && r
+        showShimmerForPrimary: s === l && r
       },
-      s.memoryTypeId
+      c.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ o(
+    n !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1844,14 +1882,14 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(t.tookSeconds, { n })
+        children: x(t.tookSeconds, { n })
       }
     )
   ] });
-}, B = 12, W = 1.45, nr = Math.ceil(
-  B * W
+}, B = 12, N = 1.45, nr = Math.ceil(
+  B * N
 ), tr = Math.ceil(
-  5 * B * W
+  5 * B * N
 );
 function O(e) {
   return e.queries != null && e.queries.length > 0;
@@ -1866,21 +1904,21 @@ function ir(e) {
   return r == null || r === "" ? 1 : e.reasoningCompleted === !0 ? 2 : 1;
 }
 function ar({ phase: e }) {
-  return e === 3 ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e === 3 ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
 function sr({
   item: e,
   t: r,
   isActiveRow: n
 }) {
-  const t = or(e), c = ir(e), s = e.reasoning, l = s != null && s.length > 0, d = A(null), [u, i] = v(!1), a = t && n, m = c === 2 && n && !O(e);
-  I(() => {
-    const g = d.current;
-    g != null && c === 1 && l && (g.scrollTop = g.scrollHeight);
-  }, [s, c, l]);
-  const h = S(r.searchingInMemoriesOfType, {
+  const t = or(e), l = ir(e), c = e.reasoning, s = c != null && c.length > 0, d = A(null), [m, o] = b(!1), a = t && n, u = l === 2 && n && !O(e);
+  M(() => {
+    const p = d.current;
+    p != null && l === 1 && s && (p.scrollTop = p.scrollHeight);
+  }, [c, l, s]);
+  const g = x(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
-  }), f = !t && c === 3;
+  }), f = !t && l === 3;
   return /* @__PURE__ */ y(
     T.div,
     {
@@ -1898,7 +1936,7 @@ function sr({
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -1909,7 +1947,7 @@ function sr({
               width: 32,
               ...f ? { paddingTop: 2 } : {}
             },
-            children: /* @__PURE__ */ o(ar, { phase: t ? 1 : c })
+            children: /* @__PURE__ */ i(ar, { phase: t ? 1 : l })
           }
         ),
         /* @__PURE__ */ y(
@@ -1923,18 +1961,18 @@ function sr({
               flex: 1
             },
             children: [
-              /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: a ? /* @__PURE__ */ o(
+              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: a ? /* @__PURE__ */ i(
                 C,
                 {
-                  text: h,
+                  text: g,
                   duration: 2.5,
                   repeat: !0,
                   color: "#999",
                   shimmerColor: "#000"
                 }
               ) : e.memoryTypeName }),
-              c === 1 && l && !O(e) && /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
-                /* @__PURE__ */ o(
+              l === 1 && s && !O(e) && /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ i(
                   "span",
                   {
                     style: {
@@ -1947,7 +1985,7 @@ function sr({
                     children: r.memorySearchQueryReasoningLabel
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ i(
                   "div",
                   {
                     style: {
@@ -1956,7 +1994,7 @@ function sr({
                       padding: "8px 10px",
                       boxSizing: "border-box"
                     },
-                    children: /* @__PURE__ */ o(
+                    children: /* @__PURE__ */ i(
                       "div",
                       {
                         ref: d,
@@ -1968,18 +2006,18 @@ function sr({
                           overflowY: "auto",
                           overflowX: "hidden",
                           fontSize: B,
-                          lineHeight: W,
+                          lineHeight: N,
                           whiteSpace: "pre-wrap",
                           wordBreak: "break-word",
                           color: "#888"
                         },
-                        children: s
+                        children: c
                       }
                     )
                   }
                 )
               ] }),
-              c === 2 && m && /* @__PURE__ */ o("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ o(
+              l === 2 && u && /* @__PURE__ */ i("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ i(
                 C,
                 {
                   text: r.memorySearchGeneratingQueriesPending,
@@ -1989,9 +2027,9 @@ function sr({
                   shimmerColor: "#000"
                 }
               ) }),
-              c === 3 && /* @__PURE__ */ y(E, { children: [
+              l === 3 && /* @__PURE__ */ y(E, { children: [
                 /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ i(
                     "span",
                     {
                       style: {
@@ -2004,7 +2042,7 @@ function sr({
                       children: r.memorySearchGeneratedQueriesHeading
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ i(
                     "div",
                     {
                       style: {
@@ -2012,7 +2050,7 @@ function sr({
                         flexDirection: "column",
                         gap: 6
                       },
-                      children: e.queries.map((g, x) => /* @__PURE__ */ o(
+                      children: e.queries.map((p, S) => /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2021,19 +2059,19 @@ function sr({
                             lineHeight: 1.5,
                             wordBreak: "break-word"
                           },
-                          children: g.query
+                          children: p.query
                         },
-                        x
+                        S
                       ))
                     }
                   )
                 ] }),
-                l && /* @__PURE__ */ y(E, { children: [
-                  /* @__PURE__ */ o(
+                s && /* @__PURE__ */ y(E, { children: [
+                  /* @__PURE__ */ i(
                     "button",
                     {
                       type: "button",
-                      onClick: () => i((g) => !g),
+                      onClick: () => o((p) => !p),
                       style: {
                         alignSelf: "flex-start",
                         border: "none",
@@ -2044,15 +2082,15 @@ function sr({
                         color: "#666",
                         textDecoration: "underline"
                       },
-                      children: u ? r.memorySearchHideReasoning : r.memorySearchViewReasoning
+                      children: m ? r.memorySearchHideReasoning : r.memorySearchViewReasoning
                     }
                   ),
-                  u && /* @__PURE__ */ o(
+                  m && /* @__PURE__ */ i(
                     "div",
                     {
                       style: {
                         fontSize: B,
-                        lineHeight: W,
+                        lineHeight: N,
                         whiteSpace: "pre-wrap",
                         wordBreak: "break-word",
                         color: "#888",
@@ -2060,7 +2098,7 @@ function sr({
                         borderRadius: 6,
                         padding: "8px 10px"
                       },
-                      children: s
+                      children: c
                     }
                   )
                 ] })
@@ -2073,14 +2111,14 @@ function sr({
   );
 }
 const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
-  const c = D(() => {
-    let s = -1;
-    return e.memoryTypes.forEach((l, d) => {
-      O(l) || (s = d);
-    }), s;
+  const l = D(() => {
+    let c = -1;
+    return e.memoryTypes.forEach((s, d) => {
+      O(s) || (c = d);
+    }), c;
   }, [e.memoryTypes]);
   return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
-    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(
+    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
       C,
       {
         text: t.memorySearchGeneratingQueries,
@@ -2089,16 +2127,16 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         color: "#999",
         shimmerColor: "#000"
       }
-    ) : e.memoryTypes.map((s, l) => /* @__PURE__ */ o(
+    ) : e.memoryTypes.map((c, s) => /* @__PURE__ */ i(
       sr,
       {
-        item: s,
+        item: c,
         t,
-        isActiveRow: l === c && r
+        isActiveRow: s === l && r
       },
-      s.memoryTypeId
+      c.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ o(
+    n !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2107,7 +2145,7 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(t.tookSeconds, { n })
+        children: x(t.tookSeconds, { n })
       }
     )
   ] });
@@ -2125,31 +2163,31 @@ function re(e) {
   var n, t;
   if (e.length === 0) return "";
   let r = ((n = e[0]) == null ? void 0 : n.content) ?? "";
-  for (let c = 1; c < e.length; c++) {
-    const s = ((t = e[c]) == null ? void 0 : t.content) ?? "";
-    if (s === "") continue;
+  for (let l = 1; l < e.length; l++) {
+    const c = ((t = e[l]) == null ? void 0 : t.content) ?? "";
+    if (c === "") continue;
     if (r === "") {
-      r = s;
+      r = c;
       continue;
     }
-    const l = cr(r, s);
-    l === 0 ? r += dr + s : r += s.slice(l);
+    const s = cr(r, c);
+    s === 0 ? r += dr + c : r += c.slice(s);
   }
   return r;
 }
 function ne(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(r.memorySearchPagesSingle, {
+    return x(r.memorySearchPagesSingle, {
       n: e[0]
     });
   if (e.length === 2)
-    return S(r.memorySearchPagesTwo, {
+    return x(r.memorySearchPagesTwo, {
       a: e[0],
       b: e[1]
     });
   const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
-  return S(r.memorySearchPagesMultiple, {
+  return x(r.memorySearchPagesMultiple, {
     list: t,
     n
   });
@@ -2165,14 +2203,14 @@ function oe(e) {
   if (r !== "") return r;
   if (e.memoryTypeId !== "") return e.memoryTypeId;
 }
-function ur(e) {
-  return e.some((t) => t.result == null && t.error == null) ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : e.some((t) => t.error != null) ? /* @__PURE__ */ o(j, { color: "#c62828", size: 15, lineWidth: 2 }) : /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 });
+function mr(e) {
+  return e.some((t) => t.result == null && t.error == null) ? /* @__PURE__ */ i("span", { className: "explore-memory-loader" }) : e.some((t) => t.error != null) ? /* @__PURE__ */ i(j, { color: "#c62828", size: 15, lineWidth: 2 }) : /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 });
 }
-function mr(e, r) {
+function ur(e, r) {
   if (e.error != null)
-    return /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#c62828", whiteSpace: "nowrap" }, children: e.error });
+    return /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#c62828", whiteSpace: "nowrap" }, children: e.error });
   if (e.result == null)
-    return /* @__PURE__ */ o("span", { style: { flexShrink: 0, fontSize: 12 }, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ i("span", { style: { flexShrink: 0, fontSize: 12 }, children: /* @__PURE__ */ i(
       C,
       {
         text: r.searching,
@@ -2182,13 +2220,13 @@ function mr(e, r) {
         shimmerColor: "#000"
       }
     ) });
-  const n = e.result, t = n.numberOfChunks === 1 ? r.chunkFound : S(r.chunksFound, { n: n.numberOfChunks }), c = S(r.scoreLabel, {
+  const n = e.result, t = n.numberOfChunks === 1 ? r.chunkFound : x(r.chunksFound, { n: n.numberOfChunks }), l = x(r.scoreLabel, {
     n: n.highestChunkScore.toFixed(2)
   });
   return /* @__PURE__ */ y("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
     t,
     " · ",
-    c
+    l
   ] });
 }
 function pr({
@@ -2197,8 +2235,9 @@ function pr({
   onExploreQueryResultClick: n,
   t
 }) {
+  const [l, c] = b(null);
   if (e.length === 0)
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2209,8 +2248,8 @@ function pr({
         children: t.memorySearchExploreNoResults
       }
     );
-  const c = !!n;
-  return /* @__PURE__ */ o(
+  const s = !!n;
+  return /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -2221,24 +2260,24 @@ function pr({
         paddingTop: 8,
         borderTop: "1px solid #f0f0f0"
       },
-      children: e.map((s, l) => {
-        const d = s.memory.title != null && s.memory.title !== "" ? s.memory.title : s.memory.id, u = te(
-          s.chunks
-        ), i = [
-          oe(s.memory),
-          S(t.scoreLabel, {
-            n: s.score.toFixed(2)
+      children: e.map((d, m) => {
+        const o = d.memory.title != null && d.memory.title !== "" ? d.memory.title : d.memory.id, a = te(
+          d.chunks
+        ), u = [
+          oe(d.memory),
+          x(t.scoreLabel, {
+            n: d.score.toFixed(2)
           }),
-          u.length > 0 ? ne(u, t) : t.pagesNotAvailable
+          a.length > 0 ? ne(a, t) : t.pagesNotAvailable
         ].filter(
-          (m) => m != null && m !== ""
-        ), a = {
-          memoryId: s.memory.id,
-          pageNumbers: u,
+          (S) => S != null && S !== ""
+        ), g = {
+          memoryId: d.memory.id,
+          pageNumbers: a,
           memoryTypeId: r.memoryTypeId,
           memoryTypeName: r.memoryTypeName,
           query: r.query
-        };
+        }, f = `${r.query}::${d.memory.id}::${m}`, p = l === f;
         return /* @__PURE__ */ y(
           "div",
           {
@@ -2247,9 +2286,9 @@ function pr({
               flexDirection: "row",
               alignItems: "flex-start",
               gap: "12px",
-              paddingTop: l > 0 ? 12 : 0,
-              paddingBottom: l < e.length - 1 ? 12 : 0,
-              borderBottom: l < e.length - 1 ? "1px solid #eee" : void 0,
+              paddingTop: m > 0 ? 12 : 0,
+              paddingBottom: m < e.length - 1 ? 12 : 0,
+              borderBottom: m < e.length - 1 ? "1px solid #eee" : void 0,
               minWidth: 0
             },
             children: [
@@ -2264,7 +2303,7 @@ function pr({
                     gap: "6px"
                   },
                   children: [
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ i(
                       "span",
                       {
                         style: {
@@ -2272,10 +2311,10 @@ function pr({
                           fontWeight: 600,
                           color: "#333"
                         },
-                        children: d
+                        children: o
                       }
                     ),
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ i(
                       "span",
                       {
                         style: {
@@ -2286,11 +2325,11 @@ function pr({
                           wordBreak: "break-word"
                         },
                         children: re(
-                          s.chunks
+                          d.chunks
                         )
                       }
                     ),
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ i(
                       "div",
                       {
                         style: {
@@ -2299,17 +2338,28 @@ function pr({
                           color: "#94a3b8",
                           lineHeight: 1.35
                         },
-                        children: i.join(" · ")
+                        children: u.join(" · ")
                       }
                     )
                   ]
                 }
               ),
-              c && /* @__PURE__ */ o(
+              s && /* @__PURE__ */ y(
                 "button",
                 {
                   type: "button",
-                  onClick: () => n(a),
+                  "aria-busy": p,
+                  disabled: p,
+                  onClick: async () => {
+                    c(f);
+                    try {
+                      await n(
+                        g
+                      );
+                    } finally {
+                      c(null);
+                    }
+                  },
                   style: {
                     flexShrink: 0,
                     alignSelf: "center",
@@ -2320,42 +2370,54 @@ function pr({
                     background: "#eff6ff",
                     border: "1px solid #bfdbfe",
                     borderRadius: 6,
-                    cursor: "pointer",
-                    fontFamily: "inherit"
+                    cursor: p ? "wait" : "pointer",
+                    fontFamily: "inherit",
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: 8
                   },
-                  children: t.viewButton
+                  children: [
+                    p && /* @__PURE__ */ i(
+                      "span",
+                      {
+                        className: "explore-memory-loader explore-memory-loader--callback",
+                        "aria-hidden": !0
+                      }
+                    ),
+                    t.viewButton
+                  ]
                 }
               )
             ]
           },
-          `${s.memory.id}-${l}`
+          `${d.memory.id}-${m}`
         );
       })
     }
   );
 }
-function gr(e) {
+function yr(e) {
   const r = [], n = /* @__PURE__ */ new Map();
-  return e.forEach((t, c) => {
-    let s = n.get(t.memoryTypeId);
-    s == null && (r.push(t.memoryTypeId), s = {
+  return e.forEach((t, l) => {
+    let c = n.get(t.memoryTypeId);
+    c == null && (r.push(t.memoryTypeId), c = {
       memoryTypeId: t.memoryTypeId,
       memoryTypeName: t.memoryTypeName,
       items: []
-    }, n.set(t.memoryTypeId, s)), s.items.push({ item: t, flatIndex: c });
+    }, n.set(t.memoryTypeId, c)), c.items.push({ item: t, flatIndex: l });
   }), r.map((t) => n.get(t));
 }
-function yr({
+function gr({
   group: e,
   t: r,
   lastInFlightIndex: n,
   isLatest: t,
-  expandedRows: c,
-  toggleExpanded: s,
-  onExploreQueryResultClick: l
+  expandedRows: l,
+  toggleExpanded: c,
+  onExploreQueryResultClick: s
 }) {
-  const d = e.items.map((i) => i.item), u = d.some(
-    (i) => i.result == null && i.error == null
+  const d = e.items.map((o) => o.item), m = d.some(
+    (o) => o.result == null && o.error == null
   );
   return /* @__PURE__ */ y(
     T.div,
@@ -2369,12 +2431,12 @@ function yr({
         borderBottom: "1px solid #eee",
         display: "flex",
         flexDirection: "row",
-        alignItems: u ? "center" : "flex-start",
+        alignItems: m ? "center" : "flex-start",
         gap: "10px",
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -2383,9 +2445,9 @@ function yr({
               justifyContent: "center",
               flexShrink: 0,
               width: 32,
-              ...u ? {} : { paddingTop: 2 }
+              ...m ? {} : { paddingTop: 2 }
             },
-            children: ur(d)
+            children: mr(d)
           }
         ),
         /* @__PURE__ */ y(
@@ -2399,21 +2461,21 @@ function yr({
               flex: 1
             },
             children: [
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
                     fontSize: 12,
                     color: "#888"
                   },
-                  children: S(r.memorySearchExploreQueryTypeLabel, {
+                  children: x(r.memorySearchExploreQueryTypeLabel, {
                     name: e.memoryTypeName
                   })
                 }
               ),
-              e.items.map(({ item: i, flatIndex: a }) => {
-                var p;
-                const m = i.result != null, h = i.error != null, f = a === n && t && !m && !h, g = c[a] === !0, x = ((p = i.result) == null ? void 0 : p.items) ?? [];
+              e.items.map(({ item: o, flatIndex: a }) => {
+                var h;
+                const u = o.result != null, g = o.error != null, f = a === n && t && !u && !g, p = l[a] === !0, S = ((h = o.result) == null ? void 0 : h.items) ?? [];
                 return /* @__PURE__ */ y(
                   "div",
                   {
@@ -2436,7 +2498,7 @@ function yr({
                             minWidth: 0
                           },
                           children: [
-                            /* @__PURE__ */ o(
+                            /* @__PURE__ */ i(
                               "span",
                               {
                                 style: {
@@ -2447,16 +2509,16 @@ function yr({
                                   flex: "1 1 12rem",
                                   minWidth: 0
                                 },
-                                children: f ? /* @__PURE__ */ o(
+                                children: f ? /* @__PURE__ */ i(
                                   C,
                                   {
-                                    text: i.query,
+                                    text: o.query,
                                     duration: 2.5,
                                     repeat: !0,
                                     color: "#999",
                                     shimmerColor: "#000"
                                   }
-                                ) : i.query
+                                ) : o.query
                               }
                             ),
                             /* @__PURE__ */ y(
@@ -2470,12 +2532,12 @@ function yr({
                                   flexShrink: 0
                                 },
                                 children: [
-                                  mr(i, r),
-                                  m && /* @__PURE__ */ o(
+                                  ur(o, r),
+                                  u && /* @__PURE__ */ i(
                                     "button",
                                     {
                                       type: "button",
-                                      onClick: () => s(a),
+                                      onClick: () => c(a),
                                       style: {
                                         border: "none",
                                         background: "none",
@@ -2486,7 +2548,7 @@ function yr({
                                         textDecoration: "underline",
                                         fontFamily: "inherit"
                                       },
-                                      children: g ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
+                                      children: p ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
                                     }
                                   )
                                 ]
@@ -2495,18 +2557,18 @@ function yr({
                           ]
                         }
                       ),
-                      m && g && /* @__PURE__ */ o(
+                      u && p && /* @__PURE__ */ i(
                         pr,
                         {
-                          items: x,
-                          queryRow: i,
-                          onExploreQueryResultClick: l,
+                          items: S,
+                          queryRow: o,
+                          onExploreQueryResultClick: s,
                           t: r
                         }
                       )
                     ]
                   },
-                  `${e.memoryTypeId}-${a}-${i.query}`
+                  `${e.memoryTypeId}-${a}-${o.query}`
                 );
               })
             ]
@@ -2521,48 +2583,48 @@ const hr = ({
   isLatest: r = !1,
   durationSeconds: n,
   onExploreQueryResultClick: t,
-  t: c
+  t: l
 }) => {
-  const [s, l] = v(
+  const [c, s] = b(
     {}
   ), d = G((a) => {
-    l((m) => ({
-      ...m,
-      [a]: !m[a]
+    s((u) => ({
+      ...u,
+      [a]: !u[a]
     }));
-  }, []), u = D(() => {
+  }, []), m = D(() => {
     let a = -1;
-    return e.queries.forEach((m, h) => {
-      m.result == null && m.error == null && (a = h);
+    return e.queries.forEach((u, g) => {
+      u.result == null && u.error == null && (a = g);
     }), a;
-  }, [e.queries]), i = D(
-    () => gr(e.queries),
+  }, [e.queries]), o = D(
+    () => yr(e.queries),
     [e.queries]
   );
   return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
-    r && !n && e.queries.length === 0 ? /* @__PURE__ */ o(
+    r && !n && e.queries.length === 0 ? /* @__PURE__ */ i(
       C,
       {
-        text: c.memorySearchExploringQueries,
+        text: l.memorySearchExploringQueries,
         duration: 2.5,
         repeat: !0,
         color: "#999",
         shimmerColor: "#000"
       }
-    ) : i.map((a) => /* @__PURE__ */ o(
-      yr,
+    ) : o.map((a) => /* @__PURE__ */ i(
+      gr,
       {
         group: a,
-        t: c,
-        lastInFlightIndex: u,
+        t: l,
+        lastInFlightIndex: m,
         isLatest: r,
-        expandedRows: s,
+        expandedRows: c,
         toggleExpanded: d,
         onExploreQueryResultClick: t
       },
       a.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ o(
+    n !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2571,14 +2633,14 @@ const hr = ({
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(c.tookSeconds, { n })
+        children: x(l.tookSeconds, { n })
       }
     )
   ] });
 }, fr = ({ data: e, onSearchResultClick: r, t: n }) => {
-  const t = e.response.items, c = !!r;
+  const t = e.response.items, l = !!r, [c, s] = b(null);
   return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       T.div,
       {
         style: {
@@ -2593,7 +2655,7 @@ const hr = ({
         children: n.resultsHeading
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2601,27 +2663,27 @@ const hr = ({
           flexDirection: "column",
           gap: 0
         },
-        children: t.map((s, l) => {
-          const d = s.memory.title != null && s.memory.title !== "" ? s.memory.title : s.memory.id, u = te(
-            s.chunks
-          ), i = [
-            oe(s.memory),
-            S(n.scoreLabel, {
-              n: s.score.toFixed(2)
+        children: t.map((d, m) => {
+          const o = d.memory.title != null && d.memory.title !== "" ? d.memory.title : d.memory.id, a = te(
+            d.chunks
+          ), u = [
+            oe(d.memory),
+            x(n.scoreLabel, {
+              n: d.score.toFixed(2)
             }),
-            u.length > 0 ? ne(u, n) : n.pagesNotAvailable
+            a.length > 0 ? ne(a, n) : n.pagesNotAvailable
           ].filter(
-            (m) => m != null && m !== ""
-          ), a = {
-            memoryId: s.memory.id,
-            pageNumbers: u
-          };
+            (S) => S != null && S !== ""
+          ), g = {
+            memoryId: d.memory.id,
+            pageNumbers: a
+          }, f = `${d.memory.id}-${m}`, p = c === f;
           return /* @__PURE__ */ y(
             T.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
-              transition: { duration: 0.2, delay: l * 0.04 },
+              transition: { duration: 0.2, delay: m * 0.04 },
               style: {
                 display: "flex",
                 flexDirection: "row",
@@ -2629,7 +2691,7 @@ const hr = ({
                 gap: "12px",
                 paddingTop: "12px",
                 paddingBottom: "12px",
-                borderBottom: l < t.length - 1 ? "1px solid #eee" : void 0,
+                borderBottom: m < t.length - 1 ? "1px solid #eee" : void 0,
                 minWidth: 0
               },
               children: [
@@ -2644,7 +2706,7 @@ const hr = ({
                       gap: "6px"
                     },
                     children: [
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(
                         "span",
                         {
                           style: {
@@ -2652,10 +2714,10 @@ const hr = ({
                             fontWeight: 600,
                             color: "#333"
                           },
-                          children: d
+                          children: o
                         }
                       ),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(
                         "span",
                         {
                           style: {
@@ -2665,10 +2727,10 @@ const hr = ({
                             whiteSpace: "pre-wrap",
                             wordBreak: "break-word"
                           },
-                          children: re(s.chunks)
+                          children: re(d.chunks)
                         }
                       ),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2677,17 +2739,26 @@ const hr = ({
                             color: "#94a3b8",
                             lineHeight: 1.35
                           },
-                          children: i.join(" · ")
+                          children: u.join(" · ")
                         }
                       )
                     ]
                   }
                 ),
-                c && /* @__PURE__ */ o(
+                l && /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
-                    onClick: () => r(a),
+                    "aria-busy": p,
+                    disabled: p,
+                    onClick: async () => {
+                      s(f);
+                      try {
+                        await r(g);
+                      } finally {
+                        s(null);
+                      }
+                    },
                     style: {
                       flexShrink: 0,
                       alignSelf: "center",
@@ -2698,21 +2769,33 @@ const hr = ({
                       background: "#eff6ff",
                       border: "1px solid #bfdbfe",
                       borderRadius: 6,
-                      cursor: "pointer",
-                      fontFamily: "inherit"
+                      cursor: p ? "wait" : "pointer",
+                      fontFamily: "inherit",
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: 8
                     },
-                    children: n.viewButton
+                    children: [
+                      p && /* @__PURE__ */ i(
+                        "span",
+                        {
+                          className: "explore-memory-loader explore-memory-loader--callback",
+                          "aria-hidden": !0
+                        }
+                      ),
+                      n.viewButton
+                    ]
                   }
                 )
               ]
             },
-            `${s.memory.id}-${l}`
+            `${d.memory.id}-${m}`
           );
         })
       }
     )
   ] });
-}, Sr = ({ message: e }) => /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+}, Sr = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
   T.div,
   {
     initial: { opacity: 0, y: -10 },
@@ -2723,7 +2806,7 @@ const hr = ({
       alignItems: "flex-start",
       gap: "10px"
     },
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ i(
       "span",
       {
         style: {
@@ -2740,63 +2823,63 @@ const hr = ({
   loadingText: r,
   t: n,
   onSourceClick: t,
-  onSearchResultClick: c,
-  onExploreQueryResultClick: s
+  onSearchResultClick: l,
+  onExploreQueryResultClick: c
 }) => {
-  const l = A(null);
-  I(() => {
-    l.current && (l.current.scrollTop = l.current.scrollHeight);
+  const s = A(null);
+  M(() => {
+    s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, [e.length]);
-  const d = (i) => {
-    const a = i.item.data;
+  const d = (o) => {
+    const a = o.item.data;
     if (a.taskType === "StreamingChatCompletion" && a.eventType === "Text")
-      return /* @__PURE__ */ o(V, { text: a.text });
+      return /* @__PURE__ */ i(K, { text: a.text });
     if (a.taskType === "StructuredChatCompletion" && a.eventType === "Completed")
-      return /* @__PURE__ */ o(Oe, { data: a });
+      return /* @__PURE__ */ i(Oe, { data: a });
     if (a.taskType === "MemoryChatCompletion")
       switch (a.eventType) {
         case "Text":
-          return /* @__PURE__ */ o(V, { text: a.text });
+          return /* @__PURE__ */ i(K, { text: a.text });
         case "FindMemories":
-          return /* @__PURE__ */ o(
-            He,
+          return /* @__PURE__ */ i(
+            $e,
             {
               data: a,
-              isLatest: i.isLatest,
-              durationSeconds: i.durationSeconds,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
               t: n
             }
           );
         case "FindMemoriesResult":
-          return /* @__PURE__ */ o(
-            $e,
+          return /* @__PURE__ */ i(
+            He,
             {
               data: a,
               t: n
             }
           );
         case "Search":
-          return /* @__PURE__ */ o(
-            Ne,
+          return /* @__PURE__ */ i(
+            We,
             {
               data: a,
-              isLatest: i.isLatest,
-              durationSeconds: i.durationSeconds,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
               t: n
             }
           );
         case "FindSources":
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ i(
             _e,
             {
               data: a,
-              isLatest: i.isLatest,
-              durationSeconds: i.durationSeconds,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
               t: n
             }
           );
         case "SourcesResult":
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ i(
             Qe,
             {
               data: a,
@@ -2805,67 +2888,67 @@ const hr = ({
             }
           );
         case "ExploreMemories":
-          return /* @__PURE__ */ o(
-            Ve,
+          return /* @__PURE__ */ i(
+            Ke,
             {
               data: a,
-              completed: i.completed,
-              isLatest: i.isLatest,
+              completed: o.completed,
+              isLatest: o.isLatest,
               t: n
             }
           );
         case "ChunkResult":
-          return /* @__PURE__ */ o(Je, { data: a, t: n });
+          return /* @__PURE__ */ i(Je, { data: a, t: n });
         case "Completed":
           return null;
       }
     if (a.taskType === "MemorySearch")
       switch (a.eventType) {
         case "GeneratingQueries":
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ i(
             lr,
             {
               data: a,
-              isLatest: i.isLatest,
-              durationSeconds: i.durationSeconds,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
               t: n
             }
           );
         case "ExploreQueries":
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ i(
             hr,
             {
               data: a,
-              isLatest: i.isLatest,
-              durationSeconds: i.durationSeconds,
-              onExploreQueryResultClick: s,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
+              onExploreQueryResultClick: c,
               t: n
             }
           );
         case "SearchMemoryTypes":
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ i(
             rr,
             {
               data: a,
-              isLatest: i.isLatest,
-              durationSeconds: i.durationSeconds,
+              isLatest: o.isLatest,
+              durationSeconds: o.durationSeconds,
               t: n
             }
           );
         case "Completed":
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ i(
             fr,
             {
               data: a,
-              onSearchResultClick: c,
+              onSearchResultClick: l,
               t: n
             }
           );
       }
-    return a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" ? null : a.eventType === "Error" && "message" in a ? /* @__PURE__ */ o(Sr, { message: a.message }) : null;
+    return a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" ? null : a.eventType === "Error" && "message" in a ? /* @__PURE__ */ i(Sr, { message: a.message }) : null;
   };
   if (e.length === 0)
-    return /* @__PURE__ */ o("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
       C,
       {
         text: r ?? n.processingYourTask,
@@ -2876,20 +2959,20 @@ const hr = ({
         shimmerColor: "#000"
       }
     ) });
-  const u = e.filter((i, a) => {
-    const m = i.item.data;
-    return m.taskType === "MemoryChatCompletion" && m.eventType === "ExploreMemories" ? !e.slice(a + 1).some(
-      (p) => p.item.data.taskType === "MemoryChatCompletion" && p.item.data.eventType === "ExploreMemories"
-    ) : m.taskType === "MemorySearch" && m.eventType === "GeneratingQueries" ? !e.slice(a + 1).some(
-      (p) => p.item.data.taskType === "MemorySearch" && p.item.data.eventType === "GeneratingQueries"
-    ) : m.taskType === "MemorySearch" && m.eventType === "ExploreQueries" ? !e.slice(a + 1).some(
-      (p) => p.item.data.taskType === "MemorySearch" && p.item.data.eventType === "ExploreQueries"
+  const m = e.filter((o, a) => {
+    const u = o.item.data;
+    return u.taskType === "MemoryChatCompletion" && u.eventType === "ExploreMemories" ? !e.slice(a + 1).some(
+      (h) => h.item.data.taskType === "MemoryChatCompletion" && h.item.data.eventType === "ExploreMemories"
+    ) : u.taskType === "MemorySearch" && u.eventType === "GeneratingQueries" ? !e.slice(a + 1).some(
+      (h) => h.item.data.taskType === "MemorySearch" && h.item.data.eventType === "GeneratingQueries"
+    ) : u.taskType === "MemorySearch" && u.eventType === "ExploreQueries" ? !e.slice(a + 1).some(
+      (h) => h.item.data.taskType === "MemorySearch" && h.item.data.eventType === "ExploreQueries"
     ) : !0;
   });
-  return /* @__PURE__ */ o("div", { id: "agent-task-progress-verbose", ref: l, children: /* @__PURE__ */ o(X, { children: u.map((i, a) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(X, { children: m.map((o, a) => /* @__PURE__ */ i(
     T.div,
     {
-      id: `agent-task-progress-item-${i.item.progressItemId}`,
+      id: `agent-task-progress-item-${o.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
@@ -2897,42 +2980,42 @@ const hr = ({
         delay: a * 0.1,
         ease: "easeOut"
       },
-      children: d(i)
+      children: d(o)
     },
-    i.item.progressItemId
+    o.item.progressItemId
   )) }) });
 }, Ar = ({
   agentTask: e,
   mode: r = "verbose",
   language: n,
   onSourceClick: t,
-  onSearchResultClick: c,
-  onExploreQueryResultClick: s
+  onSearchResultClick: l,
+  onExploreQueryResultClick: c
 }) => {
-  const l = De(e), d = (e.params.type === "MemoryChatCompletion" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", u = We(d);
-  return r === "simple" ? /* @__PURE__ */ o(
+  const s = De(e), d = (e.params.type === "MemoryChatCompletion" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", m = Ne(d);
+  return r === "simple" ? /* @__PURE__ */ i(
     ze,
     {
-      progressViewItems: l,
-      t: u
+      progressViewItems: s,
+      t: m
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ i(
     xr,
     {
-      progressViewItems: l,
+      progressViewItems: s,
       loadingText: e.loadingText,
-      t: u,
+      t: m,
       onSourceClick: t,
-      onSearchResultClick: c,
-      onExploreQueryResultClick: s
+      onSearchResultClick: l,
+      onExploreQueryResultClick: c
     }
   );
 };
 export {
   Ar as AgentTaskProgress,
   z as Checkmark,
-  Mr as FencyProvider,
+  Ir as FencyProvider,
   fr as MemorySearchCompletedResults,
   j as XMark,
-  Ir as useAgentTasks
+  Mr as useAgentTasks
 };