@fencyai/react 0.1.151 → 0.1.153

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsxs as y, jsx as i, Fragment as E } from "react/jsx-runtime";
+import { jsxs as f, jsx as i, Fragment as E } from "react/jsx-runtime";
 import { createStream as Q, isStreamTimeoutEvent as Z, isStreamNotFoundEvent as ee, isAgentTaskProgressItemUpdatedEvent as te, createAgentTask as ne } from "@fencyai/js";
 import { createContext as re, useState as v, useRef as F, useEffect as A, useCallback as K, useContext as oe, useMemo as W } from "react";
-import { useInView as ie, motion as x, AnimatePresence as q } from "motion/react";
+import { useInView as ie, motion as k, AnimatePresence as q } from "motion/react";
 import ae from "react-markdown";
 import { Prism as G } from "react-syntax-highlighter";
 import se from "remark-gfm";
@@ -17,13 +17,13 @@ async function le(e, t) {
 function ce(e) {
   let t, n, r, l = !1;
   return function(a) {
-    t === void 0 ? (t = a, n = 0, r = -1) : t = ue(t, a);
-    const u = t.length;
+    t === void 0 ? (t = a, n = 0, r = -1) : t = me(t, a);
+    const m = t.length;
     let d = 0;
-    for (; n < u; ) {
+    for (; n < m; ) {
       l && (t[n] === 10 && (d = ++n), l = !1);
       let o = -1;
-      for (; n < u && o === -1; ++n)
+      for (; n < m && o === -1; ++n)
         switch (t[n]) {
           case 58:
             r === -1 && (r = n - d);
@@ -38,17 +38,17 @@ function ce(e) {
         break;
       e(t.subarray(d, o), 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 de(e, t, n) {
-  let r = U();
+  let r = N();
   const l = new TextDecoder();
-  return function(a, u) {
+  return function(a, m) {
     if (a.length === 0)
-      n == null || n(r), r = U();
-    else if (u > 0) {
-      const d = l.decode(a.subarray(0, u)), o = u + (a[u + 1] === 32 ? 2 : 1), c = l.decode(a.subarray(o));
+      n == null || n(r), r = N();
+    else if (m > 0) {
+      const d = l.decode(a.subarray(0, m)), o = m + (a[m + 1] === 32 ? 2 : 1), c = l.decode(a.subarray(o));
       switch (d) {
         case "data":
           r.data = r.data ? r.data + `
@@ -68,11 +68,11 @@ function de(e, t, n) {
     }
   };
 }
-function ue(e, t) {
+function me(e, t) {
   const n = new Uint8Array(e.length + t.length);
   return n.set(e), n.set(t, e.length), n;
 }
-function U() {
+function N() {
   return {
     data: "",
     event: "",
@@ -80,7 +80,7 @@ function U() {
     retry: void 0
   };
 }
-var me = function(e, t) {
+var ue = function(e, t) {
   var n = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -88,54 +88,54 @@ var me = function(e, t) {
       t.indexOf(r[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[l]) && (n[r[l]] = e[r[l]]);
   return n;
 };
-const $ = "text/event-stream", ge = 1e3, _ = "last-event-id";
-function pe(e, t) {
-  var { signal: n, headers: r, onopen: l, onmessage: s, onclose: a, onerror: u, openWhenHidden: d, fetch: o } = t, c = me(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((g, m) => {
-    const f = Object.assign({}, r);
-    f.accept || (f.accept = $);
-    let h;
+const $ = "text/event-stream", ge = 1e3, U = "last-event-id";
+function ye(e, t) {
+  var { signal: n, headers: r, onopen: l, onmessage: s, onclose: a, onerror: m, openWhenHidden: d, fetch: o } = t, c = ue(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((g, u) => {
+    const h = Object.assign({}, r);
+    h.accept || (h.accept = $);
+    let p;
     function T() {
-      h.abort(), document.hidden || w();
+      p.abort(), document.hidden || w();
     }
     d || document.addEventListener("visibilitychange", T);
-    let p = ge, k = 0;
+    let y = ge, x = 0;
     function b() {
-      document.removeEventListener("visibilitychange", T), window.clearTimeout(k), h.abort();
+      document.removeEventListener("visibilitychange", T), window.clearTimeout(x), p.abort();
     }
     n == null || n.addEventListener("abort", () => {
       b(), g();
     });
-    const I = o ?? window.fetch, C = l ?? he;
+    const I = o ?? window.fetch, C = l ?? pe;
     async function w() {
-      var P;
-      h = new AbortController();
+      var R;
+      p = new AbortController();
       try {
-        const R = await I(e, Object.assign(Object.assign({}, c), { headers: f, signal: h.signal }));
-        await C(R), await le(R.body, ce(de((M) => {
-          M ? f[_] = M : delete f[_];
+        const D = await I(e, Object.assign(Object.assign({}, c), { headers: h, signal: p.signal }));
+        await C(D), await le(D.body, ce(de((M) => {
+          M ? h[U] = M : delete h[U];
         }, (M) => {
-          p = M;
+          y = M;
         }, s))), a == null || a(), b(), g();
-      } catch (R) {
-        if (!h.signal.aborted)
+      } catch (D) {
+        if (!p.signal.aborted)
           try {
-            const M = (P = u == null ? void 0 : u(R)) !== null && P !== void 0 ? P : p;
-            window.clearTimeout(k), k = window.setTimeout(w, M);
+            const M = (R = m == null ? void 0 : m(D)) !== null && R !== void 0 ? R : y;
+            window.clearTimeout(x), x = window.setTimeout(w, M);
           } catch (M) {
-            b(), m(M);
+            b(), u(M);
           }
       }
     }
     w();
   });
 }
-function he(e) {
+function pe(e) {
   const t = e.headers.get("content-type");
   if (!(t != null && t.startsWith($)))
     throw new Error(`Expected content-type to be ${$}, Actual: ${t}`);
 }
-function ye(e) {
+function he(e) {
   const t = atob(e), n = new Uint8Array(t.length);
   for (let r = 0; r < t.length; r++)
     n[r] = t.charCodeAt(r);
@@ -166,7 +166,7 @@ class fe {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
       "X-Fency-Stream-Token": t.stream.token
     };
-    pe(l, {
+    ye(l, {
       headers: s,
       signal: r.signal,
       async onopen(a) {
@@ -175,8 +175,8 @@ class fe {
       },
       onmessage: (a) => {
         if (a.data) {
-          const u = ye(a.data);
-          this.broadcast(u, n);
+          const m = he(a.data);
+          this.broadcast(m, n);
         }
       },
       onerror: (a) => {
@@ -219,27 +219,27 @@ const Se = 12e4, Te = (e) => {
 function at({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
   const [r, l] = v(
     null
-  ), [s, a] = v(!0), [u, d] = v(null), [o, c] = v([]), g = F(null), m = F(null);
+  ), [s, a] = v(!0), [m, d] = v(null), [o, c] = v([]), g = F(null), u = F(null);
   A(() => {
-    e.then((p) => {
-      l(p), a(!1);
-    }).catch((p) => {
-      d(p), a(!1);
+    e.then((y) => {
+      l(y), a(!1);
+    }).catch((y) => {
+      d(y), a(!1);
     });
   }, [e]), A(() => {
-    r && !m.current && (m.current = new fe(r));
+    r && !u.current && (u.current = new fe(r));
   }, [r]), A(() => {
-    m.current && m.current.updateStreams(o);
+    u.current && u.current.updateStreams(o);
   }, [o]), A(() => () => {
-    var p;
-    (p = m.current) == null || p.cleanup();
+    var y;
+    (y = u.current) == null || y.cleanup();
   }, []);
-  const f = K(
-    async (p = 3e4) => {
+  const h = K(
+    async (y = 3e4) => {
       if (g.current)
         return g.current;
-      const k = Date.now(), b = o.length > 0 ? o[o.length - 1] : null;
-      if (b && k - b.createdAt < p)
+      const x = Date.now(), b = o.length > 0 ? o[o.length - 1] : null;
+      if (b && x - b.createdAt < y)
         return b.stream;
       const I = (async () => {
         if (!r)
@@ -250,12 +250,12 @@ function at({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
           clientToken: (C == null ? void 0 : C.clientToken) ?? ""
         });
         if (w.type === "success") {
-          const P = {
+          const R = {
             stream: w.stream,
             createdAt: Date.now()
           };
-          return c((R) => {
-            const M = [...R, P];
+          return c((D) => {
+            const M = [...D, R];
             return Te(M);
           }), g.current = null, w.stream;
         } else
@@ -265,21 +265,21 @@ function at({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     },
     [r, o]
   );
-  if (u)
-    return /* @__PURE__ */ y("div", { children: [
+  if (m)
+    return /* @__PURE__ */ f("div", { children: [
       "Fency error: ",
-      u.message
+      m.message
     ] });
   if (!r)
     return null;
-  const h = o.length > 0 ? o[o.length - 1] : null, T = {
+  const p = o.length > 0 ? o[o.length - 1] : null, T = {
     fency: r,
     loading: s,
-    error: u,
+    error: m,
     activeStreams: o,
-    latestStream: h,
-    eventManager: m.current,
-    getOrCreateStream: f
+    latestStream: p,
+    eventManager: u.current,
+    getOrCreateStream: h
   };
   return /* @__PURE__ */ i(X.Provider, { value: T, children: n });
 }
@@ -289,14 +289,14 @@ function J() {
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const ke = (e) => {
+const xe = (e) => {
   try {
     const t = JSON.parse(e);
-    return xe(t);
+    return ke(t);
   } catch (t) {
     return console.error("Error parsing message:", t), null;
   }
-}, xe = (e) => Z(e) ? be(e) : ee(e) ? ve(e) : te(e) ? Ce(e) : null, be = (e) => ({
+}, ke = (e) => Z(e) ? be(e) : ee(e) ? ve(e) : te(e) ? Ce(e) : null, be = (e) => ({
   type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
@@ -318,18 +318,18 @@ const ke = (e) => {
     if (!t.eventManager) return;
     const a = {
       onMessage: (d, o) => {
-        var g, m, f;
-        const c = ke(d);
+        var g, u, h;
+        const c = xe(d);
         if (c)
           switch (c.type) {
             case "STREAM_TIMEOUT":
               (g = e == null ? void 0 : e.onStreamTimeout) == null || g.call(e, c);
               break;
             case "STREAM_NOT_FOUND":
-              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, c);
+              (u = e == null ? void 0 : e.onStreamNotFound) == null || u.call(e, c);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
-              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, c);
+              (h = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || h.call(e, c);
               break;
           }
       },
@@ -371,61 +371,61 @@ const ke = (e) => {
 }, st = (e) => {
   const t = J(), [n, r] = v([]), l = F(/* @__PURE__ */ new Set()), s = F(/* @__PURE__ */ new Map()), { createStream: a } = Me({
     onAgentTaskProgressItemUpdated: (o) => {
-      var m;
+      var u;
       if (!l.current.has(o.agentTaskId)) return;
       const c = o.data;
       if (c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed" || c.taskType === "MemoryChatCompletion" && c.eventType === "Completed" || c.taskType === "MemorySearch" && c.eventType === "Completed") {
-        const f = c.taskType === "MemorySearch" && c.eventType === "Completed";
+        const h = c.taskType === "MemorySearch" && c.eventType === "Completed";
         r(
-          f ? (T) => T.map((p) => {
+          h ? (T) => T.map((y) => {
             var I;
-            if (((I = p.confirmedData) == null ? void 0 : I.taskId) !== o.agentTaskId)
-              return p;
-            const b = p.progressItems.some(
+            if (((I = y.confirmedData) == null ? void 0 : I.taskId) !== o.agentTaskId)
+              return y;
+            const b = y.progressItems.some(
               (C) => C.progressItemId === o.progressItemId
-            ) ? p.progressItems.map(
+            ) ? y.progressItems.map(
               (C) => C.progressItemId === o.progressItemId ? o : C
-            ) : [...p.progressItems, o];
+            ) : [...y.progressItems, o];
             return {
-              ...p,
+              ...y,
               progressItems: b,
               loading: !1
             };
           }) : (T) => T.map(
-            (p) => {
-              var k;
-              return ((k = p.confirmedData) == null ? void 0 : k.taskId) === o.agentTaskId ? { ...p, loading: !1 } : p;
+            (y) => {
+              var x;
+              return ((x = y.confirmedData) == null ? void 0 : x.taskId) === o.agentTaskId ? { ...y, loading: !1 } : y;
             }
           )
         );
-        const h = s.current.get(
+        const p = s.current.get(
           o.agentTaskId
         );
-        h && (s.current.delete(o.agentTaskId), h(c));
+        p && (s.current.delete(o.agentTaskId), p(c));
         return;
       }
-      (m = e.onAgentTaskProgressItemUpdated) == null || m.call(e, o), r(
-        (f) => f.map((h) => {
-          var k;
-          if (((k = h.confirmedData) == null ? void 0 : k.taskId) !== o.agentTaskId)
-            return h;
-          const p = h.progressItems.some(
+      (u = e.onAgentTaskProgressItemUpdated) == null || u.call(e, o), r(
+        (h) => h.map((p) => {
+          var x;
+          if (((x = p.confirmedData) == null ? void 0 : x.taskId) !== o.agentTaskId)
+            return p;
+          const y = p.progressItems.some(
             (b) => b.progressItemId === o.progressItemId
-          ) ? h.progressItems.map(
+          ) ? p.progressItems.map(
             (b) => b.progressItemId === o.progressItemId ? o : b
-          ) : [...h.progressItems, o];
-          return { ...h, progressItems: p };
+          ) : [...p.progressItems, o];
+          return { ...p, progressItems: y };
         })
       );
     },
     onStreamError: (o) => {
       var c;
       (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, o), r((g) => {
-        const m = g.find((f) => f.streamId === o.streamId);
-        return m ? [
-          ...g.filter((f) => f.streamId !== o.streamId),
+        const u = g.find((h) => h.streamId === o.streamId);
+        return u ? [
+          ...g.filter((h) => h.streamId !== o.streamId),
           {
-            ...m,
+            ...u,
             loading: !1,
             error: o.error
           }
@@ -440,15 +440,15 @@ const ke = (e) => {
       var c;
       (c = e == null ? void 0 : e.onStreamTimeout) == null || c.call(e, o);
     }
-  }), u = K(
+  }), m = K(
     async (o, c) => {
-      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, m = await a();
-      if (m.type === "success") {
+      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, u = await a();
+      if (u.type === "success") {
         r([
           ...n,
           {
             taskKey: g,
-            streamId: m.stream.id,
+            streamId: u.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
@@ -458,11 +458,11 @@ const ke = (e) => {
             loadingText: c == null ? void 0 : c.loadingText
           }
         ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(o.type), h = await ne({
+        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(o.type), p = await ne({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: f,
-          streamToken: m.stream.token,
+          clientToken: h,
+          streamToken: u.stream.token,
           request: {
             streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
               messages: o.messages,
@@ -488,50 +488,50 @@ const ke = (e) => {
             } : void 0
           }
         });
-        if (h.type === "success" && h.agentTask) {
+        if (p.type === "success" && p.agentTask) {
           l.current.add(
-            h.agentTask.id
-          ), r((p) => [
-            ...p.filter((k) => k.taskKey !== g),
+            p.agentTask.id
+          ), r((y) => [
+            ...y.filter((x) => x.taskKey !== g),
             {
               taskKey: g,
-              streamId: m.stream.id,
+              streamId: u.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: h.agentTask.id,
-              createdAt: h.agentTask.createdAt,
+              taskId: p.agentTask.id,
+              createdAt: p.agentTask.createdAt,
               error: null,
               params: o,
               progressItems: [],
               loading: !0,
               loadingText: c == null ? void 0 : c.loadingText,
               confirmedData: {
-                taskId: h.agentTask.id,
-                createdAt: h.agentTask.createdAt
+                taskId: p.agentTask.id,
+                createdAt: p.agentTask.createdAt
               }
             }
           ]);
-          const T = await new Promise((p) => {
+          const T = await new Promise((y) => {
             s.current.set(
-              h.agentTask.id,
-              p
+              p.agentTask.id,
+              y
             );
           });
           return {
             type: "success",
-            streamId: m.stream.id,
-            agentTaskId: h.agentTask.id,
+            streamId: u.stream.id,
+            agentTaskId: p.agentTask.id,
             response: T
           };
         } else {
-          if (h.type === "error")
+          if (p.type === "error")
             return r((T) => [
-              ...T.filter((p) => p.taskKey !== g),
+              ...T.filter((y) => y.taskKey !== g),
               {
                 taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: u.stream.id,
                 params: o,
-                error: h.error,
+                error: p.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: c == null ? void 0 : c.loadingText,
@@ -539,19 +539,19 @@ const ke = (e) => {
               }
             ]), {
               type: "error",
-              error: h.error
+              error: p.error
             };
           {
             const T = {
               message: "No response received",
               code: "UnknownError"
             };
-            return r((p) => [
-              ...p.filter((k) => k.taskKey !== g),
+            return r((y) => [
+              ...y.filter((x) => x.taskKey !== g),
               {
                 taskKey: g,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: u.stream.id,
                 error: T,
                 params: o,
                 progressItems: [],
@@ -566,7 +566,7 @@ const ke = (e) => {
           }
         }
       } else
-        return console.error(m.error), m;
+        return console.error(u.error), u;
     },
     [t, n, a]
   ), d = W(() => {
@@ -577,7 +577,7 @@ const ke = (e) => {
     l.current.clear(), s.current.clear();
   }, []), {
     agentTasks: n,
-    createAgentTask: u,
+    createAgentTask: m,
     latest: d
   };
 };
@@ -586,8 +586,8 @@ function Ee(e) {
     const r = e.progressItems[n + 1], l = r != null;
     let s;
     if (r != null && r.createdAt) {
-      const a = new Date(t.createdAt).getTime(), u = new Date(r.createdAt).getTime();
-      s = Math.round((u - a) / 1e3);
+      const a = new Date(t.createdAt).getTime(), m = new Date(r.createdAt).getTime();
+      s = Math.round((m - a) / 1e3);
     }
     return {
       item: t,
@@ -597,7 +597,7 @@ function Ee(e) {
     };
   });
 }
-function D({
+function P({
   text: e,
   duration: t = 2,
   delay: n = 0,
@@ -605,18 +605,18 @@ function D({
   repeatDelay: l = 0.5,
   className: s,
   startOnView: a = !1,
-  once: u = !1,
+  once: m = !1,
   inViewMargin: d,
   spread: o = 2,
   color: c = "#999",
   shimmerColor: g = "#000",
-  direction: m = "fromBottom"
+  direction: u = "fromBottom"
 }) {
-  const f = F(null), h = ie(f, { once: u, margin: d }), T = W(() => e.length * o, [e, o]), p = !a || h, k = m === "fromBottom" ? "100% center" : "-100% center", b = m === "fromBottom" ? "0% center" : "200% center";
+  const h = F(null), p = ie(h, { once: m, margin: d }), T = W(() => e.length * o, [e, o]), y = !a || p, x = u === "fromBottom" ? "100% center" : "-100% center", b = u === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
-    x.span,
+    k.span,
     {
-      ref: f,
+      ref: h,
       className: s,
       style: {
         position: "relative",
@@ -634,10 +634,10 @@ function D({
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
       initial: {
-        backgroundPosition: k,
+        backgroundPosition: x,
         opacity: 0
       },
-      animate: p ? {
+      animate: y ? {
         backgroundPosition: b,
         opacity: 1
       } : {},
@@ -705,7 +705,7 @@ const we = ({ progressViewItems: e, t }) => {
   if (!n) return null;
   const r = Ie(n, t);
   return /* @__PURE__ */ i("div", { className: "simple-mode-container", children: /* @__PURE__ */ i(q, { mode: "wait", children: /* @__PURE__ */ i(
-    x.div,
+    k.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
@@ -719,7 +719,7 @@ const we = ({ progressViewItems: e, t }) => {
           children: r
         }
       ) : /* @__PURE__ */ i(
-        D,
+        P,
         {
           text: r,
           className: "simple-mode-title",
@@ -883,10 +883,10 @@ const we = ({ progressViewItems: e, t }) => {
   italic: {
     fontStyle: "italic"
   }
-}, j = ({
+}, _ = ({
   text: e
 }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  x.div,
+  k.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
@@ -898,8 +898,8 @@ const we = ({ progressViewItems: e, t }) => {
         remarkPlugins: [se],
         components: {
           code(t) {
-            const { children: n, className: r, node: l, ref: s, ...a } = t, u = /language-(\w+)/.exec(r || "");
-            return u ? (
+            const { children: n, className: r, node: l, ref: s, ...a } = t, m = /language-(\w+)/.exec(r || "");
+            return m ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
               /* @__PURE__ */ i(
                 G,
@@ -907,7 +907,7 @@ const we = ({ progressViewItems: e, t }) => {
                   ...a,
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
-                  language: u[1],
+                  language: m[1],
                   style: V
                 }
               )
@@ -921,7 +921,7 @@ const we = ({ progressViewItems: e, t }) => {
 ) }), Ae = ({ data: e }) => {
   const t = JSON.stringify(e.json, null, 2);
   return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
-    x.div,
+    k.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
@@ -972,7 +972,9 @@ const we = ({ progressViewItems: e, t }) => {
     memorySearchTypeResultSummaryOne: "Found 1 result. Highest score was {score}",
     resultsHeading: "Results",
     viewButton: "View",
-    pagesLabel: "Pages",
+    memorySearchPagesSingle: "Pages {n}",
+    memorySearchPagesTwo: "Pages {a} and {b}",
+    memorySearchPagesMultiple: "Pages {list} and {n}",
     pagesNotAvailable: "—",
     and: "and"
   },
@@ -1018,12 +1020,14 @@ const we = ({ progressViewItems: e, t }) => {
     memorySearchTypeResultSummaryOne: "Fant 1 resultat. Høyeste poengsum var {score}",
     resultsHeading: "Resultater",
     viewButton: "Vis",
-    pagesLabel: "Sider",
+    memorySearchPagesSingle: "Side {n}",
+    memorySearchPagesTwo: "Sider {a} og {b}",
+    memorySearchPagesMultiple: "Sider {list} og {n}",
     pagesNotAvailable: "—",
     and: "og"
   }
 };
-function De(e) {
+function Pe(e) {
   return Fe[e];
 }
 function S(e, t) {
@@ -1040,21 +1044,21 @@ function H(e, t) {
   }
   return n.join(", ");
 }
-const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const [l, s] = v(!1), u = (e.memories ?? []).map((p) => p.memoryTitle), d = u.length > 0, o = d && u.length > L, c = o && !l ? u.slice(0, L) : u, g = u.length - L, m = !o || l, f = `${r.searchingFor}'${e.queryDescription}'`, h = d ? `${r.searchingIn}${H(
+const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const [l, s] = v(!1), m = (e.memories ?? []).map((y) => y.memoryTitle), d = m.length > 0, o = d && m.length > O, c = o && !l ? m.slice(0, O) : m, g = m.length - O, u = !o || l, h = `${r.searchingFor}'${e.queryDescription}'`, p = d ? `${r.searchingIn}${H(
     c,
-    m ? r.and : void 0
-  )}` : "", T = d ? `${f}${h}` : `${r.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    u ? r.and : void 0
+  )}` : "", T = d ? `${h}${p}` : `${r.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      x.div,
+      k.div,
       {
         style: { color: "#666" },
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: t && !n && !o ? /* @__PURE__ */ i(
-          D,
+          P,
           {
             text: T,
             duration: 2.5,
@@ -1062,17 +1066,17 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ y(E, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: d ? /* @__PURE__ */ y(E, { children: [
+        ) : /* @__PURE__ */ f(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: d ? /* @__PURE__ */ f(E, { children: [
             r.searchingFor,
-            /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
+            /* @__PURE__ */ f("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            h
+            p
           ] }) : `${r.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ y(E, { children: [
+          o && !l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1096,7 +1100,7 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ y(E, { children: [
+          o && l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1134,14 +1138,14 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       }
     )
   ] });
-}, O = 5, Pe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const [l, s] = v(!1), a = e.titles, u = a.length > 0, d = u && a.length > O, o = d && !l ? a.slice(0, O) : a, c = a.length - O, g = !d || l, m = u ? `${r.findingMemoriesIn}${H(
+}, L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
+  const [l, s] = v(!1), a = e.titles, m = a.length > 0, d = m && a.length > L, o = d && !l ? a.slice(0, L) : a, c = a.length - L, g = !d || l, u = m ? `${r.findingMemoriesIn}${H(
     o,
     g ? r.and : void 0
   )}` : r.findingMemories;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      x.div,
+      k.div,
       {
         style: {
           color: "#666"
@@ -1150,17 +1154,17 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: t && !n && !d ? /* @__PURE__ */ i(
-          D,
+          P,
           {
-            text: m,
+            text: u,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ y(E, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m }),
-          d && !l && /* @__PURE__ */ y(E, { children: [
+        ) : /* @__PURE__ */ f(E, { children: [
+          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: u }),
+          d && !l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1184,7 +1188,7 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
               }
             )
           ] }),
-          d && l && /* @__PURE__ */ y(E, { children: [
+          d && l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1222,21 +1226,21 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       }
     )
   ] });
-}, z = 5, Le = ({ data: e, t }) => {
-  const [n, r] = v(!1), s = e.memories.map((f) => f.memoryTitle), a = s.length > 0, u = a && s.length > z, d = u && !n ? s.slice(0, z) : s, o = s.length - z, c = !u || n, g = s.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, m = a ? `${g}${H(
+}, z = 5, Oe = ({ data: e, t }) => {
+  const [n, r] = v(!1), s = e.memories.map((h) => h.memoryTitle), a = s.length > 0, m = a && s.length > z, d = m && !n ? s.slice(0, z) : s, o = s.length - z, c = !m || n, g = s.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, u = a ? `${g}${H(
     d,
     c ? t.and : void 0
   )}` : t.memoriesFound;
   return /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-    x.div,
+    k.div,
     {
       style: { color: "#666" },
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ y(E, { children: [
-        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: m }),
-        u && !n && /* @__PURE__ */ y(E, { children: [
+      children: /* @__PURE__ */ f(E, { children: [
+        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: u }),
+        m && !n && /* @__PURE__ */ f(E, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1260,7 +1264,7 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
             }
           )
         ] }),
-        u && n && /* @__PURE__ */ y(E, { children: [
+        m && n && /* @__PURE__ */ f(E, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1285,11 +1289,11 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       ] })
     }
   ) });
-}, Oe = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
+}, Le = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
   const r = n.addingSources;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      x.div,
+      k.div,
       {
         style: {
           display: "flex",
@@ -1301,7 +1305,7 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
         children: e && !t ? /* @__PURE__ */ i(
-          D,
+          P,
           {
             text: r,
             duration: 2.5,
@@ -1338,9 +1342,9 @@ function ze(e, t) {
   const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
   return S(t.pageMultiple, { list: r, n });
 }
-const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
   /* @__PURE__ */ i(
-    x.div,
+    k.div,
     {
       style: {
         marginBottom: "10px",
@@ -1372,14 +1376,17 @@ const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ y("div", { s
   onSourceClick: n,
   t: r
 }) => {
-  const [l, s] = v(!1), a = !!n, u = e.pageNumbers ?? [], d = ze(u, r);
-  return /* @__PURE__ */ y(
-    x.div,
+  const [l, s] = v(!1), a = !!n, m = e.pageNumbers ?? [], d = ze(m, r);
+  return /* @__PURE__ */ f(
+    k.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
       transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: a ? () => n(e.memoryId) : void 0,
+      onClick: a ? () => n({
+        memoryId: e.memoryId,
+        pageNumbers: [...m]
+      }) : void 0,
       onMouseEnter: a ? () => s(!0) : void 0,
       onMouseLeave: a ? () => s(!1) : void 0,
       style: {
@@ -1432,7 +1439,7 @@ const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ y("div", { s
     height: r,
     backgroundColor: e
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ f(
     "span",
     {
       style: {
@@ -1470,15 +1477,15 @@ function We({
 }) {
   return e.error != null ? /* @__PURE__ */ i(Y, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ i(B, { color: "#999", size: 15, borderWidth: 2 }) : t ? /* @__PURE__ */ i(B, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
 }
-const N = 80;
+const j = 80;
 function He({
   memory: e,
   completed: t,
   t: n
 }) {
-  const [r, l] = v(!1), s = e.result ?? e.error, a = s != null && s.length > N, u = s != null ? r || !a ? s : `${s.slice(0, N)}...` : void 0, d = a, o = e.error != null;
-  return /* @__PURE__ */ y(
-    x.div,
+  const [r, l] = v(!1), s = e.result ?? e.error, a = s != null && s.length > j, m = s != null ? r || !a ? s : `${s.slice(0, j)}...` : void 0, d = a, o = e.error != null;
+  return /* @__PURE__ */ f(
+    k.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1509,7 +1516,7 @@ function He({
             children: /* @__PURE__ */ i(We, { memory: e, completed: t })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ f(
           "div",
           {
             style: {
@@ -1526,7 +1533,7 @@ function He({
                   children: e.memoryTitle
                 }
               ),
-              u != null && /* @__PURE__ */ i(
+              m != null && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1535,7 +1542,7 @@ function He({
                     lineHeight: 1.4,
                     whiteSpace: r ? "pre-wrap" : void 0
                   },
-                  children: u
+                  children: m
                 }
               ),
               d && /* @__PURE__ */ i(
@@ -1556,7 +1563,7 @@ function He({
     }
   );
 }
-const Ue = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ i(
+const Ne = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ i(
   He,
   {
     memory: r,
@@ -1565,7 +1572,7 @@ const Ue = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style
   },
   r.memoryId
 )) });
-function _e(e, t) {
+function Ue(e, t) {
   if (e.length === 0) return "";
   if (e.length === 1)
     return S(t.pageSingle, { n: e[0] });
@@ -1577,14 +1584,14 @@ function _e(e, t) {
   const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
   return S(t.pageMultiple, { list: r, n });
 }
-function je(e, t) {
+function _e(e, t) {
   return e === 1 ? t.chunkFound : S(t.chunksFound, { n: e });
 }
-const Ne = ({ data: e, t }) => {
+const je = ({ data: e, t }) => {
   const [n, r] = v(!1), l = e.chunks.length, s = l > 0;
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ y(
-      x.div,
+  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
+    /* @__PURE__ */ f(
+      k.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
@@ -1601,7 +1608,7 @@ const Ne = ({ data: e, t }) => {
         },
         children: [
           /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: je(l, t) }),
+          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: _e(l, t) }),
           s && /* @__PURE__ */ i(
             "span",
             {
@@ -1617,7 +1624,7 @@ const Ne = ({ data: e, t }) => {
       }
     ),
     n && s && /* @__PURE__ */ i(
-      x.div,
+      k.div,
       {
         initial: { opacity: 0, height: 0 },
         animate: { opacity: 1, height: "auto" },
@@ -1630,9 +1637,9 @@ const Ne = ({ data: e, t }) => {
           flexDirection: "column",
           gap: 8
         },
-        children: e.chunks.map((a, u) => {
-          const d = a.pageNumbers ?? [], o = _e(d, t);
-          return /* @__PURE__ */ y(
+        children: e.chunks.map((a, m) => {
+          const d = a.pageNumbers ?? [], o = Ue(d, t);
+          return /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1655,7 +1662,7 @@ const Ne = ({ data: e, t }) => {
                     children: a.content
                   }
                 ),
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
@@ -1674,7 +1681,7 @@ const Ne = ({ data: e, t }) => {
                 )
               ]
             },
-            u
+            m
           );
         })
       }
@@ -1695,8 +1702,8 @@ function Ge({
   showShimmerForPrimary: n
 }) {
   const r = e.result != null, l = e.error != null, s = qe(e, t);
-  return /* @__PURE__ */ y(
-    x.div,
+  return /* @__PURE__ */ f(
+    k.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1707,7 +1714,7 @@ function Ge({
         borderBottom: "1px solid #eee",
         display: "flex",
         flexDirection: "row",
-        alignItems: "flex-start",
+        alignItems: "center",
         gap: "10px",
         minWidth: 0
       },
@@ -1720,13 +1727,12 @@ function Ge({
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              width: 32,
-              paddingTop: 2
+              width: 32
             },
             children: /* @__PURE__ */ i(Ke, { item: e })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ f(
           "div",
           {
             style: {
@@ -1738,7 +1744,7 @@ function Ge({
             },
             children: [
               /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !r && !l && n ? /* @__PURE__ */ i(
-                D,
+                P,
                 {
                   text: s,
                   duration: 2.5,
@@ -1774,13 +1780,13 @@ function Ge({
 const Xe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
   const l = W(() => {
     let s = -1;
-    return e.memoryTypes.forEach((a, u) => {
-      a.result == null && a.error == null && (s = u);
+    return e.memoryTypes.forEach((a, m) => {
+      a.result == null && a.error == null && (s = m);
     }), s;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
     t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      D,
+      P,
       {
         text: r.searchingMemoryTypes,
         duration: 2.5,
@@ -1814,26 +1820,31 @@ const Xe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
 function Je(e, t) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(t.pageSingle, { n: e[0] });
+    return S(t.memorySearchPagesSingle, {
+      n: e[0]
+    });
   if (e.length === 2)
-    return S(t.pageTwo, {
+    return S(t.memorySearchPagesTwo, {
       a: e[0],
       b: e[1]
     });
   const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
-  return S(t.pageMultiple, { list: r, n });
+  return S(t.memorySearchPagesMultiple, {
+    list: r,
+    n
+  });
 }
 const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
   const r = e.chunkResults.chunks, l = !!t;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
     /* @__PURE__ */ i(
-      x.div,
+      k.div,
       {
         style: {
           marginBottom: "12px",
-          fontSize: "13px",
-          fontWeight: 600,
-          color: "#333"
+          fontSize: "12px",
+          fontWeight: 500,
+          color: "#9ca3af"
         },
         initial: { opacity: 0, y: -6 },
         animate: { opacity: 1, y: 0 },
@@ -1849,8 +1860,8 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           flexDirection: "column",
           gap: 0
         },
-        children: r.map((s, a) => /* @__PURE__ */ y(
-          x.div,
+        children: r.map((s, a) => /* @__PURE__ */ f(
+          k.div,
           {
             initial: { opacity: 0 },
             animate: { opacity: 1 },
@@ -1866,7 +1877,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ y(
+              /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -1888,37 +1899,42 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
                         children: s.memoryTitle
                       }
                     ),
-                    /* @__PURE__ */ y(
-                      "div",
-                      {
-                        style: {
-                          fontSize: 12,
-                          color: "#444",
-                          lineHeight: 1.4
-                        },
-                        children: [
-                          /* @__PURE__ */ i("span", { style: { fontWeight: 600, color: "#555" }, children: n.pagesLabel }),
-                          ": ",
-                          s.pageNumbers.length > 0 ? Je(s.pageNumbers, n) : n.pagesNotAvailable
-                        ]
-                      }
-                    ),
                     /* @__PURE__ */ i(
                       "span",
                       {
                         style: {
-                          fontSize: 12,
-                          color: "#666",
-                          lineHeight: 1.45,
+                          fontSize: 13,
+                          color: "#1f2937",
+                          lineHeight: 1.5,
                           whiteSpace: "pre-wrap",
                           wordBreak: "break-word"
                         },
                         children: s.content
                       }
                     ),
-                    /* @__PURE__ */ i("span", { style: { fontSize: 11, color: "#999" }, children: S(n.scoreLabel, {
-                      n: s.score.toFixed(2)
-                    }) })
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        style: {
+                          fontSize: 11,
+                          fontWeight: 400,
+                          color: "#94a3b8",
+                          lineHeight: 1.35
+                        },
+                        children: [
+                          s.memoryTypeName != null && s.memoryTypeName !== "" ? s.memoryTypeName : void 0,
+                          S(n.scoreLabel, {
+                            n: s.score.toFixed(2)
+                          }),
+                          s.pageNumbers.length > 0 ? Je(
+                            s.pageNumbers,
+                            n
+                          ) : n.pagesNotAvailable
+                        ].filter(
+                          (m) => m != null && m !== ""
+                        ).join(" · ")
+                      }
+                    )
                   ]
                 }
               ),
@@ -1926,7 +1942,10 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
                 "button",
                 {
                   type: "button",
-                  onClick: () => t(s.memoryId),
+                  onClick: () => t({
+                    memoryId: s.memoryId,
+                    pageNumbers: [...s.pageNumbers]
+                  }),
                   style: {
                     flexShrink: 0,
                     alignSelf: "center",
@@ -1951,7 +1970,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
     )
   ] });
 }, Ye = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  x.div,
+  k.div,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
@@ -1987,16 +2006,16 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
   const a = (d) => {
     const o = d.item.data;
     if (o.taskType === "StreamingChatCompletion" && o.eventType === "Text")
-      return /* @__PURE__ */ i(j, { text: o.text });
+      return /* @__PURE__ */ i(_, { text: o.text });
     if (o.taskType === "StructuredChatCompletion" && o.eventType === "Json")
       return /* @__PURE__ */ i(Ae, { data: o });
     if (o.taskType === "MemoryChatCompletion")
       switch (o.eventType) {
         case "Text":
-          return /* @__PURE__ */ i(j, { text: o.text });
+          return /* @__PURE__ */ i(_, { text: o.text });
         case "FindMemories":
           return /* @__PURE__ */ i(
-            Pe,
+            Re,
             {
               data: o,
               isLatest: d.isLatest,
@@ -2005,10 +2024,10 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
             }
           );
         case "FindMemoriesResult":
-          return /* @__PURE__ */ i(Le, { data: o, t: n });
+          return /* @__PURE__ */ i(Oe, { data: o, t: n });
         case "Search":
           return /* @__PURE__ */ i(
-            Re,
+            De,
             {
               data: o,
               isLatest: d.isLatest,
@@ -2018,7 +2037,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           );
         case "FindSources":
           return /* @__PURE__ */ i(
-            Oe,
+            Le,
             {
               data: o,
               isLatest: d.isLatest,
@@ -2037,7 +2056,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           );
         case "ExploreMemories":
           return /* @__PURE__ */ i(
-            Ue,
+            Ne,
             {
               data: o,
               completed: d.completed,
@@ -2046,7 +2065,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
             }
           );
         case "ChunkResult":
-          return /* @__PURE__ */ i(Ne, { data: o, t: n });
+          return /* @__PURE__ */ i(je, { data: o, t: n });
         case "Completed":
           return null;
       }
@@ -2076,7 +2095,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
   };
   if (e.length === 0)
     return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-      D,
+      P,
       {
         text: t ?? n.processingYourTask,
         duration: 1.5,
@@ -2086,14 +2105,14 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
         shimmerColor: "#000"
       }
     ) });
-  const u = e.filter((d, o) => {
+  const m = e.filter((d, o) => {
     const c = d.item.data;
     return c.taskType === "MemoryChatCompletion" && c.eventType === "ExploreMemories" ? !e.slice(o + 1).some(
-      (f) => f.item.data.taskType === "MemoryChatCompletion" && f.item.data.eventType === "ExploreMemories"
+      (h) => h.item.data.taskType === "MemoryChatCompletion" && h.item.data.eventType === "ExploreMemories"
     ) : !0;
   });
-  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(q, { children: u.map((d, o) => /* @__PURE__ */ i(
-    x.div,
+  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(q, { children: m.map((d, o) => /* @__PURE__ */ i(
+    k.div,
     {
       id: `agent-task-progress-item-${d.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
@@ -2114,19 +2133,19 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
   onSourceClick: r,
   onSearchResultClick: l
 }) => {
-  const s = Ee(e), a = (e.params.type === "MemoryChatCompletion" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", u = De(a);
+  const s = Ee(e), a = (e.params.type === "MemoryChatCompletion" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", m = Pe(a);
   return t === "simple" ? /* @__PURE__ */ i(
     we,
     {
       progressViewItems: s,
-      t: u
+      t: m
     }
   ) : /* @__PURE__ */ i(
     Qe,
     {
       progressViewItems: s,
       loadingText: e.loadingText,
-      t: u,
+      t: m,
       onSourceClick: r,
       onSearchResultClick: l
     }