@fencyai/react 0.1.161 → 0.1.163

package/dist/index.js

@@ -1,76 +1,76 @@
-import { jsxs as p, jsx as i, Fragment as E } from "react/jsx-runtime";
+import { jsxs as y, jsx as i, Fragment as I } 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 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 { createContext as de, useState as v, useRef as F, useEffect as A, useCallback as G, useContext as me, useMemo as D } from "react";
+import { useInView as ue, motion as b, AnimatePresence as X } from "motion/react";
 import ye from "react-markdown";
 import { Prism as J } from "react-syntax-highlighter";
-import pe from "remark-gfm";
+import ge from "remark-gfm";
 import './assets/index.css';const Y = de(
   void 0
 );
-async function ge(e, r) {
-  const n = e.getReader();
-  let t;
-  for (; !(t = await n.read()).done; )
-    r(t.value);
+async function pe(e, r) {
+  const t = e.getReader();
+  let n;
+  for (; !(n = await t.read()).done; )
+    r(n.value);
 }
 function he(e) {
-  let r, n, t, l = !1;
+  let r, t, n, l = !1;
   return function(s) {
-    r === void 0 ? (r = s, n = 0, t = -1) : r = Se(r, s);
+    r === void 0 ? (r = s, t = 0, n = -1) : r = Se(r, s);
     const d = r.length;
     let m = 0;
-    for (; n < d; ) {
-      l && (r[n] === 10 && (m = ++n), l = !1);
+    for (; t < d; ) {
+      l && (r[t] === 10 && (m = ++t), l = !1);
       let o = -1;
-      for (; n < d && o === -1; ++n)
-        switch (r[n]) {
+      for (; t < d && o === -1; ++t)
+        switch (r[t]) {
           case 58:
-            t === -1 && (t = n - m);
+            n === -1 && (n = t - m);
             break;
           case 13:
             l = !0;
           case 10:
-            o = n;
+            o = t;
             break;
         }
       if (o === -1)
         break;
-      e(r.subarray(m, o), t), m = n, t = -1;
+      e(r.subarray(m, o), n), m = t, n = -1;
     }
-    m === d ? r = void 0 : m !== 0 && (r = r.subarray(m), n -= m);
+    m === d ? r = void 0 : m !== 0 && (r = r.subarray(m), t -= m);
   };
 }
-function fe(e, r, n) {
-  let t = q();
+function fe(e, r, t) {
+  let n = q();
   const l = new TextDecoder();
   return function(s, d) {
     if (s.length === 0)
-      n == null || n(t), t = q();
+      t == null || t(n), n = q();
     else if (d > 0) {
       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 + `
+          n.data = n.data ? n.data + `
 ` + a : a;
           break;
         case "event":
-          t.event = a;
+          n.event = a;
           break;
         case "id":
-          e(t.id = a);
+          e(n.id = a);
           break;
         case "retry":
           const u = parseInt(a, 10);
-          isNaN(u) || r(t.retry = u);
+          isNaN(u) || r(n.retry = u);
           break;
       }
     }
   };
 }
 function Se(e, r) {
-  const n = new Uint8Array(e.length + r.length);
-  return n.set(e), n.set(r, e.length), n;
+  const t = new Uint8Array(e.length + r.length);
+  return t.set(e), t.set(r, e.length), t;
 }
 function q() {
   return {
@@ -81,49 +81,49 @@ function q() {
   };
 }
 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]);
+  var t = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    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;
+    for (var l = 0, n = Object.getOwnPropertySymbols(e); l < n.length; l++)
+      r.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[l]) && (t[n[l]] = e[n[l]]);
+  return t;
 };
 const _ = "text/event-stream", Te = 1e3, U = "last-event-id";
 function ke(e, r) {
-  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"]);
+  var { signal: t, headers: n, 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);
+    const f = Object.assign({}, n);
     f.accept || (f.accept = _);
-    let y;
+    let p;
     function S() {
-      y.abort(), document.hidden || R();
+      p.abort(), document.hidden || R();
     }
     m || document.addEventListener("visibilitychange", S);
-    let h = Te, k = 0;
-    function v() {
-      document.removeEventListener("visibilitychange", S), window.clearTimeout(k), y.abort();
+    let h = Te, T = 0;
+    function k() {
+      document.removeEventListener("visibilitychange", S), window.clearTimeout(T), p.abort();
     }
-    n == null || n.addEventListener("abort", () => {
-      v(), u();
+    t == null || t.addEventListener("abort", () => {
+      k(), u();
     });
-    const F = o ?? window.fetch, w = l ?? be;
+    const C = o ?? window.fetch, E = l ?? be;
     async function R() {
       var L;
-      y = new AbortController();
+      p = new AbortController();
       try {
-        const P = await F(e, Object.assign(Object.assign({}, a), { headers: f, signal: y.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();
+        const P = await C(e, Object.assign(Object.assign({}, a), { headers: f, signal: p.signal }));
+        await E(P), await pe(P.body, he(fe((M) => {
+          M ? f[U] = M : delete f[U];
+        }, (M) => {
+          h = M;
+        }, c))), s == null || s(), k(), u();
       } catch (P) {
-        if (!y.signal.aborted)
+        if (!p.signal.aborted)
           try {
-            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);
+            const M = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : h;
+            window.clearTimeout(T), T = window.setTimeout(R, M);
+          } catch (M) {
+            k(), g(M);
           }
       }
     }
@@ -136,10 +136,10 @@ function be(e) {
     throw new Error(`Expected content-type to be ${_}, Actual: ${r}`);
 }
 function ve(e) {
-  const r = atob(e), n = new Uint8Array(r.length);
-  for (let t = 0; t < r.length; t++)
-    n[t] = r.charCodeAt(t);
-  return new TextDecoder("utf-8").decode(n);
+  const r = atob(e), t = new Uint8Array(r.length);
+  for (let n = 0; n < r.length; n++)
+    t[n] = r.charCodeAt(n);
+  return new TextDecoder("utf-8").decode(t);
 }
 class Ce {
   constructor(r) {
@@ -150,25 +150,25 @@ class Ce {
    * Creates new connections and removes old ones.
    */
   updateStreams(r) {
-    r.forEach((t) => {
-      const l = t.stream.id;
-      this.eventSources.has(l) || this.connectStream(t);
+    r.forEach((n) => {
+      const l = n.stream.id;
+      this.eventSources.has(l) || this.connectStream(n);
     });
-    const n = new Set(r.map((t) => t.stream.id));
-    this.eventSources.forEach((t, l) => {
-      n.has(l) || (t.abort(), this.eventSources.delete(l));
+    const t = new Set(r.map((n) => n.stream.id));
+    this.eventSources.forEach((n, l) => {
+      t.has(l) || (n.abort(), this.eventSources.delete(l));
     });
   }
   connectStream(r) {
-    const n = r.stream.id, t = new AbortController();
-    this.eventSources.set(n, t);
-    const l = `${this.fency.baseUrl}/sse/streams/${n}`, c = {
+    const t = r.stream.id, n = new AbortController();
+    this.eventSources.set(t, n);
+    const l = `${this.fency.baseUrl}/sse/streams/${t}`, c = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": r.stream.token
     };
     ke(l, {
       headers: c,
-      signal: t.signal,
+      signal: n.signal,
       async onopen(s) {
         if (!s.ok && s.status >= 400 && s.status < 500 && s.status !== 429)
           throw new Error(`Client error ${s.status}`);
@@ -176,11 +176,11 @@ class Ce {
       onmessage: (s) => {
         if (s.data) {
           const d = ve(s.data);
-          this.broadcast(d, n);
+          this.broadcast(d, t);
         }
       },
       onerror: (s) => {
-        throw console.error("EventSource error for stream", n, ":", s), this.broadcastError(n), s;
+        throw console.error("EventSource error for stream", t, ":", s), this.broadcastError(t), s;
       },
       onclose() {
       }
@@ -190,19 +190,19 @@ class Ce {
    * Subscribe to events from all active streams.
    * Returns an unsubscribe function.
    */
-  subscribe(r, n) {
-    return this.subscribers.set(r, n), () => {
+  subscribe(r, t) {
+    return this.subscribers.set(r, t), () => {
       this.subscribers.delete(r);
     };
   }
-  broadcast(r, n) {
-    this.subscribers.forEach((t) => {
-      t.onMessage(r, n);
+  broadcast(r, t) {
+    this.subscribers.forEach((n) => {
+      n.onMessage(r, t);
     });
   }
   broadcastError(r) {
-    this.subscribers.forEach((n) => {
-      n.onError(r);
+    this.subscribers.forEach((t) => {
+      t.onError(r);
     });
   }
   /**
@@ -214,23 +214,23 @@ class Ce {
 }
 const Ee = 12e4, we = (e) => {
   const r = Date.now();
-  return e.filter((n) => r - n.createdAt < Ee);
+  return e.filter((t) => r - t.createdAt < Ee);
 };
-function Ir({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
-  const [t, l] = b(
+function Ir({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
+  const [n, l] = v(
     null
-  ), [c, s] = b(!0), [d, m] = b(null), [o, a] = b([]), u = A(null), g = A(null);
-  M(() => {
+  ), [c, s] = v(!0), [d, m] = v(null), [o, a] = v([]), u = F(null), g = F(null);
+  A(() => {
     e.then((h) => {
       l(h), s(!1);
     }).catch((h) => {
       m(h), s(!1);
     });
-  }, [e]), M(() => {
-    t && !g.current && (g.current = new Ce(t));
-  }, [t]), M(() => {
+  }, [e]), A(() => {
+    n && !g.current && (g.current = new Ce(n));
+  }, [n]), A(() => {
     g.current && g.current.updateStreams(o);
-  }, [o]), M(() => () => {
+  }, [o]), A(() => () => {
     var h;
     (h = g.current) == null || h.cleanup();
   }, []);
@@ -238,16 +238,16 @@ function Ir({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
     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)
+      const T = Date.now(), k = o.length > 0 ? o[o.length - 1] : null;
+      if (k && T - k.createdAt < h)
+        return k.stream;
+      const C = (async () => {
+        if (!n)
           throw new Error("Fency instance not initialized");
-        const w = await r(), R = await ie({
-          pk: t.publishableKey,
-          baseUrl: t.baseUrl,
-          clientToken: (w == null ? void 0 : w.clientToken) ?? ""
+        const E = await r(), R = await ie({
+          pk: n.publishableKey,
+          baseUrl: n.baseUrl,
+          clientToken: (E == null ? void 0 : E.clientToken) ?? ""
         });
         if (R.type === "success") {
           const L = {
@@ -255,33 +255,33 @@ function Ir({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
             createdAt: Date.now()
           };
           return a((P) => {
-            const I = [...P, L];
-            return we(I);
+            const M = [...P, L];
+            return we(M);
           }), u.current = null, R.stream;
         } else
           throw u.current = null, new Error("Failed to create stream");
       })();
-      return u.current = F, F;
+      return u.current = C, C;
     },
-    [t, o]
+    [n, o]
   );
   if (d)
-    return /* @__PURE__ */ p("div", { children: [
+    return /* @__PURE__ */ y("div", { children: [
       "Fency error: ",
       d.message
     ] });
-  if (!t)
+  if (!n)
     return null;
-  const y = o.length > 0 ? o[o.length - 1] : null, S = {
-    fency: t,
+  const p = o.length > 0 ? o[o.length - 1] : null, S = {
+    fency: n,
     loading: c,
     error: d,
     activeStreams: o,
-    latestStream: y,
+    latestStream: p,
     eventManager: g.current,
     getOrCreateStream: f
   };
-  return /* @__PURE__ */ i(Y.Provider, { value: S, children: n });
+  return /* @__PURE__ */ i(Y.Provider, { value: S, children: t });
 }
 function Z() {
   const e = me(Y);
@@ -313,8 +313,8 @@ const Ie = (e) => {
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
 }), Pe = (e) => {
-  const r = Z(), [n, t] = b(null), l = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return M(() => {
+  const r = Z(), [t, n] = v(null), l = F(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return A(() => {
     if (!r.eventManager) return;
     const s = {
       onMessage: (m, o) => {
@@ -352,7 +352,7 @@ const Ie = (e) => {
     createStream: async () => {
       try {
         const s = await r.getOrCreateStream(3e4);
-        return t(s), {
+        return n(s), {
           type: "success",
           stream: s
         };
@@ -366,61 +366,61 @@ const Ie = (e) => {
         };
       }
     },
-    stream: n
+    stream: t
   };
 }, Mr = (e) => {
-  const r = Z(), [n, t] = b([]), l = A(/* @__PURE__ */ new Set()), c = A(/* @__PURE__ */ new Map()), { createStream: s } = Pe({
+  const r = Z(), [t, n] = v([]), l = F(/* @__PURE__ */ new Set()), c = F(/* @__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 === "MemoryChat" && a.eventType === "Completed" || a.taskType === "MemorySearch" && a.eventType === "Completed") {
         const f = a.taskType === "MemorySearch" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed";
-        t(
+        n(
           f ? (S) => S.map((h) => {
-            var F;
-            if (((F = h.confirmedData) == null ? void 0 : F.taskId) !== o.agentTaskId)
+            var C;
+            if (((C = h.confirmedData) == null ? void 0 : C.taskId) !== o.agentTaskId)
               return h;
-            const v = h.progressItems.some(
-              (w) => w.progressItemId === o.progressItemId
+            const k = h.progressItems.some(
+              (E) => E.progressItemId === o.progressItemId
             ) ? h.progressItems.map(
-              (w) => w.progressItemId === o.progressItemId ? o : w
+              (E) => E.progressItemId === o.progressItemId ? o : E
             ) : [...h.progressItems, o];
             return {
               ...h,
-              progressItems: v,
+              progressItems: k,
               loading: !1
             };
           }) : (S) => S.map(
             (h) => {
-              var k;
-              return ((k = h.confirmedData) == null ? void 0 : k.taskId) === o.agentTaskId ? { ...h, loading: !1 } : h;
+              var T;
+              return ((T = h.confirmedData) == null ? void 0 : T.taskId) === o.agentTaskId ? { ...h, loading: !1 } : h;
             }
           )
         );
-        const y = c.current.get(
+        const p = c.current.get(
           o.agentTaskId
         );
-        y && (c.current.delete(o.agentTaskId), y(a));
+        p && (c.current.delete(o.agentTaskId), p(a));
         return;
       }
-      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), t(
-        (f) => f.map((y) => {
-          var k;
-          if (((k = y.confirmedData) == null ? void 0 : k.taskId) !== o.agentTaskId)
-            return y;
-          const h = y.progressItems.some(
-            (v) => v.progressItemId === o.progressItemId
-          ) ? y.progressItems.map(
-            (v) => v.progressItemId === o.progressItemId ? o : v
-          ) : [...y.progressItems, o];
-          return { ...y, progressItems: h };
+      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), n(
+        (f) => f.map((p) => {
+          var T;
+          if (((T = p.confirmedData) == null ? void 0 : T.taskId) !== o.agentTaskId)
+            return p;
+          const h = p.progressItems.some(
+            (k) => k.progressItemId === o.progressItemId
+          ) ? p.progressItems.map(
+            (k) => k.progressItemId === o.progressItemId ? o : k
+          ) : [...p.progressItems, o];
+          return { ...p, progressItems: h };
         })
       );
     },
     onStreamError: (o) => {
       var a;
-      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, o), t((u) => {
+      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, o), n((u) => {
         const g = u.find((f) => f.streamId === o.streamId);
         return g ? [
           ...u.filter((f) => f.streamId !== o.streamId),
@@ -442,26 +442,25 @@ const Ie = (e) => {
     }
   }), d = G(
     async (o, a) => {
+      var f;
       const u = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await s();
       if (g.type === "success") {
-        t([
-          ...n,
-          {
-            taskKey: u,
-            streamId: g.stream.id,
-            triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-            confirmedData: null,
-            error: null,
-            params: o,
-            progressItems: [],
-            loading: !0,
-            loadingText: a == null ? void 0 : a.loadingText
-          }
-        ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(o.type), y = await ce({
+        const p = (/* @__PURE__ */ new Date()).toISOString(), S = {
+          taskKey: u,
+          streamId: g.stream.id,
+          triggeredAt: p,
+          confirmedData: null,
+          error: null,
+          params: o,
+          progressItems: [],
+          loading: !0,
+          loadingText: a == null ? void 0 : a.loadingText
+        };
+        n((k) => [...k, S]), (f = a == null ? void 0 : a.onTaskRegistered) == null || f.call(a, S);
+        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(o.type), T = await ce({
           pk: r.fency.publishableKey,
           baseUrl: r.fency.baseUrl,
-          clientToken: f,
+          clientToken: h,
           streamToken: g.stream.token,
           request: {
             streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
@@ -492,50 +491,50 @@ const Ie = (e) => {
             } : void 0
           }
         });
-        if (y.type === "success" && y.agentTask) {
+        if (T.type === "success" && T.agentTask) {
           l.current.add(
-            y.agentTask.id
-          ), t((h) => [
-            ...h.filter((k) => k.taskKey !== u),
+            T.agentTask.id
+          ), n((C) => [
+            ...C.filter((E) => E.taskKey !== u),
             {
               taskKey: u,
               streamId: g.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: y.agentTask.id,
-              createdAt: y.agentTask.createdAt,
+              taskId: T.agentTask.id,
+              createdAt: T.agentTask.createdAt,
               error: null,
               params: o,
               progressItems: [],
               loading: !0,
               loadingText: a == null ? void 0 : a.loadingText,
               confirmedData: {
-                taskId: y.agentTask.id,
-                createdAt: y.agentTask.createdAt
+                taskId: T.agentTask.id,
+                createdAt: T.agentTask.createdAt
               }
             }
           ]);
-          const S = await new Promise((h) => {
+          const k = await new Promise((C) => {
             c.current.set(
-              y.agentTask.id,
-              h
+              T.agentTask.id,
+              C
             );
           });
           return {
             type: "success",
             streamId: g.stream.id,
-            agentTaskId: y.agentTask.id,
-            response: S
+            agentTaskId: T.agentTask.id,
+            response: k
           };
         } else {
-          if (y.type === "error")
-            return t((S) => [
-              ...S.filter((h) => h.taskKey !== u),
+          if (T.type === "error")
+            return n((k) => [
+              ...k.filter((C) => C.taskKey !== u),
               {
                 taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: g.stream.id,
                 params: o,
-                error: y.error,
+                error: T.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: a == null ? void 0 : a.loadingText,
@@ -543,20 +542,20 @@ const Ie = (e) => {
               }
             ]), {
               type: "error",
-              error: y.error
+              error: T.error
             };
           {
-            const S = {
+            const k = {
               message: "No response received",
               code: "UnknownError"
             };
-            return t((h) => [
-              ...h.filter((k) => k.taskKey !== u),
+            return n((C) => [
+              ...C.filter((E) => E.taskKey !== u),
               {
                 taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: g.stream.id,
-                error: S,
+                error: k,
                 params: o,
                 progressItems: [],
                 loading: !1,
@@ -565,47 +564,47 @@ const Ie = (e) => {
               }
             ]), {
               type: "error",
-              error: S
+              error: k
             };
           }
         }
       } else
         return console.error(g.error), g;
     },
-    [r, n, s]
+    [r, s, e.fetchCreateAgentTaskClientToken]
   ), m = D(() => {
-    if (n.length !== 0)
-      return [...n].sort((o, a) => new Date(a.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
-  }, [n]);
-  return M(() => () => {
+    if (t.length !== 0)
+      return [...t].sort((o, a) => new Date(a.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
+  }, [t]);
+  return A(() => () => {
     l.current.clear(), c.current.clear();
   }, []), {
-    agentTasks: n,
+    agentTasks: t,
     createAgentTask: d,
     latest: m
   };
 };
 function De(e) {
-  return e.progressItems.map((r, n) => {
-    const t = e.progressItems[n + 1], l = t != null;
+  return e.progressItems.map((r, t) => {
+    const n = e.progressItems[t + 1], l = n != null;
     let c;
-    if (t != null && t.createdAt) {
-      const s = new Date(r.createdAt).getTime(), d = new Date(t.createdAt).getTime();
+    if (n != null && n.createdAt) {
+      const s = new Date(r.createdAt).getTime(), d = new Date(n.createdAt).getTime();
       c = Math.round((d - s) / 1e3);
     }
     return {
       item: r,
       completed: l,
-      isLatest: n === e.progressItems.length - 1,
+      isLatest: t === e.progressItems.length - 1,
       durationSeconds: c
     };
   });
 }
-function C({
+function w({
   text: e,
   duration: r = 2,
-  delay: n = 0,
-  repeat: t = !0,
+  delay: t = 0,
+  repeat: n = !0,
   repeatDelay: l = 0.5,
   className: c,
   startOnView: s = !1,
@@ -616,9 +615,9 @@ function C({
   shimmerColor: u = "#000",
   direction: g = "fromBottom"
 }) {
-  const f = A(null), y = ue(f, { once: d, margin: m }), S = D(() => e.length * o, [e, o]), h = !s || y, k = g === "fromBottom" ? "100% center" : "-100% center", v = g === "fromBottom" ? "0% center" : "200% center";
+  const f = F(null), p = ue(f, { once: d, margin: m }), S = D(() => e.length * o, [e, o]), h = !s || p, T = g === "fromBottom" ? "100% center" : "-100% center", k = g === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
-    T.span,
+    b.span,
     {
       ref: f,
       className: c,
@@ -638,24 +637,24 @@ function C({
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
       initial: {
-        backgroundPosition: k,
+        backgroundPosition: T,
         opacity: 0
       },
       animate: h ? {
-        backgroundPosition: v,
+        backgroundPosition: k,
         opacity: 1
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: t ? 1 / 0 : 0,
+          repeat: n ? 1 / 0 : 0,
           duration: r,
-          delay: n,
+          delay: t,
           repeatDelay: l,
           ease: "linear"
         },
         opacity: {
           duration: 0.3,
-          delay: n
+          delay: t
         }
       },
       children: e
@@ -663,17 +662,17 @@ function C({
   );
 }
 function Le(e, r) {
-  const n = e.item.data;
-  if (n.eventType === "Error" && "message" in n)
+  const t = e.item.data;
+  if (t.eventType === "Error" && "message" in t)
     return r.error;
-  if (n.taskType === "StreamingChatCompletion") {
-    if (n.eventType === "Text") return r.streaming;
-    if (n.eventType === "Completed") return r.completed;
+  if (t.taskType === "StreamingChatCompletion") {
+    if (t.eventType === "Text") return r.streaming;
+    if (t.eventType === "Completed") return r.completed;
   }
-  if (n.taskType === "StructuredChatCompletion" && n.eventType === "Completed")
+  if (t.taskType === "StructuredChatCompletion" && t.eventType === "Completed")
     return r.completed;
-  if (n.taskType === "MemorySearch")
-    switch (n.eventType) {
+  if (t.taskType === "MemorySearch")
+    switch (t.eventType) {
       case "GeneratingQueries":
         return r.memorySearchGeneratingQueries;
       case "ExploreQueries":
@@ -683,8 +682,8 @@ function Le(e, r) {
       case "Completed":
         return r.completed;
     }
-  if (n.taskType === "MemoryChat")
-    switch (n.eventType) {
+  if (t.taskType === "MemoryChat")
+    switch (t.eventType) {
       case "Text":
         return r.streaming;
       case "Search":
@@ -707,27 +706,27 @@ function Le(e, r) {
   return r.processing;
 }
 const ze = ({ progressViewItems: e, t: r }) => {
-  const n = e[e.length - 1];
-  if (!n) return null;
-  const t = Le(n, r);
+  const t = e[e.length - 1];
+  if (!t) return null;
+  const n = Le(t, r);
   return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(X, { mode: "wait", children: /* @__PURE__ */ i(
-    T.div,
+    b.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: n.completed ? /* @__PURE__ */ i(
+      children: t.completed ? /* @__PURE__ */ i(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
-          children: t
+          children: n
         }
       ) : /* @__PURE__ */ i(
-        C,
+        w,
         {
-          text: t,
+          text: n,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -736,7 +735,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
         }
       )
     },
-    n.item.progressItemId
+    t.item.progressItemId
   ) }) });
 }, ee = {
   'code[class*="language-"]': {
@@ -892,7 +891,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
 }, K = ({
   text: e
 }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  T.div,
+  b.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
@@ -901,10 +900,10 @@ const ze = ({ progressViewItems: e, t: r }) => {
     children: /* @__PURE__ */ i(
       ye,
       {
-        remarkPlugins: [pe],
+        remarkPlugins: [ge],
         components: {
           code(r) {
-            const { children: n, className: t, node: l, ref: c, ...s } = r, d = /language-(\w+)/.exec(t || "");
+            const { children: t, className: n, node: l, ref: c, ...s } = r, d = /language-(\w+)/.exec(n || "");
             return d ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
               /* @__PURE__ */ i(
@@ -912,12 +911,12 @@ const ze = ({ progressViewItems: e, t: r }) => {
                 {
                   ...s,
                   PreTag: "div",
-                  children: String(n).replace(/\n$/, ""),
+                  children: String(t).replace(/\n$/, ""),
                   language: d[1],
                   style: ee
                 }
               )
-            ) : /* @__PURE__ */ i("code", { ...s, className: t, children: String(n) });
+            ) : /* @__PURE__ */ i("code", { ...s, className: n, children: String(t) });
           }
         },
         children: e
@@ -931,7 +930,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
     2
   );
   return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
-    T.div,
+    b.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
@@ -1064,33 +1063,33 @@ function Be(e) {
 }
 function x(e, r) {
   return Object.entries(r).reduce(
-    (n, [t, l]) => n.replace(`{${t}}`, String(l)),
+    (t, [n, l]) => t.replace(`{${n}}`, String(l)),
     e
   );
 }
 function Q(e, r) {
-  const n = e.map((t) => `'${t}'`);
-  if (r != null && n.length >= 2) {
-    const t = n.pop();
-    return n.length > 0 ? `${n.join(", ")} ${r} ${t}` : t;
+  const t = e.map((n) => `'${n}'`);
+  if (r != null && t.length >= 2) {
+    const n = t.pop();
+    return t.length > 0 ? `${t.join(", ")} ${r} ${n}` : n;
   }
-  return n.join(", ");
+  return t.join(", ");
 }
-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}'`, y = m ? `${t.searchingIn}${Q(
+const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
+  const [l, c] = v(!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 = `${n.searchingFor}'${e.queryDescription}'`, p = m ? `${n.searchingIn}${Q(
     a,
-    g ? t.and : void 0
-  )}` : "", S = m ? `${f}${y}` : `${t.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
+    g ? n.and : void 0
+  )}` : "", S = m ? `${f}${p}` : `${n.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      b.div,
       {
         style: { color: "#666" },
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: r && !n && !o ? /* @__PURE__ */ i(
-          C,
+        children: r && !t && !o ? /* @__PURE__ */ i(
+          w,
           {
             text: S,
             duration: 2.5,
@@ -1098,17 +1097,17 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ p(E, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ p(E, { children: [
-            t.searchingFor,
-            /* @__PURE__ */ p("span", { style: { fontWeight: 600 }, children: [
+        ) : /* @__PURE__ */ y(I, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ y(I, { children: [
+            n.searchingFor,
+            /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            y
-          ] }) : `${t.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ p(E, { children: [
+            p
+          ] }) : `${n.searchingPrefix}${e.queryDescription}` }),
+          o && !l && /* @__PURE__ */ y(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1126,13 +1125,13 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: x(t.moreMemories, {
+                children: x(n.moreMemories, {
                   n: u
                 })
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ p(E, { children: [
+          o && l && /* @__PURE__ */ y(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1150,14 +1149,14 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: t.clickToCollapse
+                children: n.clickToCollapse
               }
             )
           ] })
         ] })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ i(
+    t !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1166,18 +1165,18 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(t.tookSeconds, { n })
+        children: x(n.tookSeconds, { n: t })
       }
     )
   ] });
-}, $ = 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(
+}, $ = 5, $e = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
+  const [l, c] = v(!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 ? `${n.findingMemoriesIn}${Q(
     o,
-    u ? t.and : void 0
-  )}` : t.findingMemories;
-  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
+    u ? n.and : void 0
+  )}` : n.findingMemories;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      b.div,
       {
         style: {
           color: "#666"
@@ -1185,8 +1184,8 @@ const W = 5, We = ({ 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 && !m ? /* @__PURE__ */ i(
-          C,
+        children: r && !t && !m ? /* @__PURE__ */ i(
+          w,
           {
             text: g,
             duration: 2.5,
@@ -1194,9 +1193,9 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ p(E, { children: [
+        ) : /* @__PURE__ */ y(I, { children: [
           /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-          m && !l && /* @__PURE__ */ p(E, { children: [
+          m && !l && /* @__PURE__ */ y(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1214,13 +1213,13 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: x(t.moreMemories, {
+                children: x(n.moreMemories, {
                   n: a
                 })
               }
             )
           ] }),
-          m && l && /* @__PURE__ */ p(E, { children: [
+          m && l && /* @__PURE__ */ y(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1238,14 +1237,14 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: t.clickToCollapse
+                children: n.clickToCollapse
               }
             )
           ] })
         ] })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ i(
+    t !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1254,31 +1253,31 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(t.tookSeconds, { n })
+        children: x(n.tookSeconds, { n: t })
       }
     )
   ] });
 }, 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(
+  const [t, n] = v(!1), c = e.memories.map((f) => f.memoryTitle), s = c.length > 0, d = s && c.length > H, m = d && !t ? c.slice(0, H) : c, o = c.length - H, a = !d || t, u = c.length === 1 ? r.memoryFound : r.memoriesFoundPrefix, g = s ? `${u}${Q(
     m,
     a ? r.and : void 0
   )}` : r.memoriesFound;
   return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-    T.div,
+    b.div,
     {
       style: { color: "#666" },
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ p(E, { children: [
+      children: /* @__PURE__ */ y(I, { children: [
         /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-        d && !n && /* @__PURE__ */ p(E, { children: [
+        d && !t && /* @__PURE__ */ y(I, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              onClick: () => t(!0),
+              onClick: () => n(!0),
               style: {
                 background: "none",
                 border: "none",
@@ -1296,13 +1295,13 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
             }
           )
         ] }),
-        d && n && /* @__PURE__ */ p(E, { children: [
+        d && t && /* @__PURE__ */ y(I, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              onClick: () => t(!1),
+              onClick: () => n(!1),
               style: {
                 background: "none",
                 border: "none",
@@ -1321,11 +1320,11 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       ] })
     }
   ) });
-}, _e = ({ isLatest: e = !1, durationSeconds: r, t: n }) => {
-  const t = n.addingSources;
-  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
+}, _e = ({ isLatest: e = !1, durationSeconds: r, t }) => {
+  const n = t.addingSources;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      b.div,
       {
         style: {
           display: "flex",
@@ -1337,15 +1336,15 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: e && !r ? /* @__PURE__ */ i(
-          C,
+          w,
           {
-            text: t,
+            text: n,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: t })
+        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: n })
       }
     ),
     r !== void 0 && /* @__PURE__ */ i(
@@ -1357,7 +1356,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(n.tookSeconds, { n: r })
+        children: x(t.tookSeconds, { n: r })
       }
     )
   ] });
@@ -1371,14 +1370,14 @@ function Ge(e, r) {
       a: e[0],
       b: e[1]
     });
-  const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
-  return x(r.pageMultiple, { list: t, n });
+  const t = e[e.length - 1], n = e.slice(0, -1).join(", ");
+  return x(r.pageMultiple, { list: n, n: t });
 }
-const Qe = ({ data: e, onSourceClick: r, t: n }) => {
-  const [t, l] = b(null);
-  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
+const Qe = ({ data: e, onSourceClick: r, t }) => {
+  const [n, l] = v(null);
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      b.div,
       {
         style: {
           marginBottom: "10px",
@@ -1391,18 +1390,18 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: n.sources
+        children: t.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(
+    /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: t.noSources }) : e.sources.map((c, s) => /* @__PURE__ */ i(
       je,
       {
         source: c,
         index: s,
-        loadingMemoryId: t,
+        loadingMemoryId: n,
         setLoadingMemoryId: l,
         onSourceClick: r,
-        t: n
+        t
       },
       c.memoryId
     )) })
@@ -1410,21 +1409,21 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
 }, je = ({
   source: e,
   index: r,
-  loadingMemoryId: n,
-  setLoadingMemoryId: t,
+  loadingMemoryId: t,
+  setLoadingMemoryId: n,
   onSourceClick: l,
   t: c
 }) => {
-  const [s, d] = b(!1), m = !!l, o = n === e.memoryId, a = e.pageNumbers ?? [], u = Ge(a, c);
-  return /* @__PURE__ */ p(
-    T.div,
+  const [s, d] = v(!1), m = !!l, o = t === e.memoryId, a = e.pageNumbers ?? [], u = Ge(a, c);
+  return /* @__PURE__ */ y(
+    b.div,
     {
       "aria-busy": o,
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: r * 0.05 },
       onClick: m && !o ? async () => {
-        t(e.memoryId);
+        n(e.memoryId);
         try {
           await l({
             memoryId: e.memoryId,
@@ -1434,7 +1433,7 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
             pageNumbers: [...a]
           });
         } finally {
-          t(null);
+          n(null);
         }
       } : void 0,
       onMouseEnter: m && !o ? () => d(!0) : void 0,
@@ -1453,7 +1452,7 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
         pointerEvents: o ? "none" : void 0
       },
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           "span",
           {
             style: {
@@ -1483,9 +1482,9 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
 }, z = ({
   color: e = "#78b13f",
   size: r = 24,
-  borderWidth: n = 7
+  borderWidth: t = 7
 }) => {
-  const t = r * 0.5;
+  const n = r * 0.5;
   return /* @__PURE__ */ i(
     "span",
     {
@@ -1493,26 +1492,26 @@ const Qe = ({ data: e, onSourceClick: r, t: n }) => {
         display: "inline-block",
         transform: "rotate(45deg)",
         height: r,
-        width: t,
-        borderBottom: `${n}px solid ${e}`,
-        borderRight: `${n}px solid ${e}`
+        width: n,
+        borderBottom: `${t}px solid ${e}`,
+        borderRight: `${t}px solid ${e}`
       }
     }
   );
 }, j = ({
   color: e = "#333",
   size: r = 32,
-  lineWidth: n = 2
+  lineWidth: t = 2
 }) => {
-  const t = r + 1, l = (r - n) / 2, c = (r - t) / 2, s = {
+  const n = r + 1, l = (r - t) / 2, c = (r - n) / 2, s = {
     position: "absolute",
     left: l,
     top: c,
-    width: n,
-    height: t,
+    width: t,
+    height: n,
     backgroundColor: e
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "span",
     {
       style: {
@@ -1554,11 +1553,11 @@ const V = 80;
 function Ue({
   memory: e,
   completed: r,
-  t: n
+  t
 }) {
-  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__ */ p(
-    T.div,
+  const [n, l] = v(!1), c = e.result ?? e.error, s = c != null && c.length > V, d = c != null ? n || !s ? c : `${c.slice(0, V)}...` : void 0, m = s, o = e.error != null;
+  return /* @__PURE__ */ y(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1589,7 +1588,7 @@ function Ue({
             children: /* @__PURE__ */ i(qe, { memory: e, completed: r })
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -1613,7 +1612,7 @@ function Ue({
                     fontSize: 12,
                     color: o ? "#c62828" : "#666",
                     lineHeight: 1.4,
-                    whiteSpace: t ? "pre-wrap" : void 0
+                    whiteSpace: n ? "pre-wrap" : void 0
                   },
                   children: d
                 }
@@ -1626,7 +1625,7 @@ function Ue({
                     color: "#999",
                     marginTop: 2
                   },
-                  children: t ? n.clickToCollapse : n.clickToExpand
+                  children: n ? t.clickToCollapse : t.clickToExpand
                 }
               )
             ]
@@ -1636,14 +1635,14 @@ function Ue({
     }
   );
 }
-const Ke = ({ data: e, completed: r, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((t) => /* @__PURE__ */ i(
+const Ke = ({ data: e, completed: r, t }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((n) => /* @__PURE__ */ i(
   Ue,
   {
-    memory: t,
+    memory: n,
     completed: r,
-    t: n
+    t
   },
-  t.memoryId
+  n.memoryId
 )) });
 function Ve(e, r) {
   if (e.length === 0) return "";
@@ -1654,25 +1653,25 @@ function Ve(e, r) {
       a: e[0],
       b: e[1]
     });
-  const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
-  return x(r.pageMultiple, { list: t, n });
+  const t = e[e.length - 1], n = e.slice(0, -1).join(", ");
+  return x(r.pageMultiple, { list: n, n: t });
 }
 function Xe(e, r) {
   return e === 1 ? r.chunkFound : x(r.chunksFound, { n: e });
 }
 const Je = ({ data: e, t: r }) => {
-  const [n, t] = b(!1), l = e.chunks.length, c = l > 0;
-  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ p(
-      T.div,
+  const [t, n] = v(!1), l = e.chunks.length, c = l > 0;
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    /* @__PURE__ */ y(
+      b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.25 },
-        onClick: c ? () => t((s) => !s) : void 0,
+        onClick: c ? () => n((s) => !s) : void 0,
         style: {
-          paddingBottom: n ? "12px" : 0,
-          borderBottom: n ? "1px solid #eee" : void 0,
+          paddingBottom: t ? "12px" : 0,
+          borderBottom: t ? "1px solid #eee" : void 0,
           display: "flex",
           flexDirection: "column",
           gap: "4px",
@@ -1690,14 +1689,14 @@ const Je = ({ data: e, t: r }) => {
                 color: "#999",
                 marginTop: 2
               },
-              children: n ? r.clickToCollapse : r.clickToExpand
+              children: t ? r.clickToCollapse : r.clickToExpand
             }
           )
         ]
       }
     ),
-    n && c && /* @__PURE__ */ i(
-      T.div,
+    t && c && /* @__PURE__ */ i(
+      b.div,
       {
         initial: { opacity: 0, height: 0 },
         animate: { opacity: 1, height: "auto" },
@@ -1712,7 +1711,7 @@ const Je = ({ data: e, t: r }) => {
         },
         children: e.chunks.map((s, d) => {
           const m = s.pageNumbers ?? [], o = Ve(m, r);
-          return /* @__PURE__ */ p(
+          return /* @__PURE__ */ y(
             "div",
             {
               style: {
@@ -1735,7 +1734,7 @@ const Je = ({ data: e, t: r }) => {
                     children: s.content
                   }
                 ),
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -1772,11 +1771,11 @@ function Ze(e, r) {
 function er({
   item: e,
   t: r,
-  showShimmerForPrimary: n
+  showShimmerForPrimary: t
 }) {
-  const t = e.result != null, l = e.error != null, c = Ze(e, r);
-  return /* @__PURE__ */ p(
-    T.div,
+  const n = e.result != null, l = e.error != null, c = Ze(e, r);
+  return /* @__PURE__ */ y(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1805,7 +1804,7 @@ function er({
             children: /* @__PURE__ */ i(Ye, { item: e })
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -1816,8 +1815,8 @@ function er({
               flex: 1
             },
             children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !t && !l && n ? /* @__PURE__ */ i(
-                C,
+              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !n && !l && t ? /* @__PURE__ */ i(
+                w,
                 {
                   text: c,
                   duration: 2.5,
@@ -1826,7 +1825,7 @@ function er({
                   shimmerColor: "#000"
                 }
               ) : c }),
-              t && /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: e.result.numberOfChunks === 1 ? x(
+              n && /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: e.result.numberOfChunks === 1 ? x(
                 r.memorySearchTypeResultSummaryOne,
                 {
                   score: e.result.highestChunkScore.toFixed(
@@ -1850,18 +1849,18 @@ function er({
     }
   );
 }
-const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+const rr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
   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__ */ p("div", { style: { padding: "10px" }, children: [
-    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      C,
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    r && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
+      w,
       {
-        text: t.searchingMemoryTypes,
+        text: n.searchingMemoryTypes,
         duration: 2.5,
         repeat: !0,
         color: "#999",
@@ -1871,12 +1870,12 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       er,
       {
         item: c,
-        t,
+        t: n,
         showShimmerForPrimary: s === l && r
       },
       c.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ i(
+    t !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1885,7 +1884,7 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(t.tookSeconds, { n })
+        children: x(n.tookSeconds, { n: t })
       }
     )
   ] });
@@ -1912,18 +1911,18 @@ function ar({ phase: e }) {
 function sr({
   item: e,
   t: r,
-  isActiveRow: n
+  isActiveRow: t
 }) {
-  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 y = d.current;
-    y != null && l === 1 && s && (y.scrollTop = y.scrollHeight);
+  const n = or(e), l = ir(e), c = e.reasoning, s = c != null && c.length > 0, d = F(null), [m, o] = v(!1), a = n && t, u = l === 2 && t && !O(e);
+  A(() => {
+    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 && l === 3;
-  return /* @__PURE__ */ p(
-    T.div,
+  }), f = !n && l === 3;
+  return /* @__PURE__ */ y(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1950,10 +1949,10 @@ function sr({
               width: 32,
               ...f ? { paddingTop: 2 } : {}
             },
-            children: /* @__PURE__ */ i(ar, { phase: t ? 1 : l })
+            children: /* @__PURE__ */ i(ar, { phase: n ? 1 : l })
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -1965,7 +1964,7 @@ function sr({
             },
             children: [
               /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: a ? /* @__PURE__ */ i(
-                C,
+                w,
                 {
                   text: g,
                   duration: 2.5,
@@ -1974,7 +1973,7 @@ function sr({
                   shimmerColor: "#000"
                 }
               ) : e.memoryTypeName }),
-              l === 1 && s && !O(e) && /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
+              l === 1 && s && !O(e) && /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
                 /* @__PURE__ */ i(
                   "span",
                   {
@@ -2021,7 +2020,7 @@ function sr({
                 )
               ] }),
               l === 2 && u && /* @__PURE__ */ i("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ i(
-                C,
+                w,
                 {
                   text: r.memorySearchGeneratingQueriesPending,
                   duration: 2.5,
@@ -2030,8 +2029,8 @@ function sr({
                   shimmerColor: "#000"
                 }
               ) }),
-              l === 3 && /* @__PURE__ */ p(E, { children: [
-                /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
+              l === 3 && /* @__PURE__ */ y(I, { children: [
+                /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
                   /* @__PURE__ */ i(
                     "span",
                     {
@@ -2053,7 +2052,7 @@ function sr({
                         flexDirection: "column",
                         gap: 6
                       },
-                      children: e.queries.map((y, S) => /* @__PURE__ */ i(
+                      children: e.queries.map((p, S) => /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2062,19 +2061,19 @@ function sr({
                             lineHeight: 1.5,
                             wordBreak: "break-word"
                           },
-                          children: y.query
+                          children: p.query
                         },
                         S
                       ))
                     }
                   )
                 ] }),
-                s && /* @__PURE__ */ p(E, { children: [
+                s && /* @__PURE__ */ y(I, { children: [
                   /* @__PURE__ */ i(
                     "button",
                     {
                       type: "button",
-                      onClick: () => o((y) => !y),
+                      onClick: () => o((p) => !p),
                       style: {
                         alignSelf: "flex-start",
                         border: "none",
@@ -2113,18 +2112,18 @@ function sr({
     }
   );
 }
-const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+const lr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
   const l = D(() => {
     let c = -1;
     return e.memoryTypes.forEach((s, d) => {
       O(s) || (c = d);
     }), c;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
-    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      C,
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    r && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
+      w,
       {
-        text: t.memorySearchGeneratingQueries,
+        text: n.memorySearchGeneratingQueries,
         duration: 2.5,
         repeat: !0,
         color: "#999",
@@ -2134,12 +2133,12 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
       sr,
       {
         item: c,
-        t,
+        t: n,
         isActiveRow: s === l && r
       },
       c.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ i(
+    t !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2148,26 +2147,26 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(t.tookSeconds, { n })
+        children: x(n.tookSeconds, { n: t })
       }
     )
   ] });
 };
 function cr(e, r) {
-  const n = Math.min(e.length, r.length);
-  for (let t = n; t >= 0; t--)
-    if (e.slice(-t) === r.slice(0, t)) return t;
+  const t = Math.min(e.length, r.length);
+  for (let n = t; n >= 0; n--)
+    if (e.slice(-n) === r.slice(0, n)) return n;
   return 0;
 }
 const dr = `
 
 `;
 function re(e) {
-  var n, t;
+  var t, n;
   if (e.length === 0) return "";
-  let r = ((n = e[0]) == null ? void 0 : n.content) ?? "";
+  let r = ((t = e[0]) == null ? void 0 : t.content) ?? "";
   for (let l = 1; l < e.length; l++) {
-    const c = ((t = e[l]) == null ? void 0 : t.content) ?? "";
+    const c = ((n = e[l]) == null ? void 0 : n.content) ?? "";
     if (c === "") continue;
     if (r === "") {
       r = c;
@@ -2189,17 +2188,17 @@ function ne(e, r) {
       a: e[0],
       b: e[1]
     });
-  const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
+  const t = e[e.length - 1], n = e.slice(0, -1).join(", ");
   return x(r.memorySearchPagesMultiple, {
-    list: t,
-    n
+    list: n,
+    n: t
   });
 }
 function te(e) {
   const r = /* @__PURE__ */ new Set();
-  for (const n of e)
-    for (const t of n.pageNumbers) r.add(t);
-  return [...r].sort((n, t) => n - t);
+  for (const t of e)
+    for (const n of t.pageNumbers) r.add(n);
+  return [...r].sort((t, n) => t - n);
 }
 function oe(e) {
   const r = e.memoryTypeName.trim();
@@ -2207,14 +2206,14 @@ function oe(e) {
   if (e.memoryTypeId !== "") return e.memoryTypeId;
 }
 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 });
+  return e.some((n) => n.result == null && n.error == null) ? /* @__PURE__ */ i("span", { className: "explore-memory-loader" }) : e.some((n) => n.error != null) ? /* @__PURE__ */ i(j, { color: "#c62828", size: 15, lineWidth: 2 }) : /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 });
 }
 function ur(e, r) {
   if (e.error != null)
     return /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#c62828", whiteSpace: "nowrap" }, children: e.error });
   if (e.result == null)
     return /* @__PURE__ */ i("span", { style: { flexShrink: 0, fontSize: 12 }, children: /* @__PURE__ */ i(
-      C,
+      w,
       {
         text: r.searching,
         duration: 2.5,
@@ -2223,11 +2222,11 @@ function ur(e, r) {
         shimmerColor: "#000"
       }
     ) });
-  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)
+  const t = e.result, n = t.numberOfChunks === 1 ? r.chunkFound : x(r.chunksFound, { n: t.numberOfChunks }), l = x(r.scoreLabel, {
+    n: t.highestChunkScore.toFixed(2)
   });
-  return /* @__PURE__ */ p("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
-    t,
+  return /* @__PURE__ */ y("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
+    n,
     " · ",
     l
   ] });
@@ -2235,10 +2234,10 @@ function ur(e, r) {
 function yr({
   items: e,
   queryRow: r,
-  onExploreQueryResultClick: n,
-  t
+  onExploreQueryResultClick: t,
+  t: n
 }) {
-  const [l, c] = b(null);
+  const [l, c] = v(null);
   if (e.length === 0)
     return /* @__PURE__ */ i(
       "div",
@@ -2248,10 +2247,10 @@ function yr({
           color: "#94a3b8",
           paddingTop: 4
         },
-        children: t.memorySearchExploreNoResults
+        children: n.memorySearchExploreNoResults
       }
     );
-  const s = !!n;
+  const s = !!t;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2268,10 +2267,10 @@ function yr({
           d.chunks
         ), u = [
           oe(d),
-          x(t.scoreLabel, {
+          x(n.scoreLabel, {
             n: d.matchingChunkScore.toFixed(2)
           }),
-          a.length > 0 ? ne(a, t) : t.pagesNotAvailable
+          a.length > 0 ? ne(a, n) : n.pagesNotAvailable
         ].filter(
           (S) => S != null && S !== ""
         ), g = {
@@ -2281,8 +2280,8 @@ function yr({
           memoryTypeId: r.memoryTypeId,
           memoryTypeName: r.memoryTypeName,
           query: r.query
-        }, f = `${r.query}::${d.memoryId}::${m}`, y = l === f;
-        return /* @__PURE__ */ p(
+        }, f = `${r.query}::${d.memoryId}::${m}`, p = l === f;
+        return /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -2296,7 +2295,7 @@ function yr({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ y(
                 "div",
                 {
                   style: {
@@ -2348,16 +2347,16 @@ function yr({
                   ]
                 }
               ),
-              s && /* @__PURE__ */ p(
+              s && /* @__PURE__ */ y(
                 "button",
                 {
                   type: "button",
-                  "aria-busy": y,
-                  disabled: y,
+                  "aria-busy": p,
+                  disabled: p,
                   onClick: async () => {
                     c(f);
                     try {
-                      await n(
+                      await t(
                         g
                       );
                     } finally {
@@ -2374,21 +2373,21 @@ function yr({
                     background: "#eff6ff",
                     border: "1px solid #bfdbfe",
                     borderRadius: 6,
-                    cursor: y ? "wait" : "pointer",
+                    cursor: p ? "wait" : "pointer",
                     fontFamily: "inherit",
                     display: "inline-flex",
                     alignItems: "center",
                     gap: 8
                   },
                   children: [
-                    y && /* @__PURE__ */ i(
+                    p && /* @__PURE__ */ i(
                       "span",
                       {
                         className: "explore-memory-loader explore-memory-loader--callback",
                         "aria-hidden": !0
                       }
                     ),
-                    t.viewButton
+                    n.viewButton
                   ]
                 }
               )
@@ -2400,22 +2399,22 @@ function yr({
     }
   );
 }
-function pr(e) {
-  const r = [], n = /* @__PURE__ */ new Map();
-  return e.forEach((t, l) => {
-    let c = n.get(t.memoryTypeId);
-    c == null && (r.push(t.memoryTypeId), c = {
-      memoryTypeId: t.memoryTypeId,
-      memoryTypeName: t.memoryTypeName,
+function gr(e) {
+  const r = [], t = /* @__PURE__ */ new Map();
+  return e.forEach((n, l) => {
+    let c = t.get(n.memoryTypeId);
+    c == null && (r.push(n.memoryTypeId), c = {
+      memoryTypeId: n.memoryTypeId,
+      memoryTypeName: n.memoryTypeName,
       items: []
-    }, n.set(t.memoryTypeId, c)), c.items.push({ item: t, flatIndex: l });
-  }), r.map((t) => n.get(t));
+    }, t.set(n.memoryTypeId, c)), c.items.push({ item: n, flatIndex: l });
+  }), r.map((n) => t.get(n));
 }
-function gr({
+function pr({
   group: e,
   t: r,
-  lastInFlightIndex: n,
-  isLatest: t,
+  lastInFlightIndex: t,
+  isLatest: n,
   expandedRows: l,
   toggleExpanded: c,
   onExploreQueryResultClick: s
@@ -2423,8 +2422,8 @@ function gr({
   const d = e.items.map((o) => o.item), m = d.some(
     (o) => o.result == null && o.error == null
   );
-  return /* @__PURE__ */ p(
-    T.div,
+  return /* @__PURE__ */ y(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -2454,7 +2453,7 @@ function gr({
             children: mr(d)
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -2479,8 +2478,8 @@ function gr({
               ),
               e.items.map(({ item: o, flatIndex: a }) => {
                 var h;
-                const u = o.result != null, g = o.error != null, f = a === n && t && !u && !g, y = l[a] === !0, S = ((h = o.result) == null ? void 0 : h.items) ?? [];
-                return /* @__PURE__ */ p(
+                const u = o.result != null, g = o.error != null, f = a === t && n && !u && !g, p = l[a] === !0, S = ((h = o.result) == null ? void 0 : h.items) ?? [];
+                return /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -2490,7 +2489,7 @@ function gr({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ p(
+                      /* @__PURE__ */ y(
                         "div",
                         {
                           style: {
@@ -2514,7 +2513,7 @@ function gr({
                                   minWidth: 0
                                 },
                                 children: f ? /* @__PURE__ */ i(
-                                  C,
+                                  w,
                                   {
                                     text: o.query,
                                     duration: 2.5,
@@ -2525,7 +2524,7 @@ function gr({
                                 ) : o.query
                               }
                             ),
-                            /* @__PURE__ */ p(
+                            /* @__PURE__ */ y(
                               "div",
                               {
                                 style: {
@@ -2552,7 +2551,7 @@ function gr({
                                         textDecoration: "underline",
                                         fontFamily: "inherit"
                                       },
-                                      children: y ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
+                                      children: p ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
                                     }
                                   )
                                 ]
@@ -2561,7 +2560,7 @@ function gr({
                           ]
                         }
                       ),
-                      u && y && /* @__PURE__ */ i(
+                      u && p && /* @__PURE__ */ i(
                         yr,
                         {
                           items: S,
@@ -2585,11 +2584,11 @@ function gr({
 const hr = ({
   data: e,
   isLatest: r = !1,
-  durationSeconds: n,
-  onExploreQueryResultClick: t,
+  durationSeconds: t,
+  onExploreQueryResultClick: n,
   t: l
 }) => {
-  const [c, s] = b(
+  const [c, s] = v(
     {}
   ), d = G((a) => {
     s((u) => ({
@@ -2602,12 +2601,12 @@ const hr = ({
       u.result == null && u.error == null && (a = g);
     }), a;
   }, [e.queries]), o = D(
-    () => pr(e.queries),
+    () => gr(e.queries),
     [e.queries]
   );
-  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
-    r && !n && e.queries.length === 0 ? /* @__PURE__ */ i(
-      C,
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    r && !t && e.queries.length === 0 ? /* @__PURE__ */ i(
+      w,
       {
         text: l.memorySearchExploringQueries,
         duration: 2.5,
@@ -2616,7 +2615,7 @@ const hr = ({
         shimmerColor: "#000"
       }
     ) : o.map((a) => /* @__PURE__ */ i(
-      gr,
+      pr,
       {
         group: a,
         t: l,
@@ -2624,11 +2623,11 @@ const hr = ({
         isLatest: r,
         expandedRows: c,
         toggleExpanded: d,
-        onExploreQueryResultClick: t
+        onExploreQueryResultClick: n
       },
       a.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ i(
+    t !== void 0 && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2637,15 +2636,15 @@ const hr = ({
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(l.tookSeconds, { n })
+        children: x(l.tookSeconds, { n: t })
       }
     )
   ] });
-}, fr = ({ data: e, onSearchResultClick: r, t: n }) => {
-  const t = e.response.items, l = !!r, [c, s] = b(null);
-  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
+}, fr = ({ data: e, onSearchResultClick: r, t }) => {
+  const n = e.response.items, l = !!r, [c, s] = v(null);
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      T.div,
+      b.div,
       {
         style: {
           marginBottom: "12px",
@@ -2656,7 +2655,7 @@ const hr = ({
         initial: { opacity: 0, y: -6 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.25 },
-        children: n.resultsHeading
+        children: t.resultsHeading
       }
     ),
     /* @__PURE__ */ i(
@@ -2667,15 +2666,15 @@ const hr = ({
           flexDirection: "column",
           gap: 0
         },
-        children: t.map((d, m) => {
+        children: n.map((d, m) => {
           const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = te(
             d.chunks
           ), u = [
             oe(d),
-            x(n.scoreLabel, {
+            x(t.scoreLabel, {
               n: d.matchingChunkScore.toFixed(2)
             }),
-            a.length > 0 ? ne(a, n) : n.pagesNotAvailable
+            a.length > 0 ? ne(a, t) : t.pagesNotAvailable
           ].filter(
             (S) => S != null && S !== ""
           ), g = {
@@ -2684,9 +2683,9 @@ const hr = ({
             memoryTypeId: d.memoryTypeId,
             memoryTypeName: d.memoryTypeName,
             pageNumbers: a
-          }, f = `${d.memoryId}-${m}`, y = c === f;
-          return /* @__PURE__ */ p(
-            T.div,
+          }, f = `${d.memoryId}-${m}`, p = c === f;
+          return /* @__PURE__ */ y(
+            b.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
@@ -2698,11 +2697,11 @@ const hr = ({
                 gap: "12px",
                 paddingTop: "12px",
                 paddingBottom: "12px",
-                borderBottom: m < t.length - 1 ? "1px solid #eee" : void 0,
+                borderBottom: m < n.length - 1 ? "1px solid #eee" : void 0,
                 minWidth: 0
               },
               children: [
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -2752,12 +2751,12 @@ const hr = ({
                     ]
                   }
                 ),
-                l && /* @__PURE__ */ p(
+                l && /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
-                    "aria-busy": y,
-                    disabled: y,
+                    "aria-busy": p,
+                    disabled: p,
                     onClick: async () => {
                       s(f);
                       try {
@@ -2776,21 +2775,21 @@ const hr = ({
                       background: "#eff6ff",
                       border: "1px solid #bfdbfe",
                       borderRadius: 6,
-                      cursor: y ? "wait" : "pointer",
+                      cursor: p ? "wait" : "pointer",
                       fontFamily: "inherit",
                       display: "inline-flex",
                       alignItems: "center",
                       gap: 8
                     },
                     children: [
-                      y && /* @__PURE__ */ i(
+                      p && /* @__PURE__ */ i(
                         "span",
                         {
                           className: "explore-memory-loader explore-memory-loader--callback",
                           "aria-hidden": !0
                         }
                       ),
-                      n.viewButton
+                      t.viewButton
                     ]
                   }
                 )
@@ -2803,7 +2802,7 @@ const hr = ({
     )
   ] });
 }, Sr = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  T.div,
+  b.div,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
@@ -2828,13 +2827,13 @@ const hr = ({
 ) }), xr = ({
   progressViewItems: e,
   loadingText: r,
-  t: n,
-  onSourceClick: t,
+  t,
+  onSourceClick: n,
   onSearchResultClick: l,
   onExploreQueryResultClick: c
 }) => {
-  const s = A(null);
-  M(() => {
+  const s = F(null);
+  A(() => {
     s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, [e.length]);
   const d = (o) => {
@@ -2854,7 +2853,7 @@ const hr = ({
               data: a,
               isLatest: o.isLatest,
               durationSeconds: o.durationSeconds,
-              t: n
+              t
             }
           );
         case "FindMemoriesResult":
@@ -2862,7 +2861,7 @@ const hr = ({
             He,
             {
               data: a,
-              t: n
+              t
             }
           );
         case "Search":
@@ -2872,7 +2871,7 @@ const hr = ({
               data: a,
               isLatest: o.isLatest,
               durationSeconds: o.durationSeconds,
-              t: n
+              t
             }
           );
         case "FindSources":
@@ -2882,7 +2881,7 @@ const hr = ({
               data: a,
               isLatest: o.isLatest,
               durationSeconds: o.durationSeconds,
-              t: n
+              t
             }
           );
         case "SourcesResult":
@@ -2890,8 +2889,8 @@ const hr = ({
             Qe,
             {
               data: a,
-              onSourceClick: t,
-              t: n
+              onSourceClick: n,
+              t
             }
           );
         case "ExploreMemories":
@@ -2901,11 +2900,11 @@ const hr = ({
               data: a,
               completed: o.completed,
               isLatest: o.isLatest,
-              t: n
+              t
             }
           );
         case "ChunkResult":
-          return /* @__PURE__ */ i(Je, { data: a, t: n });
+          return /* @__PURE__ */ i(Je, { data: a, t });
         case "Completed":
           return null;
       }
@@ -2918,7 +2917,7 @@ const hr = ({
               data: a,
               isLatest: o.isLatest,
               durationSeconds: o.durationSeconds,
-              t: n
+              t
             }
           );
         case "ExploreQueries":
@@ -2929,7 +2928,7 @@ const hr = ({
               isLatest: o.isLatest,
               durationSeconds: o.durationSeconds,
               onExploreQueryResultClick: c,
-              t: n
+              t
             }
           );
         case "SearchMemoryTypes":
@@ -2939,7 +2938,7 @@ const hr = ({
               data: a,
               isLatest: o.isLatest,
               durationSeconds: o.durationSeconds,
-              t: n
+              t
             }
           );
         case "Completed":
@@ -2948,7 +2947,7 @@ const hr = ({
             {
               data: a,
               onSearchResultClick: l,
-              t: n
+              t
             }
           );
       }
@@ -2956,9 +2955,9 @@ const hr = ({
   };
   if (e.length === 0)
     return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-      C,
+      w,
       {
-        text: r ?? n.processingYourTask,
+        text: r ?? t.processingYourTask,
         duration: 1.5,
         repeat: !0,
         repeatDelay: 0,
@@ -2977,7 +2976,7 @@ const hr = ({
     ) : !0;
   });
   return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(X, { children: m.map((o, a) => /* @__PURE__ */ i(
-    T.div,
+    b.div,
     {
       id: `agent-task-progress-item-${o.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
@@ -2994,12 +2993,12 @@ const hr = ({
 }, Ar = ({
   agentTask: e,
   mode: r = "verbose",
-  language: n,
-  onSourceClick: t,
+  language: t,
+  onSourceClick: n,
   onSearchResultClick: l,
   onExploreQueryResultClick: c
 }) => {
-  const s = De(e), d = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", m = Be(d);
+  const s = De(e), d = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : t ?? "en", m = Be(d);
   return r === "simple" ? /* @__PURE__ */ i(
     ze,
     {
@@ -3012,7 +3011,7 @@ const hr = ({
       progressViewItems: s,
       loadingText: e.loadingText,
       t: m,
-      onSourceClick: t,
+      onSourceClick: n,
       onSearchResultClick: l,
       onExploreQueryResultClick: c
     }