@fencyai/react 0.1.179 → 0.1.181

package/dist/index.js

@@ -1,30 +1,30 @@
 import { jsxs as f, jsx as o, Fragment as A } from "react/jsx-runtime";
 import { createStream as we, isStreamTimeoutEvent as Me, isStreamNotFoundEvent as Ie, isAgentTaskProgressItemUpdatedEvent as Ee, createAgentTask as Re } from "@fencyai/js";
-import Fe, { createContext as me, useState as R, useRef as D, useEffect as z, useCallback as O, useContext as he, useMemo as B } from "react";
+import Fe, { createContext as me, useState as R, useRef as z, useEffect as B, useCallback as O, useContext as he, useMemo as L } from "react";
 import { z as i } from "zod";
 import { motion as M, useInView as Ae, AnimatePresence as Pe } from "motion/react";
-import ze from "react-markdown";
+import Be from "react-markdown";
 import { Prism as pe } from "react-syntax-highlighter";
-import De from "remark-gfm";
+import ze from "remark-gfm";
 import './assets/index.css';const ge = me(
   void 0
 );
-async function Le(e, t) {
+async function De(e, t) {
   const n = e.getReader();
   let r;
   for (; !(r = await n.read()).done; )
     t(r.value);
 }
-function Be(e) {
+function Le(e) {
   let t, n, r, a = !1;
   return function(s) {
     t === void 0 ? (t = s, n = 0, r = -1) : t = Ne(t, s);
-    const u = t.length;
+    const m = t.length;
     let d = 0;
-    for (; n < u; ) {
+    for (; n < m; ) {
       a && (t[n] === 10 && (d = ++n), a = !1);
-      let m = -1;
-      for (; n < u && m === -1; ++n)
+      let u = -1;
+      for (; n < m && u === -1; ++n)
         switch (t[n]) {
           case 58:
             r === -1 && (r = n - d);
@@ -32,24 +32,24 @@ function Be(e) {
           case 13:
             a = !0;
           case 10:
-            m = n;
+            u = n;
             break;
         }
-      if (m === -1)
+      if (u === -1)
         break;
-      e(t.subarray(d, m), r), d = n, r = -1;
+      e(t.subarray(d, u), r), d = n, r = -1;
     }
-    d === u ? t = void 0 : d !== 0 && (t = t.subarray(d), n -= d);
+    d === m ? t = void 0 : d !== 0 && (t = t.subarray(d), n -= d);
   };
 }
 function We(e, t, n) {
   let r = te();
   const a = new TextDecoder();
-  return function(s, u) {
+  return function(s, m) {
     if (s.length === 0)
       n == null || n(r), r = te();
-    else if (u > 0) {
-      const d = a.decode(s.subarray(0, u)), m = u + (s[u + 1] === 32 ? 2 : 1), l = a.decode(s.subarray(m));
+    else if (m > 0) {
+      const d = a.decode(s.subarray(0, m)), u = m + (s[m + 1] === 32 ? 2 : 1), l = a.decode(s.subarray(u));
       switch (d) {
         case "data":
           r.data = r.data ? r.data + `
@@ -91,8 +91,8 @@ var Oe = function(e, t) {
 };
 const H = "text/event-stream", je = 1e3, ne = "last-event-id";
 function $e(e, t) {
-  var { signal: n, headers: r, onopen: a, onmessage: c, onclose: s, onerror: u, openWhenHidden: d, fetch: m } = t, l = Oe(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((h, b) => {
+  var { signal: n, headers: r, onopen: a, onmessage: c, onclose: s, onerror: m, openWhenHidden: d, fetch: u } = t, l = Oe(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((h, k) => {
     const y = Object.assign({}, r);
     y.accept || (y.accept = H);
     let p;
@@ -100,31 +100,31 @@ function $e(e, t) {
       p.abort(), document.hidden || I();
     }
     d || document.addEventListener("visibilitychange", g);
-    let k = je, x = 0;
+    let b = je, x = 0;
     function w() {
       document.removeEventListener("visibilitychange", g), window.clearTimeout(x), p.abort();
     }
     n == null || n.addEventListener("abort", () => {
       w(), h();
     });
-    const C = m ?? window.fetch, E = a ?? He;
+    const C = u ?? window.fetch, E = a ?? He;
     async function I() {
       var W;
       p = new AbortController();
       try {
         const P = await C(e, Object.assign(Object.assign({}, l), { headers: y, signal: p.signal }));
-        await E(P), await Le(P.body, Be(We((v) => {
+        await E(P), await De(P.body, Le(We((v) => {
           v ? y[ne] = v : delete y[ne];
         }, (v) => {
-          k = v;
+          b = v;
         }, c))), s == null || s(), w(), h();
       } catch (P) {
         if (!p.signal.aborted)
           try {
-            const v = (W = u == null ? void 0 : u(P)) !== null && W !== void 0 ? W : k;
+            const v = (W = m == null ? void 0 : m(P)) !== null && W !== void 0 ? W : b;
             window.clearTimeout(x), x = window.setTimeout(I, v);
           } catch (v) {
-            w(), b(v);
+            w(), k(v);
           }
       }
     }
@@ -352,41 +352,46 @@ class _e {
         var s;
         a.abort(), (s = this.worker) == null || s.postMessage({ command: "disconnect", streamId: n });
       }
-    }), this.startWorkerStream(n, r, c, a);
+    }), this.startWorkerStream(n, r, c, a, t);
   }
-  async startWorkerStream(t, n, r, a) {
-    const c = this.worker;
-    if (!c) return;
-    const s = (u) => {
-      a.signal.aborted || (this.activeConnections.delete(t), this.broadcastError(t, u));
+  async startWorkerStream(t, n, r, a, c) {
+    const s = this.worker;
+    if (!s) return;
+    const m = (d) => {
+      a.signal.aborted || (this.activeConnections.delete(t), this.broadcastError(t, d));
     };
     try {
-      const u = await fetch(n, {
+      const d = await fetch(n, {
         method: "GET",
         headers: r,
         signal: a.signal
       });
-      if (!u.ok) {
-        u.status >= 400 && u.status < 500 && u.status !== 429 ? s(`Client error ${u.status}`) : s(`HTTP ${u.status}`);
+      if (!d.ok) {
+        d.status >= 400 && d.status < 500 && d.status !== 429 ? m(`Client error ${d.status}`) : m(`HTTP ${d.status}`);
         return;
       }
-      const d = u.body;
-      if (!d) {
-        s("No response body");
+      const u = d.body;
+      if (!u) {
+        m("No response body");
         return;
       }
       if (!this.activeConnections.has(t)) {
-        await d.cancel().catch(() => {
+        await u.cancel().catch(() => {
         });
         return;
       }
-      c.postMessage(
-        { command: "start", streamId: t, readableStream: d },
-        [d]
-      );
-    } catch (u) {
+      try {
+        s.postMessage(
+          { command: "start", streamId: t, readableStream: u },
+          [u]
+        );
+      } catch {
+        this.workerSupported = !1, u.cancel().catch(() => {
+        }), this.activeConnections.delete(t), this.connectStreamOnMainThread(c);
+      }
+    } catch (d) {
       if (a.signal.aborted) return;
-      s(ae(u));
+      m(ae(d));
     }
   }
   connectStreamOnMainThread(t) {
@@ -408,8 +413,8 @@ class _e {
       },
       onmessage: (s) => {
         if (s.data) {
-          const u = oe(s.data);
-          this.broadcast(u, n);
+          const m = oe(s.data);
+          this.broadcast(m, n);
         }
       },
       onerror: (s) => {
@@ -459,35 +464,35 @@ const Ge = 48e4, qe = 3e5, ie = (e) => {
 function $t({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
   const [r, a] = R(
     null
-  ), [c, s] = R(!0), [u, d] = R(null), [m, l] = R([]), h = D(null), b = D(null);
-  z(() => {
-    e.then((k) => {
-      a(k), s(!1);
-    }).catch((k) => {
-      d(k), s(!1);
+  ), [c, s] = R(!0), [m, d] = R(null), [u, l] = R([]), h = z(null), k = z(null);
+  B(() => {
+    e.then((b) => {
+      a(b), s(!1);
+    }).catch((b) => {
+      d(b), s(!1);
     });
-  }, [e]), z(() => {
-    r && !b.current && (b.current = new _e(r));
-  }, [r]), z(() => {
-    b.current && b.current.updateStreams(m);
-  }, [m]), z(() => () => {
-    var k;
-    (k = b.current) == null || k.cleanup();
-  }, []), z(() => {
-    const k = setInterval(() => {
+  }, [e]), B(() => {
+    r && !k.current && (k.current = new _e(r));
+  }, [r]), B(() => {
+    k.current && k.current.updateStreams(u);
+  }, [u]), B(() => () => {
+    var b;
+    (b = k.current) == null || b.cleanup();
+  }, []), B(() => {
+    const b = setInterval(() => {
       l((x) => {
         const w = ie(x);
         return w.length !== x.length ? w : x;
       });
     }, 6e4);
-    return () => clearInterval(k);
+    return () => clearInterval(b);
   }, []);
   const y = O(
-    async (k = qe) => {
+    async (b = qe) => {
       if (h.current)
         return h.current;
-      const x = Date.now(), w = m.length > 0 ? m[m.length - 1] : null;
-      if (w && x - w.createdAt < k)
+      const x = Date.now(), w = u.length > 0 ? u[u.length - 1] : null;
+      if (w && x - w.createdAt < b)
         return w.stream;
       const C = (async () => {
         if (!r)
@@ -511,22 +516,22 @@ function $t({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
       })();
       return h.current = C, C;
     },
-    [r, m]
+    [r, u]
   );
-  if (u)
+  if (m)
     return /* @__PURE__ */ f("div", { children: [
       "Fency error: ",
-      u.message
+      m.message
     ] });
   if (!r)
     return null;
-  const p = m.length > 0 ? m[m.length - 1] : null, g = {
+  const p = u.length > 0 ? u[u.length - 1] : null, g = {
     fency: r,
     loading: c,
-    error: u,
-    activeStreams: m,
+    error: m,
+    activeStreams: u,
     latestStream: p,
-    eventManager: b.current,
+    eventManager: k.current,
     getOrCreateStream: y
   };
   return /* @__PURE__ */ o(ge.Provider, { value: g, children: n });
@@ -563,7 +568,7 @@ const fe = i.object({
       ])
     }).passthrough()
   )
-}).passthrough(), be = i.object({
+}).passthrough(), ke = i.object({
   memoryId: i.string(),
   memoryTitle: i.string()
 }).passthrough(), Qe = i.object({
@@ -603,7 +608,7 @@ const fe = i.object({
   taskType: i.literal("MemoryChat"),
   eventType: i.literal("Search"),
   queryDescription: i.string(),
-  memories: i.array(be).optional()
+  memories: i.array(ke).optional()
 }).passthrough(), rr = i.object({
   taskType: i.literal("MemoryChat"),
   eventType: i.literal("FindMemories"),
@@ -611,7 +616,7 @@ const fe = i.object({
 }).passthrough(), tr = i.object({
   taskType: i.literal("MemoryChat"),
   eventType: i.literal("FindMemoriesResult"),
-  memories: i.array(be)
+  memories: i.array(ke)
 }).passthrough(), nr = i.enum([
   "downloading",
   "downloaded",
@@ -774,7 +779,7 @@ const fe = i.object({
   gr,
   yr
 ]);
-function br(e) {
+function kr(e) {
   const t = fr.safeParse(e);
   return t.success ? t.data : (console.warn(
     "[fency] Dropping unrecognized or malformed agent task event:",
@@ -782,7 +787,7 @@ function br(e) {
     e
   ), null);
 }
-const kr = (e) => {
+const br = (e) => {
   try {
     const t = JSON.parse(e);
     return Sr(t);
@@ -807,7 +812,7 @@ const kr = (e) => {
       r
     ), null;
   }
-  const n = br(t);
+  const n = kr(t);
   return n === null ? null : {
     type: "AGENT_TASK_PROGRESS_ITEM_UPDATED",
     streamId: e.streamId,
@@ -818,33 +823,33 @@ const kr = (e) => {
     data: n
   };
 }, Cr = (e) => {
-  const t = ye(), [n, r] = R(null), a = D(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
-  return z(() => {
+  const t = ye(), [n, r] = R(null), a = z(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return B(() => {
     if (!t.eventManager) return;
     const s = {
-      onMessage: (d, m) => {
-        var h, b, y;
-        const l = kr(d);
+      onMessage: (d, u) => {
+        var h, k, y;
+        const l = br(d);
         if (l)
           switch (l.type) {
             case "STREAM_TIMEOUT":
               (h = e == null ? void 0 : e.onStreamTimeout) == null || h.call(e, l);
               break;
             case "STREAM_NOT_FOUND":
-              (b = e == null ? void 0 : e.onStreamNotFound) == null || b.call(e, l);
+              (k = e == null ? void 0 : e.onStreamNotFound) == null || k.call(e, l);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
               (y = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || y.call(e, l);
               break;
           }
       },
-      onError: (d, m) => {
+      onError: (d, u) => {
         var l;
         (l = e == null ? void 0 : e.onStreamError) == null || l.call(e, {
           streamId: d,
           error: {
             code: "UnknownError",
-            message: m ?? "Unknown error in useStream"
+            message: u ?? "Unknown error in useStream"
           }
         });
       }
@@ -874,25 +879,25 @@ const kr = (e) => {
     stream: n
   };
 }, Ht = (e) => {
-  const t = ye(), [n, r] = R([]), a = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), s = O(
+  const t = ye(), [n, r] = R([]), a = z(/* @__PURE__ */ new Set()), c = z(/* @__PURE__ */ new Map()), s = O(
     (l, h) => {
-      r((b) => {
-        const y = [], p = b.map((g) => {
+      r((k) => {
+        const y = [], p = k.map((g) => {
           var x;
           if (g.streamId !== l || !g.loading) return g;
-          const k = (x = g.confirmedData) == null ? void 0 : x.taskId;
-          return k && y.push(k), { ...g, loading: !1, error: h };
+          const b = (x = g.confirmedData) == null ? void 0 : x.taskId;
+          return b && y.push(b), { ...g, loading: !1, error: h };
         });
         for (const g of y) {
           a.current.delete(g);
-          const k = c.current.get(g);
-          k && (c.current.delete(g), k({ type: "error", error: h }));
+          const b = c.current.get(g);
+          b && (c.current.delete(g), b({ type: "error", error: h }));
         }
         return p;
       });
     },
     []
-  ), { createStream: u } = Cr({
+  ), { createStream: m } = Cr({
     onAgentTaskProgressItemUpdated: (l) => {
       var y;
       if (!a.current.has(l.agentTaskId)) return;
@@ -900,7 +905,7 @@ const kr = (e) => {
       if (h.taskType === "StreamingChatCompletion" && h.eventType === "Completed" || h.taskType === "StructuredChatCompletion" && h.eventType === "Completed" || h.taskType === "MemoryChat" && h.eventType === "Completed" || h.taskType === "MemorySearch" && h.eventType === "Completed") {
         const p = h.taskType === "MemorySearch" && h.eventType === "Completed" || h.taskType === "StructuredChatCompletion" && h.eventType === "Completed";
         r(
-          p ? (k) => k.map((x) => {
+          p ? (b) => b.map((x) => {
             var E;
             if (((E = x.confirmedData) == null ? void 0 : E.taskId) !== l.agentTaskId)
               return x;
@@ -914,7 +919,7 @@ const kr = (e) => {
               progressItems: C,
               loading: !1
             };
-          }) : (k) => k.map(
+          }) : (b) => b.map(
             (x) => {
               var w;
               return ((w = x.confirmedData) == null ? void 0 : w.taskId) === l.agentTaskId ? { ...x, loading: !1 } : x;
@@ -967,17 +972,17 @@ const kr = (e) => {
   }), d = O(
     async (l, h) => {
       var g;
-      const b = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, y = (h == null ? void 0 : h.fetchCreateAgentTaskClientToken) ?? e.fetchCreateAgentTaskClientToken;
+      const k = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, y = (h == null ? void 0 : h.fetchCreateAgentTaskClientToken) ?? e.fetchCreateAgentTaskClientToken;
       if (y === void 0)
         throw new Error(
           "fetchCreateAgentTaskClientToken must be provided either in useAgentTasks props or in createAgentTask options"
         );
-      const p = await u();
+      const p = await m();
       if (p.type === "success") {
-        const k = (/* @__PURE__ */ new Date()).toISOString(), x = {
-          taskKey: b,
+        const b = (/* @__PURE__ */ new Date()).toISOString(), x = {
+          taskKey: k,
           streamId: p.stream.id,
-          triggeredAt: k,
+          triggeredAt: b,
           confirmedData: null,
           error: null,
           params: l,
@@ -1033,9 +1038,9 @@ const kr = (e) => {
             return a.current.add(
               C.agentTask.id
             ), r((E) => [
-              ...E.filter((I) => I.taskKey !== b),
+              ...E.filter((I) => I.taskKey !== k),
               {
-                taskKey: b,
+                taskKey: k,
                 streamId: p.stream.id,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 taskId: C.agentTask.id,
@@ -1060,9 +1065,9 @@ const kr = (e) => {
             );
           if (C.type === "error")
             return r((E) => [
-              ...E.filter((I) => I.taskKey !== b),
+              ...E.filter((I) => I.taskKey !== k),
               {
-                taskKey: b,
+                taskKey: k,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: p.stream.id,
                 params: l,
@@ -1082,9 +1087,9 @@ const kr = (e) => {
               code: "UnknownError"
             };
             return r((I) => [
-              ...I.filter((W) => W.taskKey !== b),
+              ...I.filter((W) => W.taskKey !== k),
               {
-                taskKey: b,
+                taskKey: k,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: p.stream.id,
                 error: E,
@@ -1105,9 +1110,9 @@ const kr = (e) => {
             message: w instanceof Error ? w.message : "Unknown error during agent task creation"
           };
           return r((E) => [
-            ...E.filter((I) => I.taskKey !== b),
+            ...E.filter((I) => I.taskKey !== k),
             {
-              taskKey: b,
+              taskKey: k,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
               streamId: p.stream.id,
               params: l,
@@ -1127,20 +1132,20 @@ const kr = (e) => {
     },
     [
       t,
-      u,
+      m,
       e.fetchCreateAgentTaskClientToken,
       s
     ]
-  ), m = B(() => {
+  ), u = L(() => {
     if (n.length !== 0)
       return [...n].sort((l, h) => new Date(h.triggeredAt).getTime() - new Date(l.triggeredAt).getTime())[0];
   }, [n]);
-  return z(() => () => {
+  return B(() => () => {
     a.current.clear(), c.current.clear();
   }, []), {
     agentTasks: n,
     createAgentTask: d,
-    latest: m
+    latest: u
   };
 };
 function wr(e) {
@@ -1148,8 +1153,8 @@ function wr(e) {
     const r = e.progressItems[n + 1], a = r != null;
     let c;
     if (r != null && r.createdAt) {
-      const s = new Date(t.createdAt).getTime(), u = new Date(r.createdAt).getTime();
-      c = Math.round((u - s) / 1e3);
+      const s = new Date(t.createdAt).getTime(), m = new Date(r.createdAt).getTime();
+      c = Math.round((m - s) / 1e3);
     }
     return {
       item: t,
@@ -1798,7 +1803,7 @@ const Mr = {
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(230, 8%, 24%)"
   }
-}, ke = {
+}, be = {
   textPrimary: "#1f2937",
   textSecondary: "#666",
   textMuted: "#94a3b8",
@@ -1848,16 +1853,16 @@ const Mr = {
   reasoningLine: "#a1a8b0"
 }, Se = me({
   theme: "light",
-  colors: ke
+  colors: be
 });
 function Rr({
   theme: e,
   children: t
 }) {
-  const n = B(
+  const n = L(
     () => ({
       theme: e,
-      colors: e === "dark" ? Er : ke
+      colors: e === "dark" ? Er : be
     }),
     [e]
   );
@@ -1873,7 +1878,7 @@ const se = ({
   text: e
 }) => {
   const { theme: t } = T(), n = xe(t);
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ o(
     M.div,
     {
       className: "fency-markdown-body-raw",
@@ -1881,13 +1886,13 @@ const se = ({
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
       children: /* @__PURE__ */ o(
-        ze,
+        Be,
         {
-          remarkPlugins: [De],
+          remarkPlugins: [ze],
           components: {
             code(r) {
-              const { children: a, className: c, node: s, ref: u, ...d } = r, m = /language-(\w+)/.exec(c || "");
-              return m ? (
+              const { children: a, className: c, node: s, ref: m, ...d } = r, u = /language-(\w+)/.exec(c || "");
+              return u ? (
                 // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
                 /* @__PURE__ */ o(
                   pe,
@@ -1895,7 +1900,7 @@ const se = ({
                     ...d,
                     PreTag: "div",
                     children: String(a).replace(/\n$/, ""),
-                    language: m[1],
+                    language: u[1],
                     style: n
                   }
                 )
@@ -2107,18 +2112,18 @@ function F({
   repeatDelay: a = 0.5,
   className: c,
   startOnView: s = !1,
-  once: u = !1,
+  once: m = !1,
   inViewMargin: d,
-  spread: m = 2,
+  spread: u = 2,
   color: l,
   shimmerColor: h,
-  direction: b = "fromBottom"
+  direction: k = "fromBottom"
 }) {
-  const { colors: y } = T(), p = l ?? y.shimmerBase, g = h ?? y.shimmerHighlight, k = D(null), x = Ae(k, { once: u, margin: d }), w = B(() => e.length * m, [e, m]), C = !s || x, E = b === "fromBottom" ? "100% center" : "-100% center", I = b === "fromBottom" ? "0% center" : "200% center";
+  const { colors: y } = T(), p = l ?? y.shimmerBase, g = h ?? y.shimmerHighlight, b = z(null), x = Ae(b, { once: m, margin: d }), w = L(() => e.length * u, [e, u]), C = !s || x, E = k === "fromBottom" ? "100% center" : "-100% center", I = k === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ o(
     M.span,
     {
-      ref: k,
+      ref: b,
       className: c,
       style: {
         position: "relative",
@@ -2160,12 +2165,12 @@ function F({
     }
   );
 }
-const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const { colors: a } = T(), [c, s] = R(!1), d = (e.memories ?? []).map((x) => x.memoryTitle), m = d.length > 0, l = m && d.length > G, h = l && !c ? d.slice(0, G) : d, b = d.length - G, y = !l || c, p = `${r.searchingFor}'${e.queryDescription}'`, g = m ? `${r.searchingIn}${X(
+const G = 5, Br = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const { colors: a } = T(), [c, s] = R(!1), d = (e.memories ?? []).map((x) => x.memoryTitle), u = d.length > 0, l = u && d.length > G, h = l && !c ? d.slice(0, G) : d, k = d.length - G, y = !l || c, p = `${r.searchingFor}'${e.queryDescription}'`, g = u ? `${r.searchingIn}${X(
     h,
     y ? r.and : void 0
-  )}` : "", k = m ? `${p}${g}` : `${r.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  )}` : "", b = u ? `${p}${g}` : `${r.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2173,8 +2178,8 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n && !l ? /* @__PURE__ */ o(F, { text: k, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ f(A, { children: [
-          /* @__PURE__ */ o("span", { style: { color: a.textSecondary }, children: m ? /* @__PURE__ */ f(A, { children: [
+        children: t && !n && !l ? /* @__PURE__ */ o(F, { text: b, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ f(A, { children: [
+          /* @__PURE__ */ o("span", { style: { color: a.textSecondary }, children: u ? /* @__PURE__ */ f(A, { children: [
             r.searchingFor,
             /* @__PURE__ */ f("span", { style: { fontWeight: 600 }, children: [
               "'",
@@ -2202,7 +2207,7 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                   fontFamily: "inherit"
                 },
                 children: S(r.moreMemories, {
-                  n: b
+                  n: k
                 })
               }
             )
@@ -2245,12 +2250,12 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       }
     )
   ] });
-}, q = 5, Dr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const { colors: a } = T(), [c, s] = R(!1), u = e.titles, d = u.length > 0, m = d && u.length > q, l = m && !c ? u.slice(0, q) : u, h = u.length - q, b = !m || c, y = d ? `${r.findingMemoriesIn}${X(
+}, q = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const { colors: a } = T(), [c, s] = R(!1), m = e.titles, d = m.length > 0, u = d && m.length > q, l = u && !c ? m.slice(0, q) : m, h = m.length - q, k = !u || c, y = d ? `${r.findingMemoriesIn}${X(
     l,
-    b ? r.and : void 0
+    k ? r.and : void 0
   )}` : r.findingMemories;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2260,9 +2265,9 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n && !m ? /* @__PURE__ */ o(F, { text: y, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ f(A, { children: [
+        children: t && !n && !u ? /* @__PURE__ */ o(F, { text: y, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ f(A, { children: [
           /* @__PURE__ */ o("span", { style: { color: a.textSecondary }, children: y }),
-          m && !c && /* @__PURE__ */ f(A, { children: [
+          u && !c && /* @__PURE__ */ f(A, { children: [
             " ",
             /* @__PURE__ */ o(
               "button",
@@ -2286,7 +2291,7 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
               }
             )
           ] }),
-          m && c && /* @__PURE__ */ f(A, { children: [
+          u && c && /* @__PURE__ */ f(A, { children: [
             " ",
             /* @__PURE__ */ o(
               "button",
@@ -2324,12 +2329,12 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       }
     )
   ] });
-}, Q = 5, Lr = ({ data: e, t }) => {
-  const { colors: n } = T(), [r, a] = R(!1), s = e.memories.map((p) => p.memoryTitle), u = s.length > 0, d = u && s.length > Q, m = d && !r ? s.slice(0, Q) : s, l = s.length - Q, h = !d || r, b = s.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, y = u ? `${b}${X(
-    m,
+}, Q = 5, Dr = ({ data: e, t }) => {
+  const { colors: n } = T(), [r, a] = R(!1), s = e.memories.map((p) => p.memoryTitle), m = s.length > 0, d = m && s.length > Q, u = d && !r ? s.slice(0, Q) : s, l = s.length - Q, h = !d || r, k = s.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, y = m ? `${k}${X(
+    u,
     h ? t.and : void 0
   )}` : t.memoriesFound;
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ o(
     M.div,
     {
       style: { color: n.textSecondary },
@@ -2387,9 +2392,9 @@ const G = 5, zr = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       ] })
     }
   ) });
-}, Br = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
+}, Lr = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
   const { colors: r } = T(), a = n.addingSources;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2433,7 +2438,7 @@ function Wr(e, t) {
 }
 const Nr = ({ data: e, onSourceClick: t, t: n }) => {
   const { colors: r } = T(), [a, c] = R(null);
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -2451,11 +2456,11 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
         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: r.textTertiary }, children: n.noSources }) : e.sources.map((s, u) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ o("span", { style: { fontSize: "13px", color: r.textTertiary }, children: n.noSources }) : e.sources.map((s, m) => /* @__PURE__ */ o(
       Or,
       {
         source: s,
-        index: u,
+        index: m,
         loadingMemoryId: a,
         setLoadingMemoryId: c,
         onSourceClick: t,
@@ -2472,7 +2477,7 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
   onSourceClick: a,
   t: c
 }) => {
-  const { colors: s } = T(), [u, d] = R(!1), m = !!a, l = n === e.memoryId, h = e.pageNumbers ?? [], b = Wr(h, c);
+  const { colors: s } = T(), [m, d] = R(!1), u = !!a, l = n === e.memoryId, h = e.pageNumbers ?? [], k = Wr(h, c);
   return /* @__PURE__ */ f(
     M.div,
     {
@@ -2480,7 +2485,7 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: m && !l ? async () => {
+      onClick: u && !l ? async () => {
         r(e.memoryId);
         try {
           await a({
@@ -2494,8 +2499,8 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
           r(null);
         }
       } : void 0,
-      onMouseEnter: m && !l ? () => d(!0) : void 0,
-      onMouseLeave: m && !l ? () => d(!1) : void 0,
+      onMouseEnter: u && !l ? () => d(!0) : void 0,
+      onMouseLeave: u && !l ? () => d(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -2503,8 +2508,8 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
         padding: "8px 12px",
         borderRadius: "6px",
         border: `1px solid ${s.borderStrong}`,
-        backgroundColor: u ? s.sourcesBadgeBg : s.transparent,
-        cursor: m && !l ? "pointer" : l ? "wait" : "default",
+        backgroundColor: m ? s.sourcesBadgeBg : s.transparent,
+        cursor: u && !l ? "pointer" : l ? "wait" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none",
         pointerEvents: l ? "none" : void 0
@@ -2533,11 +2538,11 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
             ]
           }
         ),
-        b && /* @__PURE__ */ o("span", { style: { fontSize: "12px", color: s.textSecondary }, children: b })
+        k && /* @__PURE__ */ o("span", { style: { fontSize: "12px", color: s.textSecondary }, children: k })
       ]
     }
   );
-}, L = ({
+}, D = ({
   color: e,
   size: t = 24,
   borderWidth: n = 7
@@ -2561,10 +2566,10 @@ const Nr = ({ data: e, onSourceClick: t, t: n }) => {
   size: t = 32,
   lineWidth: n = 2
 }) => {
-  const { colors: r } = T(), a = e ?? r.xmarkColor, c = t + 1, s = (t - n) / 2, u = (t - c) / 2, d = {
+  const { colors: r } = T(), a = e ?? r.xmarkColor, c = t + 1, s = (t - n) / 2, m = (t - c) / 2, d = {
     position: "absolute",
     left: s,
-    top: u,
+    top: m,
     width: n,
     height: c,
     backgroundColor: a
@@ -2605,7 +2610,7 @@ function jr({
   memory: e,
   completed: t
 }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : t ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : t ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 const le = 80;
 function $r({
@@ -2613,14 +2618,14 @@ function $r({
   completed: t,
   t: n
 }) {
-  const { colors: r } = T(), [a, c] = R(!1), s = e.result ?? e.error, u = s != null && s.length > le, d = s != null ? a || !u ? s : `${s.slice(0, le)}...` : void 0, m = u, l = e.error != null;
+  const { colors: r } = T(), [a, c] = R(!1), s = e.result ?? e.error, m = s != null && s.length > le, d = s != null ? a || !m ? s : `${s.slice(0, le)}...` : void 0, u = m, l = e.error != null;
   return /* @__PURE__ */ f(
     M.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: m ? () => c((h) => !h) : void 0,
+      onClick: u ? () => c((h) => !h) : void 0,
       style: {
         paddingTop: "12px",
         paddingBottom: "12px",
@@ -2630,7 +2635,7 @@ function $r({
         alignItems: "center",
         gap: "10px",
         minWidth: 0,
-        cursor: m ? "pointer" : "default"
+        cursor: u ? "pointer" : "default"
       },
       children: [
         /* @__PURE__ */ o(
@@ -2675,7 +2680,7 @@ function $r({
                   children: d
                 }
               ),
-              m && /* @__PURE__ */ o(
+              u && /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -2693,7 +2698,7 @@ function $r({
     }
   );
 }
-const Hr = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ o(
+const Hr = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ o(
   $r,
   {
     memory: r,
@@ -2800,24 +2805,24 @@ function Qr({
         paddingTop: 8,
         borderTop: `1px solid ${r.borderDivider}`
       },
-      children: e.map((u, d) => {
-        const m = J(
-          u.chunks
+      children: e.map((m, d) => {
+        const u = J(
+          m.chunks
         ), l = [
-          Z(u),
+          Z(m),
           S(n.scoreLabel, {
-            n: u.matchingChunkScore.toFixed(2)
+            n: m.matchingChunkScore.toFixed(2)
           }),
-          m.length > 0 ? Y(m, n) : n.pagesNotAvailable
+          u.length > 0 ? Y(u, n) : n.pagesNotAvailable
         ].filter(
           (p) => p != null && p !== ""
         ), h = {
-          memoryId: u.memoryId,
-          memoryTitle: u.memoryTitle,
-          memoryTypeId: u.memoryTypeId,
-          memoryTypeName: u.memoryTypeName,
-          pageNumbers: m
-        }, b = `${u.memoryId}-${d}`, y = a === b;
+          memoryId: m.memoryId,
+          memoryTitle: m.memoryTitle,
+          memoryTypeId: m.memoryTypeId,
+          memoryTypeName: m.memoryTypeName,
+          pageNumbers: u
+        }, k = `${m.memoryId}-${d}`, y = a === k;
         return /* @__PURE__ */ f(
           "div",
           {
@@ -2853,7 +2858,7 @@ function Qr({
                           whiteSpace: "pre-wrap",
                           wordBreak: "break-word"
                         },
-                        children: V(u.chunks)
+                        children: V(m.chunks)
                       }
                     ),
                     /* @__PURE__ */ o(
@@ -2878,7 +2883,7 @@ function Qr({
                   "aria-busy": y,
                   disabled: y,
                   onClick: async () => {
-                    c(b);
+                    c(k);
                     try {
                       await t(
                         h
@@ -2917,7 +2922,7 @@ function Qr({
               )
             ]
           },
-          b
+          k
         );
       })
     }
@@ -2930,7 +2935,7 @@ function Kr({
   onToggle: r,
   onSearchResultClick: a
 }) {
-  const { colors: c } = T(), s = e.items.map((d) => d.item), u = s.some((d) => d.chunks.length > 0);
+  const { colors: c } = T(), s = e.items.map((d) => d.item), m = s.some((d) => d.chunks.length > 0);
   return /* @__PURE__ */ f(
     M.div,
     {
@@ -2959,7 +2964,7 @@ function Kr({
               width: 32,
               paddingTop: 2
             },
-            children: /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 })
+            children: /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 })
           }
         ),
         /* @__PURE__ */ f(
@@ -3008,7 +3013,7 @@ function Kr({
                         children: Gr(s, t)
                       }
                     ),
-                    u && /* @__PURE__ */ o(
+                    m && /* @__PURE__ */ o(
                       "button",
                       {
                         type: "button",
@@ -3029,7 +3034,7 @@ function Kr({
                   ]
                 }
               ),
-              n && u && /* @__PURE__ */ o(
+              n && m && /* @__PURE__ */ o(
                 Qr,
                 {
                   items: s,
@@ -3055,15 +3060,15 @@ const Vr = ({
   const { colors: r } = T(), a = e.items, c = a.reduce(
     (y, p) => y + Te(p),
     0
-  ), s = new Set(a.map((y) => y.memoryId)).size, [u, d] = R({}), m = O((y) => {
+  ), s = new Set(a.map((y) => y.memoryId)).size, [m, d] = R({}), u = O((y) => {
     d((p) => ({
       ...p,
       [y]: !p[y]
     }));
-  }, []), l = B(() => qr(a), [a]), h = s === 1 ? n.memoryChatChunkResultsInOneMemory : S(n.memoryChatChunkResultsInMemories, {
+  }, []), l = L(() => qr(a), [a]), h = s === 1 ? n.memoryChatChunkResultsInOneMemory : S(n.memoryChatChunkResultsInMemories, {
     n: s
-  }), b = `${Xr(c, n)} ${h}`;
-  return a.length === 0 ? /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: /* @__PURE__ */ o(
+  }), k = `${Xr(c, n)} ${h}`;
+  return a.length === 0 ? /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -3073,14 +3078,14 @@ const Vr = ({
       },
       children: n.memorySearchExploreNoResults
     }
-  ) }) : /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ) }) : /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     l.map((y) => /* @__PURE__ */ o(
       Kr,
       {
         group: y,
         t: n,
-        expanded: u[y.memoryId] === !0,
-        onToggle: () => m(y.memoryId),
+        expanded: m[y.memoryId] === !0,
+        onToggle: () => u(y.memoryId),
         onSearchResultClick: t
       },
       y.memoryId
@@ -3094,7 +3099,7 @@ const Vr = ({
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: b
+        children: k
       }
     )
   ] });
@@ -3110,7 +3115,7 @@ function Jr({
   item: e,
   t
 }) {
-  const { colors: n } = T(), [r, a] = R(!1), c = e.description ?? "", s = c.length > ce, u = c.length === 0 ? void 0 : r || !s ? c : `${c.slice(0, ce)}...`;
+  const { colors: n } = T(), [r, a] = R(!1), c = e.description ?? "", s = c.length > ce, m = c.length === 0 ? void 0 : r || !s ? c : `${c.slice(0, ce)}...`;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3158,7 +3163,7 @@ function Jr({
             ]
           }
         ),
-        u != null && /* @__PURE__ */ f(A, { children: [
+        m != null && /* @__PURE__ */ f(A, { children: [
           /* @__PURE__ */ o(
             "span",
             {
@@ -3171,7 +3176,7 @@ function Jr({
                 wordBreak: "break-word",
                 cursor: s ? "pointer" : "default"
               },
-              children: u
+              children: m
             }
           ),
           s && /* @__PURE__ */ o(
@@ -3196,13 +3201,13 @@ function Zr({
   durationSeconds: n,
   t: r
 }) {
-  const { colors: a } = T(), c = e.input.countryCode, s = e.input.query, u = c != null && c !== "" ? S(r.googleSearchingForWithCountry, {
+  const { colors: a } = T(), c = e.input.countryCode, s = e.input.query, m = c != null && c !== "" ? S(r.googleSearchingForWithCountry, {
     query: s,
     country: c
   }) : S(r.googleSearchingFor, {
     query: s
   });
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3210,7 +3215,7 @@ function Zr({
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n ? /* @__PURE__ */ o(F, { text: u, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ o("span", { style: { color: a.textSecondary }, children: u })
+        children: t && !n ? /* @__PURE__ */ o(F, { text: m, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ o("span", { style: { color: a.textSecondary }, children: m })
       }
     ),
     n !== void 0 && /* @__PURE__ */ o(
@@ -3231,8 +3236,8 @@ function et({
   data: e,
   t
 }) {
-  const { colors: n } = T(), [r, a] = R(!1), c = B(() => [...e.results ?? []].sort((m, l) => m.rank - l.rank), [e.results]), s = c.length, u = s === 1 ? t.googleResultFound : S(t.googleResultsFound, { n: s });
-  return s === 0 ? /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: /* @__PURE__ */ o(
+  const { colors: n } = T(), [r, a] = R(!1), c = L(() => [...e.results ?? []].sort((u, l) => u.rank - l.rank), [e.results]), s = c.length, m = s === 1 ? t.googleResultFound : S(t.googleResultsFound, { n: s });
+  return s === 0 ? /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -3242,7 +3247,7 @@ function et({
       },
       children: t.memorySearchExploreNoResults
     }
-  ) }) : /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ) }) : /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     /* @__PURE__ */ f(
       M.div,
       {
@@ -3266,7 +3271,7 @@ function et({
                 color: n.textSecondary,
                 whiteSpace: "nowrap"
               },
-              children: u
+              children: m
             }
           ),
           /* @__PURE__ */ o(
@@ -3301,18 +3306,18 @@ function et({
           paddingTop: 8,
           borderTop: `1px solid ${n.borderDivider}`
         },
-        children: c.map((d, m) => /* @__PURE__ */ o(
+        children: c.map((d, u) => /* @__PURE__ */ o(
           "div",
           {
             style: {
-              paddingTop: m > 0 ? 12 : 0,
-              paddingBottom: m < c.length - 1 ? 12 : 0,
-              borderBottom: m < c.length - 1 ? `1px solid ${n.border}` : void 0,
+              paddingTop: u > 0 ? 12 : 0,
+              paddingBottom: u < c.length - 1 ? 12 : 0,
+              borderBottom: u < c.length - 1 ? `1px solid ${n.border}` : void 0,
               minWidth: 0
             },
             children: /* @__PURE__ */ o(Jr, { item: d, t })
           },
-          `${d.link}-${d.rank}-${m}`
+          `${d.link}-${d.rank}-${u}`
         ))
       }
     )
@@ -3366,20 +3371,20 @@ function Ce(e, t = 48) {
   }
 }
 function at({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 });
 }
 function it({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.summary != null && e.summary !== "" ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : e.status != null ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 function st({
   item: e,
   t,
   isLatest: n = !1
 }) {
-  const { colors: r } = T(), a = e.error ?? e.summary ?? "", c = a.length > 0, s = e.error != null, u = D(null), d = e.summary != null && e.summary !== "", m = ve(e, t), l = s || d || !c && m != null, h = e.error == null && (e.summary == null || e.summary === "");
-  return z(() => {
-    const b = u.current;
-    b != null && c && (b.scrollTop = b.scrollHeight);
+  const { colors: r } = T(), a = e.error ?? e.summary ?? "", c = a.length > 0, s = e.error != null, m = z(null), d = e.summary != null && e.summary !== "", u = ve(e, t), l = s || d || !c && u != null, h = e.error == null && (e.summary == null || e.summary === "");
+  return B(() => {
+    const k = m.current;
+    k != null && c && (k.scrollTop = k.scrollHeight);
   }, [a, c]), /* @__PURE__ */ f(
     M.div,
     {
@@ -3432,16 +3437,16 @@ function st({
                     textDecoration: "none",
                     wordBreak: "break-all"
                   },
-                  onMouseEnter: (b) => {
-                    b.currentTarget.style.textDecoration = "underline";
+                  onMouseEnter: (k) => {
+                    k.currentTarget.style.textDecoration = "underline";
                   },
-                  onMouseLeave: (b) => {
-                    b.currentTarget.style.textDecoration = "none";
+                  onMouseLeave: (k) => {
+                    k.currentTarget.style.textDecoration = "none";
                   },
                   children: Ce(e.url)
                 }
               ),
-              !c && m != null && /* @__PURE__ */ o("div", { style: { fontSize: 12, color: r.textTertiary, minHeight: 18 }, children: n ? /* @__PURE__ */ o(F, { text: m, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ o("span", { style: { color: r.textTertiary }, children: m }) }),
+              !c && u != null && /* @__PURE__ */ o("div", { style: { fontSize: 12, color: r.textTertiary, minHeight: 18 }, children: n ? /* @__PURE__ */ o(F, { text: u, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ o("span", { style: { color: r.textTertiary }, children: u }) }),
               c && /* @__PURE__ */ o(
                 "div",
                 {
@@ -3454,7 +3459,7 @@ function st({
                   children: /* @__PURE__ */ o(
                     "div",
                     {
-                      ref: u,
+                      ref: m,
                       style: {
                         minHeight: nt,
                         maxHeight: ot,
@@ -3483,7 +3488,7 @@ function lt({
   item: e,
   t
 }) {
-  const { colors: n } = T(), [r, a] = R(!1), c = e.error ?? e.summary ?? "", s = e.error != null, u = c.length > de, d = c.length === 0 ? void 0 : r || !u ? c : `${c.slice(0, de)}...`, m = ve(e, t), l = e.error == null && (e.summary == null || e.summary === "") && e.status != null;
+  const { colors: n } = T(), [r, a] = R(!1), c = e.error ?? e.summary ?? "", s = e.error != null, m = c.length > de, d = c.length === 0 ? void 0 : r || !m ? c : `${c.slice(0, de)}...`, u = ve(e, t), l = e.error == null && (e.summary == null || e.summary === "") && e.status != null;
   return /* @__PURE__ */ f(
     M.div,
     {
@@ -3545,7 +3550,7 @@ function lt({
                   children: Ce(e.url)
                 }
               ),
-              d == null && m != null && /* @__PURE__ */ o(
+              d == null && u != null && /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -3553,26 +3558,26 @@ function lt({
                     color: n.textTertiary,
                     lineHeight: 1.4
                   },
-                  children: m
+                  children: u
                 }
               ),
               d != null && /* @__PURE__ */ f(A, { children: [
                 /* @__PURE__ */ o(
                   "span",
                   {
-                    onClick: u ? () => a((h) => !h) : void 0,
+                    onClick: m ? () => a((h) => !h) : void 0,
                     style: {
                       fontSize: 12,
                       color: s ? n.textError : n.textSecondary,
                       lineHeight: 1.4,
                       whiteSpace: r ? "pre-wrap" : void 0,
                       wordBreak: "break-word",
-                      cursor: u ? "pointer" : "default"
+                      cursor: m ? "pointer" : "default"
                     },
                     children: d
                   }
                 ),
-                u && /* @__PURE__ */ o(
+                m && /* @__PURE__ */ o(
                   "span",
                   {
                     style: {
@@ -3625,8 +3630,8 @@ function ct({
   durationSeconds: n,
   t: r
 }) {
-  const { colors: a } = T(), c = e.input.urls, s = e.input.query, u = c.length, d = u === 1 ? S(r.scrapingPage, { query: s }) : S(r.scrapingPages, { n: u, query: s });
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  const { colors: a } = T(), c = e.input.urls, s = e.input.query, m = c.length, d = m === 1 ? S(r.scrapingPage, { query: s }) : S(r.scrapingPages, { n: m, query: s });
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3656,13 +3661,13 @@ function dt({
   isLatest: t = !1,
   t: n
 }) {
-  const { colors: r } = T(), [a, c] = R(!1), s = e.results ?? [], { successCount: u, errorCount: d } = B(() => {
-    let g = 0, k = 0;
+  const { colors: r } = T(), [a, c] = R(!1), s = e.results ?? [], { successCount: m, errorCount: d } = L(() => {
+    let g = 0, b = 0;
     for (const x of s)
-      x.error != null ? k += 1 : g += 1;
-    return { successCount: g, errorCount: k };
-  }, [s]), m = s.length, l = e.input.query, h = s.length > 0 && s.every((g) => tt(g)), b = t && !h ? m === 1 ? S(n.scrapingPage, { query: l }) : S(n.scrapingPages, { n: m, query: l }) : m === 1 ? n.scrapedPage : S(n.scrapedPages, { n: m }), y = S(n.scrapeOkCount, { n: u }), p = d > 0 ? `${b} - ${y}, ${S(n.scrapeFailedCount, { n: d })}` : `${b} - ${y}`;
-  return m === 0 ? /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: /* @__PURE__ */ o(
+      x.error != null ? b += 1 : g += 1;
+    return { successCount: g, errorCount: b };
+  }, [s]), u = s.length, l = e.input.query, h = s.length > 0 && s.every((g) => tt(g)), k = t && !h ? u === 1 ? S(n.scrapingPage, { query: l }) : S(n.scrapingPages, { n: u, query: l }) : u === 1 ? n.scrapedPage : S(n.scrapedPages, { n: u }), y = S(n.scrapeOkCount, { n: m }), p = d > 0 ? `${k} - ${y}, ${S(n.scrapeFailedCount, { n: d })}` : `${k} - ${y}`;
+  return u === 0 ? /* @__PURE__ */ o("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -3672,7 +3677,7 @@ function dt({
       },
       children: n.memorySearchExploreNoResults
     }
-  ) }) : t ? /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ) }) : t ? /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3707,7 +3712,7 @@ function dt({
         isLatest: t
       }
     ))
-  ] }) : /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  ] }) : /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     /* @__PURE__ */ f(
       M.div,
       {
@@ -3774,7 +3779,7 @@ const ut = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => e.result
   }
 ), mt = (e) => {
   const { colors: t } = T(), { isLatest: n = !1, durationSeconds: r, t: a } = e, c = a.memoryChatThinking;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -3805,7 +3810,7 @@ const ut = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => e.result
   ] });
 };
 function ht({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 function pt(e, t) {
   return S(t.searchingInMemoriesOfType, {
@@ -3885,19 +3890,19 @@ function gt({
   );
 }
 const yt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const { colors: a } = T(), c = B(() => {
+  const { colors: a } = T(), c = L(() => {
     let s = -1;
-    return e.memoryTypes.forEach((u, d) => {
-      u.result == null && u.error == null && (s = d);
+    return e.memoryTypes.forEach((m, d) => {
+      m.result == null && m.error == null && (s = d);
     }), s;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
-    t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(F, { text: r.searchingMemoryTypes, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((s, u) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
+    t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(F, { text: r.searchingMemoryTypes, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((s, m) => /* @__PURE__ */ o(
       gt,
       {
         item: s,
         t: r,
-        showShimmerForPrimary: u === c && t
+        showShimmerForPrimary: m === c && t
       },
       s.memoryTypeId
     )),
@@ -3916,13 +3921,13 @@ const yt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
   ] });
 }, U = 12, _ = 1.45, ft = Math.ceil(
   U * _
-), bt = Math.ceil(
+), kt = Math.ceil(
   5 * U * _
 );
 function j(e) {
   return e.queries != null && e.queries.length > 0;
 }
-function kt(e) {
+function bt(e) {
   const t = e.reasoning;
   return (t == null || t === "") && !j(e);
 }
@@ -3932,18 +3937,18 @@ function St(e) {
   return t == null || t === "" ? 1 : e.reasoningCompleted === !0 ? 2 : 1;
 }
 function xt({ phase: e }) {
-  return e === 3 ? /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+  return e === 3 ? /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
 function Tt({
   item: e,
   t,
   isActiveRow: n
 }) {
-  const { colors: r } = T(), a = kt(e), c = St(e), s = e.reasoning, u = s != null && s.length > 0, d = D(null), [m, l] = R(!1), h = a && n, b = c === 2 && n && !j(e);
-  z(() => {
+  const { colors: r } = T(), a = bt(e), c = St(e), s = e.reasoning, m = s != null && s.length > 0, d = z(null), [u, l] = R(!1), h = a && n, k = c === 2 && n && !j(e);
+  B(() => {
     const g = d.current;
-    g != null && c === 1 && u && (g.scrollTop = g.scrollHeight);
-  }, [s, c, u]);
+    g != null && c === 1 && m && (g.scrollTop = g.scrollHeight);
+  }, [s, c, m]);
   const y = S(t.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   }), p = !a && c === 3;
@@ -3990,7 +3995,7 @@ function Tt({
             },
             children: [
               /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: r.textPrimary }, children: h ? /* @__PURE__ */ o(F, { text: y, duration: 2.5, repeat: !0 }) : e.memoryTypeName }),
-              c === 1 && u && !j(e) && /* @__PURE__ */ f("div", { style: { minWidth: 0 }, children: [
+              c === 1 && m && !j(e) && /* @__PURE__ */ f("div", { style: { minWidth: 0 }, children: [
                 /* @__PURE__ */ o(
                   "span",
                   {
@@ -4020,7 +4025,7 @@ function Tt({
                         className: "memory-search-generating-reasoning-viewport",
                         style: {
                           minHeight: ft,
-                          maxHeight: bt,
+                          maxHeight: kt,
                           height: "auto",
                           overflowY: "auto",
                           overflowX: "hidden",
@@ -4036,7 +4041,7 @@ function Tt({
                   }
                 )
               ] }),
-              c === 2 && b && /* @__PURE__ */ o("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ o(
+              c === 2 && k && /* @__PURE__ */ o("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ o(
                 F,
                 {
                   text: t.memorySearchGeneratingQueriesPending,
@@ -4067,7 +4072,7 @@ function Tt({
                         flexDirection: "column",
                         gap: 6
                       },
-                      children: e.queries.map((g, k) => /* @__PURE__ */ o(
+                      children: e.queries.map((g, b) => /* @__PURE__ */ o(
                         "div",
                         {
                           style: {
@@ -4078,12 +4083,12 @@ function Tt({
                           },
                           children: g.query
                         },
-                        k
+                        b
                       ))
                     }
                   )
                 ] }),
-                u && /* @__PURE__ */ f(A, { children: [
+                m && /* @__PURE__ */ f(A, { children: [
                   /* @__PURE__ */ o(
                     "button",
                     {
@@ -4099,10 +4104,10 @@ function Tt({
                         color: r.textSecondary,
                         textDecoration: "underline"
                       },
-                      children: m ? t.memorySearchHideReasoning : t.memorySearchViewReasoning
+                      children: u ? t.memorySearchHideReasoning : t.memorySearchViewReasoning
                     }
                   ),
-                  m && /* @__PURE__ */ o(
+                  u && /* @__PURE__ */ o(
                     "div",
                     {
                       style: {
@@ -4128,19 +4133,19 @@ function Tt({
   );
 }
 const vt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const { colors: a } = T(), c = B(() => {
+  const { colors: a } = T(), c = L(() => {
     let s = -1;
-    return e.memoryTypes.forEach((u, d) => {
-      j(u) || (s = d);
+    return e.memoryTypes.forEach((m, d) => {
+      j(m) || (s = d);
     }), s;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
-    t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(F, { text: r.memorySearchGeneratingQueries, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((s, u) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
+    t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(F, { text: r.memorySearchGeneratingQueries, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((s, m) => /* @__PURE__ */ o(
       Tt,
       {
         item: s,
         t: r,
-        isActiveRow: u === c && t
+        isActiveRow: m === c && t
       },
       s.memoryTypeId
     )),
@@ -4159,7 +4164,7 @@ const vt = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
   ] });
 };
 function Ct(e) {
-  return e.some((r) => r.result == null && r.error == null) ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : e.some((r) => r.error != null) ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : /* @__PURE__ */ o(L, { size: 15, borderWidth: 2 });
+  return e.some((r) => r.result == null && r.error == null) ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : e.some((r) => r.error != null) ? /* @__PURE__ */ o($, { size: 15, lineWidth: 2 }) : /* @__PURE__ */ o(D, { size: 15, borderWidth: 2 });
 }
 function wt({
   item: e,
@@ -4198,7 +4203,7 @@ function Mt({
         children: r.memorySearchExploreNoResults
       }
     );
-  const u = !!n;
+  const m = !!n;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -4210,17 +4215,17 @@ function Mt({
         paddingTop: 8,
         borderTop: `1px solid ${a.borderDivider}`
       },
-      children: e.map((d, m) => {
+      children: e.map((d, u) => {
         const l = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, h = J(
           d.chunks
-        ), b = [
+        ), k = [
           Z(d),
           S(r.scoreLabel, {
             n: d.matchingChunkScore.toFixed(2)
           }),
           h.length > 0 ? Y(h, r) : r.pagesNotAvailable
         ].filter(
-          (k) => k != null && k !== ""
+          (b) => b != null && b !== ""
         ), y = {
           memoryId: d.memoryId,
           memoryTitle: d.memoryTitle,
@@ -4228,7 +4233,7 @@ function Mt({
           memoryTypeId: t.memoryTypeId,
           memoryTypeName: t.memoryTypeName,
           query: t.query
-        }, p = `${t.query}::${d.memoryId}::${m}`, g = c === p;
+        }, p = `${t.query}::${d.memoryId}::${u}`, g = c === p;
         return /* @__PURE__ */ f(
           "div",
           {
@@ -4237,9 +4242,9 @@ function Mt({
               flexDirection: "row",
               alignItems: "flex-start",
               gap: "12px",
-              paddingTop: m > 0 ? 12 : 0,
-              paddingBottom: m < e.length - 1 ? 12 : 0,
-              borderBottom: m < e.length - 1 ? `1px solid ${a.border}` : void 0,
+              paddingTop: u > 0 ? 12 : 0,
+              paddingBottom: u < e.length - 1 ? 12 : 0,
+              borderBottom: u < e.length - 1 ? `1px solid ${a.border}` : void 0,
               minWidth: 0
             },
             children: [
@@ -4289,13 +4294,13 @@ function Mt({
                           color: a.textMuted,
                           lineHeight: 1.35
                         },
-                        children: b.join(" · ")
+                        children: k.join(" · ")
                       }
                     )
                   ]
                 }
               ),
-              u && /* @__PURE__ */ f(
+              m && /* @__PURE__ */ f(
                 "button",
                 {
                   type: "button",
@@ -4341,7 +4346,7 @@ function Mt({
               )
             ]
           },
-          `${d.memoryId}-${m}`
+          `${d.memoryId}-${u}`
         );
       })
     }
@@ -4366,8 +4371,8 @@ function Et({
   toggleExpanded: a,
   onExploreQueryResultClick: c
 }) {
-  const { colors: s } = T(), u = e.items.map((m) => m.item), d = u.some(
-    (m) => m.result == null && m.error == null
+  const { colors: s } = T(), m = e.items.map((u) => u.item), d = m.some(
+    (u) => u.result == null && u.error == null
   );
   return /* @__PURE__ */ f(
     M.div,
@@ -4397,7 +4402,7 @@ function Et({
               width: 32,
               ...d ? {} : { paddingTop: 2 }
             },
-            children: Ct(u)
+            children: Ct(m)
           }
         ),
         /* @__PURE__ */ f(
@@ -4423,9 +4428,9 @@ function Et({
                   })
                 }
               ),
-              e.items.map(({ item: m, flatIndex: l }) => {
-                var k;
-                const h = m.result != null, b = m.error != null, y = n && !h && !b, p = r[l] === !0, g = ((k = m.result) == null ? void 0 : k.items) ?? [];
+              e.items.map(({ item: u, flatIndex: l }) => {
+                var b;
+                const h = u.result != null, k = u.error != null, y = n && !h && !k, p = r[l] === !0, g = ((b = u.result) == null ? void 0 : b.items) ?? [];
                 return /* @__PURE__ */ f(
                   "div",
                   {
@@ -4462,11 +4467,11 @@ function Et({
                                 children: y ? /* @__PURE__ */ o(
                                   F,
                                   {
-                                    text: m.query,
+                                    text: u.query,
                                     duration: 2.5,
                                     repeat: !0
                                   }
-                                ) : m.query
+                                ) : u.query
                               }
                             ),
                             /* @__PURE__ */ f(
@@ -4480,7 +4485,7 @@ function Et({
                                   flexShrink: 0
                                 },
                                 children: [
-                                  /* @__PURE__ */ o(wt, { item: m, t }),
+                                  /* @__PURE__ */ o(wt, { item: u, t }),
                                   h && /* @__PURE__ */ o(
                                     "button",
                                     {
@@ -4509,14 +4514,14 @@ function Et({
                         Mt,
                         {
                           items: g,
-                          queryRow: m,
+                          queryRow: u,
                           onExploreQueryResultClick: c,
                           t
                         }
                       )
                     ]
                   },
-                  `${e.memoryTypeId}-${l}-${m.query}`
+                  `${e.memoryTypeId}-${l}-${u.query}`
                 );
               })
             ]
@@ -4533,18 +4538,18 @@ const Rt = ({
   onExploreQueryResultClick: r,
   t: a
 }) => {
-  const { colors: c } = T(), [s, u] = R(
+  const { colors: c } = T(), [s, m] = R(
     {}
   ), d = O((l) => {
-    u((h) => ({
+    m((h) => ({
       ...h,
       [l]: !h[l]
     }));
-  }, []), m = B(
+  }, []), u = L(
     () => It(e.queries),
     [e.queries]
   );
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "10px" }, children: [
     t && !n && e.queries.length === 0 ? /* @__PURE__ */ o(
       F,
       {
@@ -4552,7 +4557,7 @@ const Rt = ({
         duration: 2.5,
         repeat: !0
       }
-    ) : m.map((l) => /* @__PURE__ */ o(
+    ) : u.map((l) => /* @__PURE__ */ o(
       Et,
       {
         group: l,
@@ -4578,8 +4583,8 @@ const Rt = ({
     )
   ] });
 }, Ft = ({ data: e, onSearchResultClick: t, t: n }) => {
-  const { colors: r } = T(), a = e.response.items, c = !!t, [s, u] = R(null);
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
+  const { colors: r } = T(), a = e.response.items, c = !!t, [s, m] = R(null);
+  return /* @__PURE__ */ f("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ o(
       M.div,
       {
@@ -4603,30 +4608,30 @@ const Rt = ({
           flexDirection: "column",
           gap: 0
         },
-        children: a.map((d, m) => {
+        children: a.map((d, u) => {
           const l = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, h = J(
             d.chunks
-          ), b = [
+          ), k = [
             Z(d),
             S(n.scoreLabel, {
               n: d.matchingChunkScore.toFixed(2)
             }),
             h.length > 0 ? Y(h, n) : n.pagesNotAvailable
           ].filter(
-            (k) => k != null && k !== ""
+            (b) => b != null && b !== ""
           ), y = {
             memoryId: d.memoryId,
             memoryTitle: d.memoryTitle,
             memoryTypeId: d.memoryTypeId,
             memoryTypeName: d.memoryTypeName,
             pageNumbers: h
-          }, p = `${d.memoryId}-${m}`, g = s === p;
+          }, p = `${d.memoryId}-${u}`, g = s === p;
           return /* @__PURE__ */ f(
             M.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
-              transition: { duration: 0.2, delay: m * 0.04 },
+              transition: { duration: 0.2, delay: u * 0.04 },
               style: {
                 display: "flex",
                 flexDirection: "row",
@@ -4634,7 +4639,7 @@ const Rt = ({
                 gap: "12px",
                 paddingTop: "12px",
                 paddingBottom: "12px",
-                borderBottom: m < a.length - 1 ? `1px solid ${r.border}` : void 0,
+                borderBottom: u < a.length - 1 ? `1px solid ${r.border}` : void 0,
                 minWidth: 0
               },
               children: [
@@ -4682,7 +4687,7 @@ const Rt = ({
                             color: r.textMuted,
                             lineHeight: 1.35
                           },
-                          children: b.join(" · ")
+                          children: k.join(" · ")
                         }
                       )
                     ]
@@ -4695,11 +4700,11 @@ const Rt = ({
                     "aria-busy": g,
                     disabled: g,
                     onClick: async () => {
-                      u(p);
+                      m(p);
                       try {
                         await t(y);
                       } finally {
-                        u(null);
+                        m(null);
                       }
                     },
                     style: {
@@ -4732,7 +4737,7 @@ const Rt = ({
                 )
               ]
             },
-            `${d.memoryId}-${m}`
+            `${d.memoryId}-${u}`
           );
         })
       }
@@ -4740,7 +4745,7 @@ const Rt = ({
   ] });
 }, N = ({ message: e }) => {
   const { colors: t } = T();
-  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ o(
     M.div,
     {
       initial: { opacity: 0, y: -10 },
@@ -4792,10 +4797,10 @@ const Pt = ({
   t: a,
   onSourceClick: c,
   onSearchResultClick: s,
-  onExploreQueryResultClick: u
+  onExploreQueryResultClick: m
 }) => {
-  const { theme: d, colors: m } = T(), l = D(null);
-  z(() => {
+  const { theme: d, colors: u } = T(), l = z(null);
+  B(() => {
     l.current && (l.current.scrollTop = l.current.scrollHeight);
   }, [e.length]);
   const h = (y) => {
@@ -4820,7 +4825,7 @@ const Pt = ({
           );
         case "FindMemories":
           return /* @__PURE__ */ o(
-            Dr,
+            zr,
             {
               data: p,
               isLatest: y.isLatest,
@@ -4830,7 +4835,7 @@ const Pt = ({
           );
         case "FindMemoriesResult":
           return /* @__PURE__ */ o(
-            Lr,
+            Dr,
             {
               data: p,
               t: a
@@ -4838,7 +4843,7 @@ const Pt = ({
           );
         case "Search":
           return /* @__PURE__ */ o(
-            zr,
+            Br,
             {
               data: p,
               isLatest: y.isLatest,
@@ -4848,7 +4853,7 @@ const Pt = ({
           );
         case "FindSources":
           return /* @__PURE__ */ o(
-            Br,
+            Lr,
             {
               data: p,
               isLatest: y.isLatest,
@@ -4934,7 +4939,7 @@ const Pt = ({
               data: p,
               isLatest: y.isLatest,
               durationSeconds: y.durationSeconds,
-              onExploreQueryResultClick: u,
+              onExploreQueryResultClick: m,
               t: a
             }
           );
@@ -4969,18 +4974,18 @@ const Pt = ({
     return p.taskType === "StreamingChatCompletion" && p.eventType === "Completed" ? null : p.eventType === "Error" && "message" in p ? /* @__PURE__ */ o(N, { message: p.message }) : null;
   };
   if (e.length === 0)
-    return n ? /* @__PURE__ */ o("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ o(N, { message: n.message }) }) : t ? /* @__PURE__ */ o("div", { style: { width: "fit-content", padding: "16px" }, children: /* @__PURE__ */ o(
+    return n ? /* @__PURE__ */ o("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ o(N, { message: n.message }) }) : t ? /* @__PURE__ */ o("div", { style: { width: "fit-content", paddingBlock: "16px" }, children: /* @__PURE__ */ o(
       F,
       {
         text: r ?? a.processingYourTask,
         duration: 1.5,
         repeat: !0,
         repeatDelay: 0,
-        color: m.shimmerBase,
-        shimmerColor: m.shimmerHighlight
+        color: u.shimmerBase,
+        shimmerColor: u.shimmerHighlight
       }
     ) }) : null;
-  const b = e.filter((y, p) => {
+  const k = e.filter((y, p) => {
     const g = y.item.data;
     return g.taskType === "MemoryChat" && g.eventType === "ExploreMemories" ? !e.slice(p + 1).some(
       (v) => v.item.data.taskType === "MemoryChat" && v.item.data.eventType === "ExploreMemories"
@@ -5005,7 +5010,7 @@ const Pt = ({
       ref: l,
       "data-theme": d,
       children: [
-        /* @__PURE__ */ o(Pe, { children: b.map((y, p) => /* @__PURE__ */ o(
+        /* @__PURE__ */ o(Pe, { children: k.map((y, p) => /* @__PURE__ */ o(
           M.div,
           {
             id: `agent-task-progress-item-${y.item.progressItemId}`,
@@ -5038,7 +5043,7 @@ const Pt = ({
   onSearchResultClick: a,
   onExploreQueryResultClick: c
 }) => {
-  const s = wr(e), u = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", d = Pr(u);
+  const s = wr(e), m = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", d = Pr(m);
   return /* @__PURE__ */ o(Rr, { theme: t, children: /* @__PURE__ */ o(
     Pt,
     {
@@ -5056,14 +5061,14 @@ const Pt = ({
 export {
   Ut as AgentTaskProgress,
   Rr as AgentTaskThemeProvider,
-  L as Checkmark,
+  D as Checkmark,
   $t as FencyProvider,
   Ft as MemorySearchCompletedResults,
   _e as StreamEventManager,
   $ as XMark,
   Er as darkAgentTaskThemeColors,
   xe as getAgentTaskPrismStyle,
-  ke as lightAgentTaskThemeColors,
+  be as lightAgentTaskThemeColors,
   T as useAgentTaskTheme,
   Ht as useAgentTasks
 };