@fencyai/react 0.1.163 → 0.1.165

package/dist/index.js

@@ -1,23 +1,23 @@
-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 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 { jsxs as p, jsx as i, Fragment as I } from "react/jsx-runtime";
+import { createStream as ae, isStreamTimeoutEvent as se, isStreamNotFoundEvent as le, isAgentTaskProgressItemUpdatedEvent as ce, createAgentTask as de } from "@fencyai/js";
+import { createContext as me, useState as v, useRef as F, useEffect as A, useCallback as G, useContext as ue, useMemo as D } from "react";
+import { useInView as ye, motion as b, AnimatePresence as J } from "motion/react";
+import pe from "react-markdown";
+import { Prism as Y } from "react-syntax-highlighter";
 import ge from "remark-gfm";
-import './assets/index.css';const Y = de(
+import './assets/index.css';const Z = me(
   void 0
 );
-async function pe(e, r) {
+async function he(e, r) {
   const t = e.getReader();
   let n;
   for (; !(n = await t.read()).done; )
     r(n.value);
 }
-function he(e) {
+function fe(e) {
   let r, t, n, l = !1;
   return function(s) {
-    r === void 0 ? (r = s, t = 0, n = -1) : r = Se(r, s);
+    r === void 0 ? (r = s, t = 0, n = -1) : r = xe(r, s);
     const d = r.length;
     let m = 0;
     for (; t < d; ) {
@@ -41,12 +41,12 @@ function he(e) {
     m === d ? r = void 0 : m !== 0 && (r = r.subarray(m), t -= m);
   };
 }
-function fe(e, r, t) {
-  let n = q();
+function Se(e, r, t) {
+  let n = j();
   const l = new TextDecoder();
   return function(s, d) {
     if (s.length === 0)
-      t == null || t(n), n = q();
+      t == null || t(n), n = j();
     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) {
@@ -68,11 +68,11 @@ function fe(e, r, t) {
     }
   };
 }
-function Se(e, r) {
+function xe(e, r) {
   const t = new Uint8Array(e.length + r.length);
   return t.set(e), t.set(r, e.length), t;
 }
-function q() {
+function j() {
   return {
     data: "",
     event: "",
@@ -80,7 +80,7 @@ function q() {
     retry: void 0
   };
 }
-var xe = function(e, r) {
+var Te = function(e, r) {
   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")
@@ -88,60 +88,63 @@ var xe = function(e, r) {
       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: 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 _ = "text/event-stream", ke = 1e3, q = "last-event-id";
+function be(e, r) {
+  var { signal: t, headers: n, onopen: l, onmessage: c, onclose: s, onerror: d, openWhenHidden: m, fetch: o } = r, a = Te(r, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((u, y) => {
     const f = Object.assign({}, n);
     f.accept || (f.accept = _);
-    let p;
-    function S() {
-      p.abort(), document.hidden || R();
+    let g;
+    function x() {
+      g.abort(), document.hidden || R();
     }
-    m || document.addEventListener("visibilitychange", S);
-    let h = Te, T = 0;
+    m || document.addEventListener("visibilitychange", x);
+    let h = ke, S = 0;
     function k() {
-      document.removeEventListener("visibilitychange", S), window.clearTimeout(T), p.abort();
+      document.removeEventListener("visibilitychange", x), window.clearTimeout(S), g.abort();
     }
     t == null || t.addEventListener("abort", () => {
       k(), u();
     });
-    const C = o ?? window.fetch, E = l ?? be;
+    const w = o ?? window.fetch, C = l ?? ve;
     async function R() {
       var L;
-      p = new AbortController();
+      g = new AbortController();
       try {
-        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];
+        const P = await w(e, Object.assign(Object.assign({}, a), { headers: f, signal: g.signal }));
+        await C(P), await he(P.body, fe(Se((M) => {
+          M ? f[q] = M : delete f[q];
         }, (M) => {
           h = M;
         }, c))), s == null || s(), k(), u();
       } catch (P) {
-        if (!p.signal.aborted)
+        if (!g.signal.aborted)
           try {
             const M = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : h;
-            window.clearTimeout(T), T = window.setTimeout(R, M);
+            window.clearTimeout(S), S = window.setTimeout(R, M);
           } catch (M) {
-            k(), g(M);
+            k(), y(M);
           }
       }
     }
     R();
   });
 }
-function be(e) {
+function ve(e) {
   const r = e.headers.get("content-type");
   if (!(r != null && r.startsWith(_)))
     throw new Error(`Expected content-type to be ${_}, Actual: ${r}`);
 }
-function ve(e) {
+function we(e) {
   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 {
+function Ce(e) {
+  return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown stream error";
+}
+class Ee {
   constructor(r) {
     this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = r;
   }
@@ -166,21 +169,21 @@ class Ce {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": r.stream.token
     };
-    ke(l, {
+    be(l, {
       headers: c,
       signal: n.signal,
-      async onopen(s) {
+      onopen: async (s) => {
         if (!s.ok && s.status >= 400 && s.status < 500 && s.status !== 429)
-          throw new Error(`Client error ${s.status}`);
+          throw this.eventSources.delete(t), new Error(`Client error ${s.status}`);
       },
       onmessage: (s) => {
         if (s.data) {
-          const d = ve(s.data);
+          const d = we(s.data);
           this.broadcast(d, t);
         }
       },
       onerror: (s) => {
-        throw console.error("EventSource error for stream", t, ":", s), this.broadcastError(t), s;
+        throw console.error("EventSource error for stream", t, ":", s), this.eventSources.delete(t), this.broadcastError(t, Ce(s)), s;
       },
       onclose() {
       }
@@ -200,9 +203,9 @@ class Ce {
       n.onMessage(r, t);
     });
   }
-  broadcastError(r) {
-    this.subscribers.forEach((t) => {
-      t.onError(r);
+  broadcastError(r, t) {
+    this.subscribers.forEach((n) => {
+      n.onError(r, t);
     });
   }
   /**
@@ -212,14 +215,14 @@ class Ce {
     this.eventSources.forEach((r) => r.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const Ee = 12e4, we = (e) => {
+const Ie = 48e4, Me = 3e5, K = (e) => {
   const r = Date.now();
-  return e.filter((t) => r - t.createdAt < Ee);
+  return e.filter((t) => r - t.createdAt < Ie);
 };
-function Ir({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
+function Ar({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
   const [n, l] = v(
     null
-  ), [c, s] = v(!0), [d, m] = v(null), [o, a] = v([]), u = F(null), g = F(null);
+  ), [c, s] = v(!0), [d, m] = v(null), [o, a] = v([]), u = F(null), y = F(null);
   A(() => {
     e.then((h) => {
       l(h), s(!1);
@@ -227,27 +230,35 @@ function Ir({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
       m(h), s(!1);
     });
   }, [e]), A(() => {
-    n && !g.current && (g.current = new Ce(n));
+    n && !y.current && (y.current = new Ee(n));
   }, [n]), A(() => {
-    g.current && g.current.updateStreams(o);
+    y.current && y.current.updateStreams(o);
   }, [o]), A(() => () => {
     var h;
-    (h = g.current) == null || h.cleanup();
+    (h = y.current) == null || h.cleanup();
+  }, []), A(() => {
+    const h = setInterval(() => {
+      a((S) => {
+        const k = K(S);
+        return k.length !== S.length ? k : S;
+      });
+    }, 6e4);
+    return () => clearInterval(h);
   }, []);
   const f = G(
-    async (h = 3e4) => {
+    async (h = Me) => {
       if (u.current)
         return u.current;
-      const T = Date.now(), k = o.length > 0 ? o[o.length - 1] : null;
-      if (k && T - k.createdAt < h)
+      const S = Date.now(), k = o.length > 0 ? o[o.length - 1] : null;
+      if (k && S - k.createdAt < h)
         return k.stream;
-      const C = (async () => {
+      const w = (async () => {
         if (!n)
           throw new Error("Fency instance not initialized");
-        const E = await r(), R = await ie({
+        const C = await r(), R = await ae({
           pk: n.publishableKey,
           baseUrl: n.baseUrl,
-          clientToken: (E == null ? void 0 : E.clientToken) ?? ""
+          clientToken: (C == null ? void 0 : C.clientToken) ?? ""
         });
         if (R.type === "success") {
           const L = {
@@ -256,55 +267,55 @@ function Ir({ fency: e, fetchCreateStreamClientToken: r, children: t }) {
           };
           return a((P) => {
             const M = [...P, L];
-            return we(M);
+            return K(M);
           }), u.current = null, R.stream;
         } else
           throw u.current = null, new Error("Failed to create stream");
       })();
-      return u.current = C, C;
+      return u.current = w, w;
     },
     [n, o]
   );
   if (d)
-    return /* @__PURE__ */ y("div", { children: [
+    return /* @__PURE__ */ p("div", { children: [
       "Fency error: ",
       d.message
     ] });
   if (!n)
     return null;
-  const p = o.length > 0 ? o[o.length - 1] : null, S = {
+  const g = o.length > 0 ? o[o.length - 1] : null, x = {
     fency: n,
     loading: c,
     error: d,
     activeStreams: o,
-    latestStream: p,
-    eventManager: g.current,
+    latestStream: g,
+    eventManager: y.current,
     getOrCreateStream: f
   };
-  return /* @__PURE__ */ i(Y.Provider, { value: S, children: t });
+  return /* @__PURE__ */ i(Z.Provider, { value: x, children: t });
 }
-function Z() {
-  const e = me(Y);
+function ee() {
+  const e = ue(Z);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const Ie = (e) => {
+const Ae = (e) => {
   try {
     const r = JSON.parse(e);
-    return Me(r);
+    return Fe(r);
   } catch (r) {
     return console.error("Error parsing message:", r), null;
   }
-}, Me = (e) => ae(e) ? Ae(e) : se(e) ? Fe(e) : le(e) ? Re(e) : null, Ae = (e) => ({
+}, Fe = (e) => se(e) ? Re(e) : le(e) ? Pe(e) : ce(e) ? De(e) : null, Re = (e) => ({
   type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), Fe = (e) => ({
+}), Pe = (e) => ({
   type: "STREAM_NOT_FOUND",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), Re = (e) => ({
+}), De = (e) => ({
   type: "AGENT_TASK_PROGRESS_ITEM_UPDATED",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -312,34 +323,34 @@ const Ie = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), Pe = (e) => {
-  const r = Z(), [t, n] = v(null), l = F(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+}), Le = (e) => {
+  const r = ee(), [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) => {
-        var u, g, f;
-        const a = Ie(m);
+        var u, y, f;
+        const a = Ae(m);
         if (a)
           switch (a.type) {
             case "STREAM_TIMEOUT":
               (u = e == null ? void 0 : e.onStreamTimeout) == null || u.call(e, a);
               break;
             case "STREAM_NOT_FOUND":
-              (g = e == null ? void 0 : e.onStreamNotFound) == null || g.call(e, a);
+              (y = e == null ? void 0 : e.onStreamNotFound) == null || y.call(e, a);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
               (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, a);
               break;
           }
       },
-      onError: (m) => {
-        var o;
-        (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, {
+      onError: (m, o) => {
+        var a;
+        (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
           streamId: m,
           error: {
             code: "UnknownError",
-            message: "Unknown error in useStream"
+            message: o ?? "Unknown error in useStream"
           }
         });
       }
@@ -351,7 +362,7 @@ const Ie = (e) => {
   }, [r.eventManager, e]), {
     createStream: async () => {
       try {
-        const s = await r.getOrCreateStream(3e4);
+        const s = await r.getOrCreateStream();
         return n(s), {
           type: "success",
           stream: s
@@ -368,69 +379,61 @@ const Ie = (e) => {
     },
     stream: t
   };
-}, Mr = (e) => {
-  const r = Z(), [t, n] = v([]), l = F(/* @__PURE__ */ new Set()), c = F(/* @__PURE__ */ new Map()), { createStream: s } = Pe({
+}, Fr = (e) => {
+  const r = ee(), [t, n] = v([]), l = F(/* @__PURE__ */ new Set()), c = F(/* @__PURE__ */ new Map()), { createStream: s } = Le({
     onAgentTaskProgressItemUpdated: (o) => {
-      var g;
+      var y;
       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";
         n(
-          f ? (S) => S.map((h) => {
-            var C;
-            if (((C = h.confirmedData) == null ? void 0 : C.taskId) !== o.agentTaskId)
+          f ? (x) => x.map((h) => {
+            var w;
+            if (((w = h.confirmedData) == null ? void 0 : w.taskId) !== o.agentTaskId)
               return h;
             const k = h.progressItems.some(
-              (E) => E.progressItemId === o.progressItemId
+              (C) => C.progressItemId === o.progressItemId
             ) ? h.progressItems.map(
-              (E) => E.progressItemId === o.progressItemId ? o : E
+              (C) => C.progressItemId === o.progressItemId ? o : C
             ) : [...h.progressItems, o];
             return {
               ...h,
               progressItems: k,
               loading: !1
             };
-          }) : (S) => S.map(
+          }) : (x) => x.map(
             (h) => {
-              var T;
-              return ((T = h.confirmedData) == null ? void 0 : T.taskId) === o.agentTaskId ? { ...h, loading: !1 } : h;
+              var S;
+              return ((S = h.confirmedData) == null ? void 0 : S.taskId) === o.agentTaskId ? { ...h, loading: !1 } : h;
             }
           )
         );
-        const p = c.current.get(
+        const g = c.current.get(
           o.agentTaskId
         );
-        p && (c.current.delete(o.agentTaskId), p(a));
+        g && (c.current.delete(o.agentTaskId), g(a));
         return;
       }
-      (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(
+      (y = e.onAgentTaskProgressItemUpdated) == null || y.call(e, o), n(
+        (f) => f.map((g) => {
+          var S;
+          if (((S = g.confirmedData) == null ? void 0 : S.taskId) !== o.agentTaskId)
+            return g;
+          const h = g.progressItems.some(
             (k) => k.progressItemId === o.progressItemId
-          ) ? p.progressItems.map(
+          ) ? g.progressItems.map(
             (k) => k.progressItemId === o.progressItemId ? o : k
-          ) : [...p.progressItems, o];
-          return { ...p, progressItems: h };
+          ) : [...g.progressItems, o];
+          return { ...g, progressItems: h };
         })
       );
     },
     onStreamError: (o) => {
       var a;
-      (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),
-          {
-            ...g,
-            loading: !1,
-            error: o.error
-          }
-        ] : u;
-      });
+      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, o), n(
+        (u) => u.map((y) => y.streamId !== o.streamId || !y.loading ? y : { ...y, loading: !1, error: o.error })
+      );
     },
     onStreamNotFound: (o) => {
       var a;
@@ -443,12 +446,12 @@ 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") {
-        const p = (/* @__PURE__ */ new Date()).toISOString(), S = {
+      const u = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, y = await s();
+      if (y.type === "success") {
+        const g = (/* @__PURE__ */ new Date()).toISOString(), x = {
           taskKey: u,
-          streamId: g.stream.id,
-          triggeredAt: p,
+          streamId: y.stream.id,
+          triggeredAt: g,
           confirmedData: null,
           error: null,
           params: o,
@@ -456,12 +459,12 @@ const Ie = (e) => {
           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({
+        n((k) => [...k, x]), (f = a == null ? void 0 : a.onTaskRegistered) == null || f.call(a, x);
+        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(o.type), S = await de({
           pk: r.fency.publishableKey,
           baseUrl: r.fency.baseUrl,
           clientToken: h,
-          streamToken: g.stream.token,
+          streamToken: y.stream.token,
           request: {
             streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
               messages: o.messages,
@@ -491,50 +494,50 @@ const Ie = (e) => {
             } : void 0
           }
         });
-        if (T.type === "success" && T.agentTask) {
+        if (S.type === "success" && S.agentTask) {
           l.current.add(
-            T.agentTask.id
-          ), n((C) => [
-            ...C.filter((E) => E.taskKey !== u),
+            S.agentTask.id
+          ), n((w) => [
+            ...w.filter((C) => C.taskKey !== u),
             {
               taskKey: u,
-              streamId: g.stream.id,
+              streamId: y.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: T.agentTask.id,
-              createdAt: T.agentTask.createdAt,
+              taskId: S.agentTask.id,
+              createdAt: S.agentTask.createdAt,
               error: null,
               params: o,
               progressItems: [],
               loading: !0,
               loadingText: a == null ? void 0 : a.loadingText,
               confirmedData: {
-                taskId: T.agentTask.id,
-                createdAt: T.agentTask.createdAt
+                taskId: S.agentTask.id,
+                createdAt: S.agentTask.createdAt
               }
             }
           ]);
-          const k = await new Promise((C) => {
+          const k = await new Promise((w) => {
             c.current.set(
-              T.agentTask.id,
-              C
+              S.agentTask.id,
+              w
             );
           });
           return {
             type: "success",
-            streamId: g.stream.id,
-            agentTaskId: T.agentTask.id,
+            streamId: y.stream.id,
+            agentTaskId: S.agentTask.id,
             response: k
           };
         } else {
-          if (T.type === "error")
+          if (S.type === "error")
             return n((k) => [
-              ...k.filter((C) => C.taskKey !== u),
+              ...k.filter((w) => w.taskKey !== u),
               {
                 taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: g.stream.id,
+                streamId: y.stream.id,
                 params: o,
-                error: T.error,
+                error: S.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: a == null ? void 0 : a.loadingText,
@@ -542,19 +545,19 @@ const Ie = (e) => {
               }
             ]), {
               type: "error",
-              error: T.error
+              error: S.error
             };
           {
             const k = {
               message: "No response received",
               code: "UnknownError"
             };
-            return n((C) => [
-              ...C.filter((E) => E.taskKey !== u),
+            return n((w) => [
+              ...w.filter((C) => C.taskKey !== u),
               {
                 taskKey: u,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: g.stream.id,
+                streamId: y.stream.id,
                 error: k,
                 params: o,
                 progressItems: [],
@@ -569,7 +572,7 @@ const Ie = (e) => {
           }
         }
       } else
-        return console.error(g.error), g;
+        return console.error(y.error), y;
     },
     [r, s, e.fetchCreateAgentTaskClientToken]
   ), m = D(() => {
@@ -584,7 +587,7 @@ const Ie = (e) => {
     latest: m
   };
 };
-function De(e) {
+function ze(e) {
   return e.progressItems.map((r, t) => {
     const n = e.progressItems[t + 1], l = n != null;
     let c;
@@ -600,7 +603,7 @@ function De(e) {
     };
   });
 }
-function w({
+function E({
   text: e,
   duration: r = 2,
   delay: t = 0,
@@ -613,9 +616,9 @@ function w({
   spread: o = 2,
   color: a = "#999",
   shimmerColor: u = "#000",
-  direction: g = "fromBottom"
+  direction: y = "fromBottom"
 }) {
-  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";
+  const f = F(null), g = ye(f, { once: d, margin: m }), x = D(() => e.length * o, [e, o]), h = !s || g, S = y === "fromBottom" ? "100% center" : "-100% center", k = y === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
     b.span,
     {
@@ -630,14 +633,14 @@ function w({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${S}px`,
+        "--spread": `${x}px`,
         "--base-color": a,
         "--shimmer-color": u,
         "--shimmer-bg": "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--shimmer-color), transparent calc(50% + var(--spread)))",
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
       initial: {
-        backgroundPosition: T,
+        backgroundPosition: S,
         opacity: 0
       },
       animate: h ? {
@@ -661,7 +664,7 @@ function w({
     }
   );
 }
-function Le(e, r) {
+function Oe(e, r) {
   const t = e.item.data;
   if (t.eventType === "Error" && "message" in t)
     return r.error;
@@ -705,11 +708,11 @@ function Le(e, r) {
     }
   return r.processing;
 }
-const ze = ({ progressViewItems: e, t: r }) => {
+const Ne = ({ progressViewItems: e, t: 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(
+  const n = Oe(t, r);
+  return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(J, { mode: "wait", children: /* @__PURE__ */ i(
     b.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -724,7 +727,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
           children: n
         }
       ) : /* @__PURE__ */ i(
-        w,
+        E,
         {
           text: n,
           className: "simple-mode-title",
@@ -737,7 +740,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
     },
     t.item.progressItemId
   ) }) });
-}, ee = {
+}, re = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -888,7 +891,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
   italic: {
     fontStyle: "italic"
   }
-}, K = ({
+}, V = ({
   text: e
 }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
   b.div,
@@ -898,7 +901,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
     children: /* @__PURE__ */ i(
-      ye,
+      pe,
       {
         remarkPlugins: [ge],
         components: {
@@ -907,13 +910,13 @@ const ze = ({ progressViewItems: e, t: r }) => {
             return d ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
               /* @__PURE__ */ i(
-                J,
+                Y,
                 {
                   ...s,
                   PreTag: "div",
                   children: String(t).replace(/\n$/, ""),
                   language: d[1],
-                  style: ee
+                  style: re
                 }
               )
             ) : /* @__PURE__ */ i("code", { ...s, className: n, children: String(t) });
@@ -923,7 +926,7 @@ const ze = ({ progressViewItems: e, t: r }) => {
       }
     )
   }
-) }), Oe = ({ data: e }) => {
+) }), Be = ({ data: e }) => {
   const r = JSON.stringify(
     JSON.parse(e.response.jsonResponse),
     null,
@@ -935,10 +938,10 @@ const ze = ({ progressViewItems: e, t: r }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ i(J, { language: "json", style: ee, PreTag: "div", children: r })
+      children: /* @__PURE__ */ i(Y, { language: "json", style: re, PreTag: "div", children: r })
     }
   ) });
-}, Ne = {
+}, We = {
   en: {
     error: "Error",
     streaming: "Streaming...",
@@ -1058,10 +1061,10 @@ const ze = ({ progressViewItems: e, t: r }) => {
     memorySearchExploreNoResults: "Ingen resultater funnet"
   }
 };
-function Be(e) {
-  return Ne[e];
+function $e(e) {
+  return We[e];
 }
-function x(e, r) {
+function T(e, r) {
   return Object.entries(r).reduce(
     (t, [n, l]) => t.replace(`{${n}}`, String(l)),
     e
@@ -1075,12 +1078,12 @@ function Q(e, r) {
   }
   return t.join(", ");
 }
-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(
+const W = 5, He = ({ 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, y = !o || l, f = `${n.searchingFor}'${e.queryDescription}'`, g = m ? `${n.searchingIn}${Q(
     a,
-    g ? n.and : void 0
-  )}` : "", S = m ? `${f}${p}` : `${n.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    y ? n.and : void 0
+  )}` : "", x = m ? `${f}${g}` : `${n.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1089,25 +1092,25 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: r && !t && !o ? /* @__PURE__ */ i(
-          w,
+          E,
           {
-            text: S,
+            text: x,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ y(I, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ y(I, { children: [
+        ) : /* @__PURE__ */ p(I, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m ? /* @__PURE__ */ p(I, { children: [
             n.searchingFor,
-            /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
+            /* @__PURE__ */ p("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            p
+            g
           ] }) : `${n.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ y(I, { children: [
+          o && !l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1125,13 +1128,13 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: x(n.moreMemories, {
+                children: T(n.moreMemories, {
                   n: u
                 })
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ y(I, { children: [
+          o && l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1165,16 +1168,16 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(n.tookSeconds, { n: t })
+        children: T(n.tookSeconds, { n: t })
       }
     )
   ] });
-}, $ = 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(
+}, $ = 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, y = d ? `${n.findingMemoriesIn}${Q(
     o,
     u ? n.and : void 0
   )}` : n.findingMemories;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1185,17 +1188,17 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: r && !t && !m ? /* @__PURE__ */ i(
-          w,
+          E,
           {
-            text: g,
+            text: y,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ y(I, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-          m && !l && /* @__PURE__ */ y(I, { children: [
+        ) : /* @__PURE__ */ p(I, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: y }),
+          m && !l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1213,13 +1216,13 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: x(n.moreMemories, {
+                children: T(n.moreMemories, {
                   n: a
                 })
               }
             )
           ] }),
-          m && l && /* @__PURE__ */ y(I, { children: [
+          m && l && /* @__PURE__ */ p(I, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1253,12 +1256,12 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(n.tookSeconds, { n: t })
+        children: T(n.tookSeconds, { n: t })
       }
     )
   ] });
-}, H = 5, He = ({ data: e, t: r }) => {
-  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(
+}, H = 5, Ge = ({ data: e, t: r }) => {
+  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, y = s ? `${u}${Q(
     m,
     a ? r.and : void 0
   )}` : r.memoriesFound;
@@ -1269,9 +1272,9 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ y(I, { children: [
-        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-        d && !t && /* @__PURE__ */ y(I, { children: [
+      children: /* @__PURE__ */ p(I, { children: [
+        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: y }),
+        d && !t && /* @__PURE__ */ p(I, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1289,13 +1292,13 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
                 textDecoration: "underline",
                 fontFamily: "inherit"
               },
-              children: x(r.moreMemories, {
+              children: T(r.moreMemories, {
                 n: o
               })
             }
           )
         ] }),
-        d && t && /* @__PURE__ */ y(I, { children: [
+        d && t && /* @__PURE__ */ p(I, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1320,9 +1323,9 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
       ] })
     }
   ) });
-}, _e = ({ isLatest: e = !1, durationSeconds: r, t }) => {
+}, Qe = ({ isLatest: e = !1, durationSeconds: r, t }) => {
   const n = t.addingSources;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1336,7 +1339,7 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: e && !r ? /* @__PURE__ */ i(
-          w,
+          E,
           {
             text: n,
             duration: 2.5,
@@ -1356,26 +1359,26 @@ const W = 5, We = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(t.tookSeconds, { n: r })
+        children: T(t.tookSeconds, { n: r })
       }
     )
   ] });
 };
-function Ge(e, r) {
+function Ue(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return x(r.pageSingle, { n: e[0] });
+    return T(r.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return x(r.pageTwo, {
+    return T(r.pageTwo, {
       a: e[0],
       b: e[1]
     });
   const t = e[e.length - 1], n = e.slice(0, -1).join(", ");
-  return x(r.pageMultiple, { list: n, n: t });
+  return T(r.pageMultiple, { list: n, n: t });
 }
-const Qe = ({ data: e, onSourceClick: r, t }) => {
+const je = ({ data: e, onSourceClick: r, t }) => {
   const [n, l] = v(null);
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -1394,7 +1397,7 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
       }
     ),
     /* @__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,
+      qe,
       {
         source: c,
         index: s,
@@ -1406,7 +1409,7 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
       c.memoryId
     )) })
   ] });
-}, je = ({
+}, qe = ({
   source: e,
   index: r,
   loadingMemoryId: t,
@@ -1414,8 +1417,8 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
   onSourceClick: l,
   t: c
 }) => {
-  const [s, d] = v(!1), m = !!l, o = t === e.memoryId, a = e.pageNumbers ?? [], u = Ge(a, c);
-  return /* @__PURE__ */ y(
+  const [s, d] = v(!1), m = !!l, o = t === e.memoryId, a = e.pageNumbers ?? [], u = Ue(a, c);
+  return /* @__PURE__ */ p(
     b.div,
     {
       "aria-busy": o,
@@ -1452,7 +1455,7 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
         pointerEvents: o ? "none" : void 0
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "span",
           {
             style: {
@@ -1498,7 +1501,7 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
       }
     }
   );
-}, j = ({
+}, U = ({
   color: e = "#333",
   size: r = 32,
   lineWidth: t = 2
@@ -1511,7 +1514,7 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
     height: n,
     backgroundColor: e
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     "span",
     {
       style: {
@@ -1543,20 +1546,20 @@ const Qe = ({ data: e, onSourceClick: r, t }) => {
     }
   );
 };
-function qe({
+function Ke({
   memory: e,
   completed: r
 }) {
-  return e.error != null ? /* @__PURE__ */ i(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : r ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
+  return e.error != null ? /* @__PURE__ */ i(U, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : r ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
-const V = 80;
-function Ue({
+const X = 80;
+function Ve({
   memory: e,
   completed: r,
   t
 }) {
-  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(
+  const [n, l] = v(!1), c = e.result ?? e.error, s = c != null && c.length > X, d = c != null ? n || !s ? c : `${c.slice(0, X)}...` : void 0, m = s, o = e.error != null;
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -1585,10 +1588,10 @@ function Ue({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ i(qe, { memory: e, completed: r })
+            children: /* @__PURE__ */ i(Ke, { memory: e, completed: r })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1635,8 +1638,8 @@ function Ue({
     }
   );
 }
-const Ke = ({ data: e, completed: r, t }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((n) => /* @__PURE__ */ i(
-  Ue,
+const Xe = ({ data: e, completed: r, t }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((n) => /* @__PURE__ */ i(
+  Ve,
   {
     memory: n,
     completed: r,
@@ -1644,50 +1647,107 @@ const Ke = ({ data: e, completed: r, t }) => /* @__PURE__ */ i("div", { style: {
   },
   n.memoryId
 )) });
-function Ve(e, r) {
+function Je(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return x(r.pageSingle, { n: e[0] });
+    return T(r.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return x(r.pageTwo, {
+    return T(r.pageTwo, {
       a: e[0],
       b: e[1]
     });
   const t = e[e.length - 1], n = e.slice(0, -1).join(", ");
-  return x(r.pageMultiple, { list: n, n: t });
+  return T(r.pageMultiple, { list: n, n: t });
 }
-function Xe(e, r) {
-  return e === 1 ? r.chunkFound : x(r.chunksFound, { n: e });
+function Ye(e, r) {
+  return e === 1 ? r.chunkFound : T(r.chunksFound, { n: e });
 }
-const Je = ({ data: e, t: r }) => {
+const Ze = ({ data: e, t: r }) => {
   const [t, n] = v(!1), l = e.chunks.length, c = l > 0;
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ y(
+  return /* @__PURE__ */ p("div", { style: { padding: "8px 10px" }, children: [
+    /* @__PURE__ */ p(
       b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.25 },
         onClick: c ? () => n((s) => !s) : void 0,
+        role: c ? "button" : void 0,
+        tabIndex: c ? 0 : void 0,
+        onKeyDown: c ? (s) => {
+          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), n((d) => !d));
+        } : void 0,
         style: {
-          paddingBottom: t ? "12px" : 0,
+          paddingBottom: t ? "10px" : 0,
           borderBottom: t ? "1px solid #eee" : void 0,
           display: "flex",
-          flexDirection: "column",
-          gap: "4px",
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
           minWidth: 0,
           cursor: c ? "pointer" : "default"
         },
         children: [
-          /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: Xe(l, r) }),
+          /* @__PURE__ */ p(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "row",
+                alignItems: "center",
+                flexWrap: "wrap",
+                gap: "0 8px",
+                flex: "1 1 auto",
+                minWidth: 0
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 13,
+                      fontWeight: 600,
+                      color: "#333",
+                      wordBreak: "break-word"
+                    },
+                    children: e.memoryTitle
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 13,
+                      color: "#9ca3af",
+                      flexShrink: 0
+                    },
+                    "aria-hidden": !0,
+                    children: "·"
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 12,
+                      color: "#666",
+                      flexShrink: 0
+                    },
+                    children: Ye(l, r)
+                  }
+                )
+              ]
+            }
+          ),
           c && /* @__PURE__ */ i(
             "span",
             {
               style: {
                 fontSize: 11,
                 color: "#999",
-                marginTop: 2
+                flexShrink: 0,
+                whiteSpace: "nowrap"
               },
               children: t ? r.clickToCollapse : r.clickToExpand
             }
@@ -1710,8 +1770,8 @@ const Je = ({ data: e, t: r }) => {
           gap: 8
         },
         children: e.chunks.map((s, d) => {
-          const m = s.pageNumbers ?? [], o = Ve(m, r);
-          return /* @__PURE__ */ y(
+          const m = s.pageNumbers ?? [], o = Je(m, r);
+          return /* @__PURE__ */ p(
             "div",
             {
               style: {
@@ -1734,7 +1794,7 @@ const Je = ({ data: e, t: r }) => {
                     children: s.content
                   }
                 ),
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -1745,7 +1805,7 @@ const Je = ({ data: e, t: r }) => {
                     },
                     children: [
                       o && /* @__PURE__ */ i("span", { children: o }),
-                      /* @__PURE__ */ i("span", { children: x(r.scoreLabel, {
+                      /* @__PURE__ */ i("span", { children: T(r.scoreLabel, {
                         n: s.score
                       }) })
                     ]
@@ -1760,21 +1820,21 @@ const Je = ({ data: e, t: r }) => {
     )
   ] });
 };
-function Ye({ item: e }) {
-  return e.error != null ? /* @__PURE__ */ i(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
+function er({ item: e }) {
+  return e.error != null ? /* @__PURE__ */ i(U, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
-function Ze(e, r) {
-  return x(r.searchingInMemoriesOfType, {
+function rr(e, r) {
+  return T(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   });
 }
-function er({
+function nr({
   item: e,
   t: r,
   showShimmerForPrimary: t
 }) {
-  const n = e.result != null, l = e.error != null, c = Ze(e, r);
-  return /* @__PURE__ */ y(
+  const n = e.result != null, l = e.error != null, c = rr(e, r);
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -1801,10 +1861,10 @@ function er({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ i(Ye, { item: e })
+            children: /* @__PURE__ */ i(er, { item: e })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1816,7 +1876,7 @@ function er({
             },
             children: [
               /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !n && !l && t ? /* @__PURE__ */ i(
-                w,
+                E,
                 {
                   text: c,
                   duration: 2.5,
@@ -1825,14 +1885,14 @@ function er({
                   shimmerColor: "#000"
                 }
               ) : c }),
-              n && /* @__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 ? T(
                 r.memorySearchTypeResultSummaryOne,
                 {
                   score: e.result.highestChunkScore.toFixed(
                     2
                   )
                 }
-              ) : x(
+              ) : T(
                 r.memorySearchTypeResultSummary,
                 {
                   count: e.result.numberOfChunks,
@@ -1849,16 +1909,16 @@ function er({
     }
   );
 }
-const rr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
+const tr = ({ 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__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: n.searchingMemoryTypes,
         duration: 2.5,
@@ -1867,7 +1927,7 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         shimmerColor: "#000"
       }
     ) : e.memoryTypes.map((c, s) => /* @__PURE__ */ i(
-      er,
+      nr,
       {
         item: c,
         t: n,
@@ -1884,44 +1944,44 @@ const rr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(n.tookSeconds, { n: t })
+        children: T(n.tookSeconds, { n: t })
       }
     )
   ] });
-}, N = 12, B = 1.45, nr = Math.ceil(
+}, N = 12, B = 1.45, or = Math.ceil(
   N * B
-), tr = Math.ceil(
+), ir = Math.ceil(
   5 * N * B
 );
 function O(e) {
   return e.queries != null && e.queries.length > 0;
 }
-function or(e) {
+function ar(e) {
   const r = e.reasoning;
   return (r == null || r === "") && !O(e);
 }
-function ir(e) {
+function sr(e) {
   if (O(e)) return 3;
   const r = e.reasoning;
   return r == null || r === "" ? 1 : e.reasoningCompleted === !0 ? 2 : 1;
 }
-function ar({ phase: e }) {
+function lr({ phase: e }) {
   return e === 3 ? /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
-function sr({
+function cr({
   item: e,
   t: r,
   isActiveRow: t
 }) {
-  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);
+  const n = ar(e), l = sr(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);
+    const g = d.current;
+    g != null && l === 1 && s && (g.scrollTop = g.scrollHeight);
   }, [c, l, s]);
-  const g = x(r.searchingInMemoriesOfType, {
+  const y = T(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   }), f = !n && l === 3;
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -1949,10 +2009,10 @@ function sr({
               width: 32,
               ...f ? { paddingTop: 2 } : {}
             },
-            children: /* @__PURE__ */ i(ar, { phase: n ? 1 : l })
+            children: /* @__PURE__ */ i(lr, { phase: n ? 1 : l })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1964,16 +2024,16 @@ function sr({
             },
             children: [
               /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: a ? /* @__PURE__ */ i(
-                w,
+                E,
                 {
-                  text: g,
+                  text: y,
                   duration: 2.5,
                   repeat: !0,
                   color: "#999",
                   shimmerColor: "#000"
                 }
               ) : e.memoryTypeName }),
-              l === 1 && s && !O(e) && /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+              l === 1 && s && !O(e) && /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
                 /* @__PURE__ */ i(
                   "span",
                   {
@@ -2002,8 +2062,8 @@ function sr({
                         ref: d,
                         className: "memory-search-generating-reasoning-viewport",
                         style: {
-                          minHeight: nr,
-                          maxHeight: tr,
+                          minHeight: or,
+                          maxHeight: ir,
                           height: "auto",
                           overflowY: "auto",
                           overflowX: "hidden",
@@ -2020,7 +2080,7 @@ function sr({
                 )
               ] }),
               l === 2 && u && /* @__PURE__ */ i("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ i(
-                w,
+                E,
                 {
                   text: r.memorySearchGeneratingQueriesPending,
                   duration: 2.5,
@@ -2029,8 +2089,8 @@ function sr({
                   shimmerColor: "#000"
                 }
               ) }),
-              l === 3 && /* @__PURE__ */ y(I, { children: [
-                /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+              l === 3 && /* @__PURE__ */ p(I, { children: [
+                /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
                   /* @__PURE__ */ i(
                     "span",
                     {
@@ -2052,7 +2112,7 @@ function sr({
                         flexDirection: "column",
                         gap: 6
                       },
-                      children: e.queries.map((p, S) => /* @__PURE__ */ i(
+                      children: e.queries.map((g, x) => /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2061,19 +2121,19 @@ function sr({
                             lineHeight: 1.5,
                             wordBreak: "break-word"
                           },
-                          children: p.query
+                          children: g.query
                         },
-                        S
+                        x
                       ))
                     }
                   )
                 ] }),
-                s && /* @__PURE__ */ y(I, { children: [
+                s && /* @__PURE__ */ p(I, { children: [
                   /* @__PURE__ */ i(
                     "button",
                     {
                       type: "button",
-                      onClick: () => o((p) => !p),
+                      onClick: () => o((g) => !g),
                       style: {
                         alignSelf: "flex-start",
                         border: "none",
@@ -2112,16 +2172,16 @@ function sr({
     }
   );
 }
-const lr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
+const dr = ({ 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__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: n.memorySearchGeneratingQueries,
         duration: 2.5,
@@ -2130,7 +2190,7 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
         shimmerColor: "#000"
       }
     ) : e.memoryTypes.map((c, s) => /* @__PURE__ */ i(
-      sr,
+      cr,
       {
         item: c,
         t: n,
@@ -2147,21 +2207,21 @@ const lr = ({ data: e, isLatest: r = !1, durationSeconds: t, t: n }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(n.tookSeconds, { n: t })
+        children: T(n.tookSeconds, { n: t })
       }
     )
   ] });
 };
-function cr(e, r) {
+function mr(e, r) {
   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 = `
+const ur = `
 
 `;
-function re(e) {
+function ne(e) {
   var t, n;
   if (e.length === 0) return "";
   let r = ((t = e[0]) == null ? void 0 : t.content) ?? "";
@@ -2172,48 +2232,48 @@ function re(e) {
       r = c;
       continue;
     }
-    const s = cr(r, c);
-    s === 0 ? r += dr + c : r += c.slice(s);
+    const s = mr(r, c);
+    s === 0 ? r += ur + c : r += c.slice(s);
   }
   return r;
 }
-function ne(e, r) {
+function te(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return x(r.memorySearchPagesSingle, {
+    return T(r.memorySearchPagesSingle, {
       n: e[0]
     });
   if (e.length === 2)
-    return x(r.memorySearchPagesTwo, {
+    return T(r.memorySearchPagesTwo, {
       a: e[0],
       b: e[1]
     });
   const t = e[e.length - 1], n = e.slice(0, -1).join(", ");
-  return x(r.memorySearchPagesMultiple, {
+  return T(r.memorySearchPagesMultiple, {
     list: n,
     n: t
   });
 }
-function te(e) {
+function oe(e) {
   const r = /* @__PURE__ */ new Set();
   for (const t of e)
     for (const n of t.pageNumbers) r.add(n);
   return [...r].sort((t, n) => t - n);
 }
-function oe(e) {
+function ie(e) {
   const r = e.memoryTypeName.trim();
   if (r !== "") return r;
   if (e.memoryTypeId !== "") return e.memoryTypeId;
 }
-function mr(e) {
-  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 yr(e) {
+  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(U, { color: "#c62828", size: 15, lineWidth: 2 }) : /* @__PURE__ */ i(z, { color: "#999", size: 15, borderWidth: 2 });
 }
-function ur(e, r) {
+function pr(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(
-      w,
+      E,
       {
         text: r.searching,
         duration: 2.5,
@@ -2222,16 +2282,16 @@ function ur(e, r) {
         shimmerColor: "#000"
       }
     ) });
-  const t = e.result, n = t.numberOfChunks === 1 ? r.chunkFound : x(r.chunksFound, { n: t.numberOfChunks }), l = x(r.scoreLabel, {
+  const t = e.result, n = t.numberOfChunks === 1 ? r.chunkFound : T(r.chunksFound, { n: t.numberOfChunks }), l = T(r.scoreLabel, {
     n: t.highestChunkScore.toFixed(2)
   });
-  return /* @__PURE__ */ y("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
+  return /* @__PURE__ */ p("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
     n,
     " · ",
     l
   ] });
 }
-function yr({
+function gr({
   items: e,
   queryRow: r,
   onExploreQueryResultClick: t,
@@ -2263,25 +2323,25 @@ function yr({
         borderTop: "1px solid #f0f0f0"
       },
       children: e.map((d, m) => {
-        const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = te(
+        const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = oe(
           d.chunks
         ), u = [
-          oe(d),
-          x(n.scoreLabel, {
+          ie(d),
+          T(n.scoreLabel, {
             n: d.matchingChunkScore.toFixed(2)
           }),
-          a.length > 0 ? ne(a, n) : n.pagesNotAvailable
+          a.length > 0 ? te(a, n) : n.pagesNotAvailable
         ].filter(
-          (S) => S != null && S !== ""
-        ), g = {
+          (x) => x != null && x !== ""
+        ), y = {
           memoryId: d.memoryId,
           memoryTitle: d.memoryTitle,
           pageNumbers: a,
           memoryTypeId: r.memoryTypeId,
           memoryTypeName: r.memoryTypeName,
           query: r.query
-        }, f = `${r.query}::${d.memoryId}::${m}`, p = l === f;
-        return /* @__PURE__ */ y(
+        }, f = `${r.query}::${d.memoryId}::${m}`, g = l === f;
+        return /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2295,7 +2355,7 @@ function yr({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ y(
+              /* @__PURE__ */ p(
                 "div",
                 {
                   style: {
@@ -2327,7 +2387,7 @@ function yr({
                           whiteSpace: "pre-wrap",
                           wordBreak: "break-word"
                         },
-                        children: re(
+                        children: ne(
                           d.chunks
                         )
                       }
@@ -2347,17 +2407,17 @@ function yr({
                   ]
                 }
               ),
-              s && /* @__PURE__ */ y(
+              s && /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
-                  "aria-busy": p,
-                  disabled: p,
+                  "aria-busy": g,
+                  disabled: g,
                   onClick: async () => {
                     c(f);
                     try {
                       await t(
-                        g
+                        y
                       );
                     } finally {
                       c(null);
@@ -2373,14 +2433,14 @@ function yr({
                     background: "#eff6ff",
                     border: "1px solid #bfdbfe",
                     borderRadius: 6,
-                    cursor: p ? "wait" : "pointer",
+                    cursor: g ? "wait" : "pointer",
                     fontFamily: "inherit",
                     display: "inline-flex",
                     alignItems: "center",
                     gap: 8
                   },
                   children: [
-                    p && /* @__PURE__ */ i(
+                    g && /* @__PURE__ */ i(
                       "span",
                       {
                         className: "explore-memory-loader explore-memory-loader--callback",
@@ -2399,7 +2459,7 @@ function yr({
     }
   );
 }
-function gr(e) {
+function hr(e) {
   const r = [], t = /* @__PURE__ */ new Map();
   return e.forEach((n, l) => {
     let c = t.get(n.memoryTypeId);
@@ -2410,7 +2470,7 @@ function gr(e) {
     }, t.set(n.memoryTypeId, c)), c.items.push({ item: n, flatIndex: l });
   }), r.map((n) => t.get(n));
 }
-function pr({
+function fr({
   group: e,
   t: r,
   lastInFlightIndex: t,
@@ -2422,7 +2482,7 @@ function pr({
   const d = e.items.map((o) => o.item), m = d.some(
     (o) => o.result == null && o.error == null
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     b.div,
     {
       initial: { opacity: 0 },
@@ -2450,10 +2510,10 @@ function pr({
               width: 32,
               ...m ? {} : { paddingTop: 2 }
             },
-            children: mr(d)
+            children: yr(d)
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2471,15 +2531,15 @@ function pr({
                     fontSize: 12,
                     color: "#888"
                   },
-                  children: x(r.memorySearchExploreQueryTypeLabel, {
+                  children: T(r.memorySearchExploreQueryTypeLabel, {
                     name: e.memoryTypeName
                   })
                 }
               ),
               e.items.map(({ item: o, flatIndex: a }) => {
                 var h;
-                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(
+                const u = o.result != null, y = o.error != null, f = a === t && n && !u && !y, g = l[a] === !0, x = ((h = o.result) == null ? void 0 : h.items) ?? [];
+                return /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -2489,7 +2549,7 @@ function pr({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ y(
+                      /* @__PURE__ */ p(
                         "div",
                         {
                           style: {
@@ -2513,7 +2573,7 @@ function pr({
                                   minWidth: 0
                                 },
                                 children: f ? /* @__PURE__ */ i(
-                                  w,
+                                  E,
                                   {
                                     text: o.query,
                                     duration: 2.5,
@@ -2524,7 +2584,7 @@ function pr({
                                 ) : o.query
                               }
                             ),
-                            /* @__PURE__ */ y(
+                            /* @__PURE__ */ p(
                               "div",
                               {
                                 style: {
@@ -2535,7 +2595,7 @@ function pr({
                                   flexShrink: 0
                                 },
                                 children: [
-                                  ur(o, r),
+                                  pr(o, r),
                                   u && /* @__PURE__ */ i(
                                     "button",
                                     {
@@ -2551,7 +2611,7 @@ function pr({
                                         textDecoration: "underline",
                                         fontFamily: "inherit"
                                       },
-                                      children: p ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
+                                      children: g ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
                                     }
                                   )
                                 ]
@@ -2560,10 +2620,10 @@ function pr({
                           ]
                         }
                       ),
-                      u && p && /* @__PURE__ */ i(
-                        yr,
+                      u && g && /* @__PURE__ */ i(
+                        gr,
                         {
-                          items: S,
+                          items: x,
                           queryRow: o,
                           onExploreQueryResultClick: s,
                           t: r
@@ -2581,7 +2641,7 @@ function pr({
     }
   );
 }
-const hr = ({
+const Sr = ({
   data: e,
   isLatest: r = !1,
   durationSeconds: t,
@@ -2597,16 +2657,16 @@ const hr = ({
     }));
   }, []), m = D(() => {
     let a = -1;
-    return e.queries.forEach((u, g) => {
-      u.result == null && u.error == null && (a = g);
+    return e.queries.forEach((u, y) => {
+      u.result == null && u.error == null && (a = y);
     }), a;
   }, [e.queries]), o = D(
-    () => gr(e.queries),
+    () => hr(e.queries),
     [e.queries]
   );
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "10px" }, children: [
     r && !t && e.queries.length === 0 ? /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: l.memorySearchExploringQueries,
         duration: 2.5,
@@ -2615,7 +2675,7 @@ const hr = ({
         shimmerColor: "#000"
       }
     ) : o.map((a) => /* @__PURE__ */ i(
-      pr,
+      fr,
       {
         group: a,
         t: l,
@@ -2636,13 +2696,13 @@ const hr = ({
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: x(l.tookSeconds, { n: t })
+        children: T(l.tookSeconds, { n: t })
       }
     )
   ] });
-}, fr = ({ data: e, onSearchResultClick: r, t }) => {
+}, xr = ({ data: e, onSearchResultClick: r, t }) => {
   const n = e.response.items, l = !!r, [c, s] = v(null);
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ p("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
       b.div,
       {
@@ -2667,24 +2727,24 @@ const hr = ({
           gap: 0
         },
         children: n.map((d, m) => {
-          const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = te(
+          const o = d.memoryTitle !== "" ? d.memoryTitle : d.memoryId, a = oe(
             d.chunks
           ), u = [
-            oe(d),
-            x(t.scoreLabel, {
+            ie(d),
+            T(t.scoreLabel, {
               n: d.matchingChunkScore.toFixed(2)
             }),
-            a.length > 0 ? ne(a, t) : t.pagesNotAvailable
+            a.length > 0 ? te(a, t) : t.pagesNotAvailable
           ].filter(
-            (S) => S != null && S !== ""
-          ), g = {
+            (x) => x != null && x !== ""
+          ), y = {
             memoryId: d.memoryId,
             memoryTitle: d.memoryTitle,
             memoryTypeId: d.memoryTypeId,
             memoryTypeName: d.memoryTypeName,
             pageNumbers: a
-          }, f = `${d.memoryId}-${m}`, p = c === f;
-          return /* @__PURE__ */ y(
+          }, f = `${d.memoryId}-${m}`, g = c === f;
+          return /* @__PURE__ */ p(
             b.div,
             {
               initial: { opacity: 0 },
@@ -2701,7 +2761,7 @@ const hr = ({
                 minWidth: 0
               },
               children: [
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ p(
                   "div",
                   {
                     style: {
@@ -2733,7 +2793,7 @@ const hr = ({
                             whiteSpace: "pre-wrap",
                             wordBreak: "break-word"
                           },
-                          children: re(d.chunks)
+                          children: ne(d.chunks)
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -2751,16 +2811,16 @@ const hr = ({
                     ]
                   }
                 ),
-                l && /* @__PURE__ */ y(
+                l && /* @__PURE__ */ p(
                   "button",
                   {
                     type: "button",
-                    "aria-busy": p,
-                    disabled: p,
+                    "aria-busy": g,
+                    disabled: g,
                     onClick: async () => {
                       s(f);
                       try {
-                        await r(g);
+                        await r(y);
                       } finally {
                         s(null);
                       }
@@ -2775,14 +2835,14 @@ const hr = ({
                       background: "#eff6ff",
                       border: "1px solid #bfdbfe",
                       borderRadius: 6,
-                      cursor: p ? "wait" : "pointer",
+                      cursor: g ? "wait" : "pointer",
                       fontFamily: "inherit",
                       display: "inline-flex",
                       alignItems: "center",
                       gap: 8
                     },
                     children: [
-                      p && /* @__PURE__ */ i(
+                      g && /* @__PURE__ */ i(
                         "span",
                         {
                           className: "explore-memory-loader explore-memory-loader--callback",
@@ -2801,7 +2861,7 @@ const hr = ({
       }
     )
   ] });
-}, Sr = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+}, Tr = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
   b.div,
   {
     initial: { opacity: 0, y: -10 },
@@ -2824,7 +2884,7 @@ const hr = ({
       }
     )
   }
-) }), xr = ({
+) }), kr = ({
   progressViewItems: e,
   loadingText: r,
   t,
@@ -2839,16 +2899,16 @@ const hr = ({
   const d = (o) => {
     const a = o.item.data;
     if (a.taskType === "StreamingChatCompletion" && a.eventType === "Text")
-      return /* @__PURE__ */ i(K, { text: a.text });
+      return /* @__PURE__ */ i(V, { text: a.text });
     if (a.taskType === "StructuredChatCompletion" && a.eventType === "Completed")
-      return /* @__PURE__ */ i(Oe, { data: a });
+      return /* @__PURE__ */ i(Be, { data: a });
     if (a.taskType === "MemoryChat")
       switch (a.eventType) {
         case "Text":
-          return /* @__PURE__ */ i(K, { text: a.text });
+          return /* @__PURE__ */ i(V, { text: a.text });
         case "FindMemories":
           return /* @__PURE__ */ i(
-            $e,
+            _e,
             {
               data: a,
               isLatest: o.isLatest,
@@ -2858,7 +2918,7 @@ const hr = ({
           );
         case "FindMemoriesResult":
           return /* @__PURE__ */ i(
-            He,
+            Ge,
             {
               data: a,
               t
@@ -2866,7 +2926,7 @@ const hr = ({
           );
         case "Search":
           return /* @__PURE__ */ i(
-            We,
+            He,
             {
               data: a,
               isLatest: o.isLatest,
@@ -2876,7 +2936,7 @@ const hr = ({
           );
         case "FindSources":
           return /* @__PURE__ */ i(
-            _e,
+            Qe,
             {
               data: a,
               isLatest: o.isLatest,
@@ -2886,7 +2946,7 @@ const hr = ({
           );
         case "SourcesResult":
           return /* @__PURE__ */ i(
-            Qe,
+            je,
             {
               data: a,
               onSourceClick: n,
@@ -2895,7 +2955,7 @@ const hr = ({
           );
         case "ExploreMemories":
           return /* @__PURE__ */ i(
-            Ke,
+            Xe,
             {
               data: a,
               completed: o.completed,
@@ -2904,7 +2964,7 @@ const hr = ({
             }
           );
         case "ChunkResult":
-          return /* @__PURE__ */ i(Je, { data: a, t });
+          return /* @__PURE__ */ i(Ze, { data: a, t });
         case "Completed":
           return null;
       }
@@ -2912,7 +2972,7 @@ const hr = ({
       switch (a.eventType) {
         case "GeneratingQueries":
           return /* @__PURE__ */ i(
-            lr,
+            dr,
             {
               data: a,
               isLatest: o.isLatest,
@@ -2922,7 +2982,7 @@ const hr = ({
           );
         case "ExploreQueries":
           return /* @__PURE__ */ i(
-            hr,
+            Sr,
             {
               data: a,
               isLatest: o.isLatest,
@@ -2933,7 +2993,7 @@ const hr = ({
           );
         case "SearchMemoryTypes":
           return /* @__PURE__ */ i(
-            rr,
+            tr,
             {
               data: a,
               isLatest: o.isLatest,
@@ -2943,7 +3003,7 @@ const hr = ({
           );
         case "Completed":
           return /* @__PURE__ */ i(
-            fr,
+            xr,
             {
               data: a,
               onSearchResultClick: l,
@@ -2951,11 +3011,11 @@ const hr = ({
             }
           );
       }
-    return a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" ? null : a.eventType === "Error" && "message" in a ? /* @__PURE__ */ i(Sr, { message: a.message }) : null;
+    return a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" ? null : a.eventType === "Error" && "message" in a ? /* @__PURE__ */ i(Tr, { message: a.message }) : null;
   };
   if (e.length === 0)
     return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-      w,
+      E,
       {
         text: r ?? t.processingYourTask,
         duration: 1.5,
@@ -2975,7 +3035,7 @@ const hr = ({
       (h) => h.item.data.taskType === "MemorySearch" && h.item.data.eventType === "ExploreQueries"
     ) : !0;
   });
-  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(X, { children: m.map((o, a) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(J, { children: m.map((o, a) => /* @__PURE__ */ i(
     b.div,
     {
       id: `agent-task-progress-item-${o.item.progressItemId}`,
@@ -2990,7 +3050,7 @@ const hr = ({
     },
     o.item.progressItemId
   )) }) });
-}, Ar = ({
+}, Rr = ({
   agentTask: e,
   mode: r = "verbose",
   language: t,
@@ -2998,15 +3058,15 @@ const hr = ({
   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" : t ?? "en", m = Be(d);
+  const s = ze(e), d = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : t ?? "en", m = $e(d);
   return r === "simple" ? /* @__PURE__ */ i(
-    ze,
+    Ne,
     {
       progressViewItems: s,
       t: m
     }
   ) : /* @__PURE__ */ i(
-    xr,
+    kr,
     {
       progressViewItems: s,
       loadingText: e.loadingText,
@@ -3018,10 +3078,10 @@ const hr = ({
   );
 };
 export {
-  Ar as AgentTaskProgress,
+  Rr as AgentTaskProgress,
   z as Checkmark,
-  Ir as FencyProvider,
-  fr as MemorySearchCompletedResults,
-  j as XMark,
-  Mr as useAgentTasks
+  Ar as FencyProvider,
+  xr as MemorySearchCompletedResults,
+  U as XMark,
+  Fr as useAgentTasks
 };