@fencyai/react 0.1.152 → 0.1.154

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";
@@ -42,11 +42,11 @@ function ce(e) {
   };
 }
 function de(e, t, n) {
-  let r = U();
+  let r = H();
   const l = new TextDecoder();
   return function(a, u) {
     if (a.length === 0)
-      n == null || n(r), r = U();
+      n == null || n(r), r = H();
     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));
       switch (d) {
@@ -61,8 +61,8 @@ function de(e, t, n) {
           e(r.id = c);
           break;
         case "retry":
-          const g = parseInt(c, 10);
-          isNaN(g) || t(r.retry = g);
+          const m = parseInt(c, 10);
+          isNaN(m) || t(r.retry = m);
           break;
       }
     }
@@ -72,7 +72,7 @@ function ue(e, t) {
   const n = new Uint8Array(e.length + t.length);
   return n.set(e), n.set(t, e.length), n;
 }
-function U() {
+function H() {
   return {
     data: "",
     event: "",
@@ -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";
+const $ = "text/event-stream", ge = 1e3, N = "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;
+  return new Promise((m, g) => {
+    const h = Object.assign({}, r);
+    h.accept || (h.accept = $);
+    let y;
     function T() {
-      h.abort(), document.hidden || w();
+      y.abort(), document.hidden || w();
     }
     d || document.addEventListener("visibilitychange", T);
-    let p = ge, k = 0;
+    let p = ge, x = 0;
     function b() {
-      document.removeEventListener("visibilitychange", T), window.clearTimeout(k), h.abort();
+      document.removeEventListener("visibilitychange", T), window.clearTimeout(x), y.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      b(), g();
+      b(), m();
     });
-    const I = o ?? window.fetch, C = l ?? he;
+    const I = o ?? window.fetch, C = l ?? ye;
     async function w() {
-      var P;
-      h = new AbortController();
+      var R;
+      y = 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: y.signal }));
+        await C(D), await le(D.body, ce(de((M) => {
+          M ? h[N] = M : delete h[N];
         }, (M) => {
           p = M;
-        }, s))), a == null || a(), b(), g();
-      } catch (R) {
-        if (!h.signal.aborted)
+        }, s))), a == null || a(), b(), m();
+      } catch (D) {
+        if (!y.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 = u == null ? void 0 : u(D)) !== null && R !== void 0 ? R : p;
+            window.clearTimeout(x), x = window.setTimeout(w, M);
           } catch (M) {
-            b(), m(M);
+            b(), g(M);
           }
       }
     }
     w();
   });
 }
-function he(e) {
+function ye(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);
@@ -175,7 +175,7 @@ class fe {
       },
       onmessage: (a) => {
         if (a.data) {
-          const u = ye(a.data);
+          const u = he(a.data);
           this.broadcast(u, n);
         }
       },
@@ -216,10 +216,10 @@ const Se = 12e4, Te = (e) => {
   const t = Date.now();
   return e.filter((n) => t - n.createdAt < Se);
 };
-function at({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
+function ut({ 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), [u, d] = v(null), [o, c] = v([]), m = F(null), g = F(null);
   A(() => {
     e.then((p) => {
       l(p), a(!1);
@@ -227,19 +227,19 @@ function at({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
       d(p), a(!1);
     });
   }, [e]), A(() => {
-    r && !m.current && (m.current = new fe(r));
+    r && !g.current && (g.current = new fe(r));
   }, [r]), A(() => {
-    m.current && m.current.updateStreams(o);
+    g.current && g.current.updateStreams(o);
   }, [o]), A(() => () => {
     var p;
-    (p = m.current) == null || p.cleanup();
+    (p = g.current) == null || p.cleanup();
   }, []);
-  const f = K(
+  const h = K(
     async (p = 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)
+      if (m.current)
+        return m.current;
+      const x = Date.now(), b = o.length > 0 ? o[o.length - 1] : null;
+      if (b && x - b.createdAt < p)
         return b.stream;
       const I = (async () => {
         if (!r)
@@ -250,53 +250,53 @@ 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;
+          }), m.current = null, w.stream;
         } else
-          throw g.current = null, new Error("Failed to create stream");
+          throw m.current = null, new Error("Failed to create stream");
       })();
-      return g.current = I, I;
+      return m.current = I, I;
     },
     [r, o]
   );
   if (u)
-    return /* @__PURE__ */ y("div", { children: [
+    return /* @__PURE__ */ f("div", { children: [
       "Fency error: ",
       u.message
     ] });
   if (!r)
     return null;
-  const h = o.length > 0 ? o[o.length - 1] : null, T = {
+  const y = o.length > 0 ? o[o.length - 1] : null, T = {
     fency: r,
     loading: s,
     error: u,
     activeStreams: o,
-    latestStream: h,
-    eventManager: m.current,
-    getOrCreateStream: f
+    latestStream: y,
+    eventManager: g.current,
+    getOrCreateStream: h
   };
   return /* @__PURE__ */ i(X.Provider, { value: T, children: n });
 }
-function J() {
+function V() {
   const e = oe(X);
   if (e === void 0)
     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
@@ -313,23 +313,23 @@ const ke = (e) => {
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
 }), Me = (e) => {
-  const t = J(), [n, r] = v(null), l = F(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  const t = V(), [n, r] = v(null), l = F(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
   return A(() => {
     if (!t.eventManager) return;
     const a = {
       onMessage: (d, o) => {
-        var g, m, f;
-        const c = ke(d);
+        var m, g, 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);
+              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, c);
               break;
             case "STREAM_NOT_FOUND":
-              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, c);
+              (g = e == null ? void 0 : e.onStreamNotFound) == null || g.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;
           }
       },
@@ -368,16 +368,16 @@ const ke = (e) => {
     },
     stream: n
   };
-}, st = (e) => {
-  const t = J(), [n, r] = v([]), l = F(/* @__PURE__ */ new Set()), s = F(/* @__PURE__ */ new Map()), { createStream: a } = Me({
+}, mt = (e) => {
+  const t = V(), [n, r] = v([]), l = F(/* @__PURE__ */ new Set()), s = F(/* @__PURE__ */ new Map()), { createStream: a } = Me({
     onAgentTaskProgressItemUpdated: (o) => {
-      var m;
+      var g;
       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" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed";
         r(
-          f ? (T) => T.map((p) => {
+          h ? (T) => T.map((p) => {
             var I;
             if (((I = p.confirmedData) == null ? void 0 : I.taskId) !== o.agentTaskId)
               return p;
@@ -393,43 +393,43 @@ const ke = (e) => {
             };
           }) : (T) => T.map(
             (p) => {
-              var k;
-              return ((k = p.confirmedData) == null ? void 0 : k.taskId) === o.agentTaskId ? { ...p, loading: !1 } : p;
+              var x;
+              return ((x = p.confirmedData) == null ? void 0 : x.taskId) === o.agentTaskId ? { ...p, loading: !1 } : p;
             }
           )
         );
-        const h = s.current.get(
+        const y = s.current.get(
           o.agentTaskId
         );
-        h && (s.current.delete(o.agentTaskId), h(c));
+        y && (s.current.delete(o.agentTaskId), y(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(
+      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), r(
+        (h) => h.map((y) => {
+          var x;
+          if (((x = y.confirmedData) == null ? void 0 : x.taskId) !== o.agentTaskId)
+            return y;
+          const p = y.progressItems.some(
             (b) => b.progressItemId === o.progressItemId
-          ) ? h.progressItems.map(
+          ) ? y.progressItems.map(
             (b) => b.progressItemId === o.progressItemId ? o : b
-          ) : [...h.progressItems, o];
-          return { ...h, progressItems: p };
+          ) : [...y.progressItems, o];
+          return { ...y, progressItems: p };
         })
       );
     },
     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),
+      (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, o), r((m) => {
+        const g = m.find((h) => h.streamId === o.streamId);
+        return g ? [
+          ...m.filter((h) => h.streamId !== o.streamId),
           {
-            ...m,
+            ...g,
             loading: !1,
             error: o.error
           }
-        ] : g;
+        ] : m;
       });
     },
     onStreamNotFound: (o) => {
@@ -442,13 +442,13 @@ const ke = (e) => {
     }
   }), u = K(
     async (o, c) => {
-      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, m = await a();
-      if (m.type === "success") {
+      const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await a();
+      if (g.type === "success") {
         r([
           ...n,
           {
-            taskKey: g,
-            streamId: m.stream.id,
+            taskKey: m,
+            streamId: g.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), y = await ne({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: f,
-          streamToken: m.stream.token,
+          clientToken: h,
+          streamToken: g.stream.token,
           request: {
             streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
               messages: o.messages,
@@ -484,54 +484,55 @@ const ke = (e) => {
               query: o.query,
               model: o.model,
               language: o.language ?? "en",
-              chunkLimit: o.chunkLimit ?? 10
+              chunkLimit: o.chunkLimit ?? 10,
+              contextExpansion: o.contextExpansion
             } : void 0
           }
         });
-        if (h.type === "success" && h.agentTask) {
+        if (y.type === "success" && y.agentTask) {
           l.current.add(
-            h.agentTask.id
+            y.agentTask.id
           ), r((p) => [
-            ...p.filter((k) => k.taskKey !== g),
+            ...p.filter((x) => x.taskKey !== m),
             {
-              taskKey: g,
-              streamId: m.stream.id,
+              taskKey: m,
+              streamId: g.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: h.agentTask.id,
-              createdAt: h.agentTask.createdAt,
+              taskId: y.agentTask.id,
+              createdAt: y.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: y.agentTask.id,
+                createdAt: y.agentTask.createdAt
               }
             }
           ]);
           const T = await new Promise((p) => {
             s.current.set(
-              h.agentTask.id,
+              y.agentTask.id,
               p
             );
           });
           return {
             type: "success",
-            streamId: m.stream.id,
-            agentTaskId: h.agentTask.id,
+            streamId: g.stream.id,
+            agentTaskId: y.agentTask.id,
             response: T
           };
         } else {
-          if (h.type === "error")
+          if (y.type === "error")
             return r((T) => [
-              ...T.filter((p) => p.taskKey !== g),
+              ...T.filter((p) => p.taskKey !== m),
               {
-                taskKey: g,
+                taskKey: m,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: g.stream.id,
                 params: o,
-                error: h.error,
+                error: y.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: c == null ? void 0 : c.loadingText,
@@ -539,7 +540,7 @@ const ke = (e) => {
               }
             ]), {
               type: "error",
-              error: h.error
+              error: y.error
             };
           {
             const T = {
@@ -547,11 +548,11 @@ const ke = (e) => {
               code: "UnknownError"
             };
             return r((p) => [
-              ...p.filter((k) => k.taskKey !== g),
+              ...p.filter((x) => x.taskKey !== m),
               {
-                taskKey: g,
+                taskKey: m,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: g.stream.id,
                 error: T,
                 params: o,
                 progressItems: [],
@@ -566,7 +567,7 @@ const ke = (e) => {
           }
         }
       } else
-        return console.error(m.error), m;
+        return console.error(g.error), g;
     },
     [t, n, a]
   ), d = W(() => {
@@ -597,7 +598,7 @@ function Ee(e) {
     };
   });
 }
-function D({
+function P({
   text: e,
   duration: t = 2,
   delay: n = 0,
@@ -609,14 +610,14 @@ function D({
   inViewMargin: d,
   spread: o = 2,
   color: c = "#999",
-  shimmerColor: g = "#000",
-  direction: m = "fromBottom"
+  shimmerColor: m = "#000",
+  direction: g = "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), y = ie(h, { once: u, margin: d }), T = W(() => e.length * o, [e, o]), p = !a || y, x = g === "fromBottom" ? "100% center" : "-100% center", b = g === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
-    x.span,
+    k.span,
     {
-      ref: f,
+      ref: h,
       className: s,
       style: {
         position: "relative",
@@ -629,12 +630,12 @@ function D({
         backgroundRepeat: "no-repeat, padding-box",
         "--spread": `${T}px`,
         "--base-color": c,
-        "--shimmer-color": g,
+        "--shimmer-color": m,
         "--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: k,
+        backgroundPosition: x,
         opacity: 0
       },
       animate: p ? {
@@ -666,10 +667,8 @@ function Ie(e, t) {
     if (n.eventType === "Text") return t.streaming;
     if (n.eventType === "Completed") return t.completed;
   }
-  if (n.taskType === "StructuredChatCompletion") {
-    if (n.eventType === "Json") return t.generating;
-    if (n.eventType === "Completed") return t.completed;
-  }
+  if (n.taskType === "StructuredChatCompletion" && n.eventType === "Completed")
+    return t.completed;
   if (n.taskType === "MemorySearch")
     switch (n.eventType) {
       case "SearchMemoryTypes":
@@ -705,7 +704,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 +718,7 @@ const we = ({ progressViewItems: e, t }) => {
           children: r
         }
       ) : /* @__PURE__ */ i(
-        D,
+        P,
         {
           text: r,
           className: "simple-mode-title",
@@ -732,7 +731,7 @@ const we = ({ progressViewItems: e, t }) => {
     },
     n.item.progressItemId
   ) }) });
-}, V = {
+}, J = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -883,10 +882,10 @@ const we = ({ progressViewItems: e, t }) => {
   italic: {
     fontStyle: "italic"
   }
-}, j = ({
+}, U = ({
   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 },
@@ -908,7 +907,7 @@ const we = ({ progressViewItems: e, t }) => {
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
                   language: u[1],
-                  style: V
+                  style: J
                 }
               )
             ) : /* @__PURE__ */ i("code", { ...a, className: r, children: String(n) });
@@ -919,14 +918,18 @@ const we = ({ progressViewItems: e, t }) => {
     )
   }
 ) }), Ae = ({ data: e }) => {
-  const t = JSON.stringify(e.json, null, 2);
+  const t = JSON.stringify(
+    JSON.parse(e.response.jsonResponse),
+    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 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ i(G, { language: "json", style: V, PreTag: "div", children: t })
+      children: /* @__PURE__ */ i(G, { language: "json", style: J, PreTag: "div", children: t })
     }
   ) });
 }, Fe = {
@@ -972,7 +975,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 +1023,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) {
@@ -1032,7 +1039,7 @@ function S(e, t) {
     e
   );
 }
-function H(e, t) {
+function _(e, t) {
   const n = e.map((r) => `'${r}'`);
   if (t != null && n.length >= 2) {
     const r = n.pop();
@@ -1040,21 +1047,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), u = (e.memories ?? []).map((p) => p.memoryTitle), d = u.length > 0, o = d && u.length > O, c = o && !l ? u.slice(0, O) : u, m = u.length - O, g = !o || l, h = `${r.searchingFor}'${e.queryDescription}'`, y = d ? `${r.searchingIn}${_(
     c,
-    m ? r.and : void 0
-  )}` : "", T = d ? `${f}${h}` : `${r.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    g ? r.and : void 0
+  )}` : "", T = d ? `${h}${y}` : `${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 +1069,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
+            y
           ] }) : `${r.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ y(E, { children: [
+          o && !l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1091,12 +1098,12 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                   fontFamily: "inherit"
                 },
                 children: S(r.moreMemories, {
-                  n: g
+                  n: m
                 })
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ y(E, { children: [
+          o && l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1134,14 +1141,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, u = a.length > 0, d = u && a.length > L, o = d && !l ? a.slice(0, L) : a, c = a.length - L, m = !d || l, g = u ? `${r.findingMemoriesIn}${_(
     o,
-    g ? r.and : void 0
+    m ? 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 +1157,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: g,
             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: g }),
+          d && !l && /* @__PURE__ */ f(E, { children: [
             " ",
             /* @__PURE__ */ i(
               "button",
@@ -1184,7 +1191,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 +1229,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, u = a && s.length > z, d = u && !n ? s.slice(0, z) : s, o = s.length - z, c = !u || n, m = s.length === 1 ? t.memoryFound : t.memoriesFoundPrefix, g = a ? `${m}${_(
     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: g }),
+        u && !n && /* @__PURE__ */ f(E, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1260,7 +1267,7 @@ const L = 5, Re = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
             }
           )
         ] }),
-        u && n && /* @__PURE__ */ y(E, { children: [
+        u && n && /* @__PURE__ */ f(E, { children: [
           " ",
           /* @__PURE__ */ i(
             "button",
@@ -1285,11 +1292,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 +1308,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 +1345,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",
@@ -1373,13 +1380,16 @@ const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ y("div", { s
   t: r
 }) => {
   const [l, s] = v(!1), a = !!n, u = e.pageNumbers ?? [], d = ze(u, r);
-  return /* @__PURE__ */ y(
-    x.div,
+  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: [...u]
+      }) : void 0,
       onMouseEnter: a ? () => s(!0) : void 0,
       onMouseLeave: a ? () => s(!1) : void 0,
       style: {
@@ -1432,7 +1442,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 +1480,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;
-function He({
+const j = 80;
+function _e({
   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, u = 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 +1519,7 @@ function He({
             children: /* @__PURE__ */ i(We, { memory: e, completed: t })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ f(
           "div",
           {
             style: {
@@ -1556,8 +1566,8 @@ function He({
     }
   );
 }
-const Ue = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ i(
-  He,
+const He = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ i(
+  _e,
   {
     memory: r,
     completed: t,
@@ -1565,7 +1575,7 @@ const Ue = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style
   },
   r.memoryId
 )) });
-function _e(e, t) {
+function Ne(e, t) {
   if (e.length === 0) return "";
   if (e.length === 1)
     return S(t.pageSingle, { n: e[0] });
@@ -1577,14 +1587,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 Ue(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 +1611,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: Ue(l, t) }),
           s && /* @__PURE__ */ i(
             "span",
             {
@@ -1617,7 +1627,7 @@ const Ne = ({ data: e, t }) => {
       }
     ),
     n && s && /* @__PURE__ */ i(
-      x.div,
+      k.div,
       {
         initial: { opacity: 0, height: 0 },
         animate: { opacity: 1, height: "auto" },
@@ -1631,8 +1641,8 @@ const Ne = ({ data: e, t }) => {
           gap: 8
         },
         children: e.chunks.map((a, u) => {
-          const d = a.pageNumbers ?? [], o = _e(d, t);
-          return /* @__PURE__ */ y(
+          const d = a.pageNumbers ?? [], o = Ne(d, t);
+          return /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1655,7 +1665,7 @@ const Ne = ({ data: e, t }) => {
                     children: a.content
                   }
                 ),
-                /* @__PURE__ */ y(
+                /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
@@ -1695,8 +1705,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 +1717,7 @@ function Ge({
         borderBottom: "1px solid #eee",
         display: "flex",
         flexDirection: "row",
-        alignItems: "flex-start",
+        alignItems: "center",
         gap: "10px",
         minWidth: 0
       },
@@ -1720,13 +1730,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 +1747,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,
@@ -1778,9 +1787,9 @@ const Xe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
       a.result == null && a.error == null && (s = u);
     }), 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,
@@ -1811,29 +1820,70 @@ const Xe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
     )
   ] });
 };
-function Je(e, t) {
+function Ve(e, t) {
+  const n = Math.min(e.length, t.length);
+  for (let r = n; r >= 0; r--)
+    if (e.slice(-r) === t.slice(0, r)) return r;
+  return 0;
+}
+const Je = `
+
+`;
+function Ye(e) {
+  var n, r;
+  if (e.length === 0) return "";
+  let t = ((n = e[0]) == null ? void 0 : n.content) ?? "";
+  for (let l = 1; l < e.length; l++) {
+    const s = ((r = e[l]) == null ? void 0 : r.content) ?? "";
+    if (s === "") continue;
+    if (t === "") {
+      t = s;
+      continue;
+    }
+    const a = Ve(t, s);
+    a === 0 ? t += Je + s : t += s.slice(a);
+  }
+  return t;
+}
+function Qe(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
+  });
+}
+function Ze(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const n of e)
+    for (const r of n.pageNumbers) t.add(r);
+  return [...t].sort((n, r) => n - r);
 }
-const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
-  const r = e.chunkResults.chunks, l = !!t;
-  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+function et(e) {
+  const t = e.memoryTypeName.trim();
+  if (t !== "") return t;
+  if (e.memoryTypeId !== "") return e.memoryTypeId;
+}
+const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
+  const r = e.response.items, l = !!t;
+  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,109 +1899,119 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           flexDirection: "column",
           gap: 0
         },
-        children: r.map((s, a) => /* @__PURE__ */ y(
-          x.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            transition: { duration: 0.2, delay: a * 0.04 },
-            style: {
-              display: "flex",
-              flexDirection: "row",
-              alignItems: "flex-start",
-              gap: "12px",
-              paddingTop: "12px",
-              paddingBottom: "12px",
-              borderBottom: a < r.length - 1 ? "1px solid #eee" : void 0,
-              minWidth: 0
+        children: r.map((s, a) => {
+          const u = s.memory.title != null && s.memory.title !== "" ? s.memory.title : s.memory.id, d = Ze(
+            s.chunks
+          ), o = [
+            et(s.memory),
+            S(n.scoreLabel, {
+              n: s.score.toFixed(2)
+            }),
+            d.length > 0 ? Qe(d, n) : n.pagesNotAvailable
+          ].filter(
+            (m) => m != null && m !== ""
+          ), c = {
+            memoryId: s.memory.id,
+            pageNumbers: d
+          };
+          return /* @__PURE__ */ f(
+            k.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { duration: 0.2, delay: a * 0.04 },
+              style: {
+                display: "flex",
+                flexDirection: "row",
+                alignItems: "flex-start",
+                gap: "12px",
+                paddingTop: "12px",
+                paddingBottom: "12px",
+                borderBottom: a < r.length - 1 ? "1px solid #eee" : void 0,
+                minWidth: 0
+              },
+              children: [
+                /* @__PURE__ */ f(
+                  "div",
+                  {
+                    style: {
+                      flex: 1,
+                      minWidth: 0,
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "6px"
+                    },
+                    children: [
+                      /* @__PURE__ */ i(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 13,
+                            fontWeight: 600,
+                            color: "#333"
+                          },
+                          children: u
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 13,
+                            color: "#1f2937",
+                            lineHeight: 1.5,
+                            whiteSpace: "pre-wrap",
+                            wordBreak: "break-word"
+                          },
+                          children: Ye(s.chunks)
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "div",
+                        {
+                          style: {
+                            fontSize: 11,
+                            fontWeight: 400,
+                            color: "#94a3b8",
+                            lineHeight: 1.35
+                          },
+                          children: o.join(" · ")
+                        }
+                      )
+                    ]
+                  }
+                ),
+                l && /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => t(c),
+                    style: {
+                      flexShrink: 0,
+                      alignSelf: "center",
+                      padding: "6px 12px",
+                      fontSize: 12,
+                      fontWeight: 600,
+                      color: "#2563eb",
+                      background: "#eff6ff",
+                      border: "1px solid #bfdbfe",
+                      borderRadius: 6,
+                      cursor: "pointer",
+                      fontFamily: "inherit"
+                    },
+                    children: n.viewButton
+                  }
+                )
+              ]
             },
-            children: [
-              /* @__PURE__ */ y(
-                "div",
-                {
-                  style: {
-                    flex: 1,
-                    minWidth: 0,
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "6px"
-                  },
-                  children: [
-                    /* @__PURE__ */ i(
-                      "span",
-                      {
-                        style: {
-                          fontSize: 13,
-                          fontWeight: 600,
-                          color: "#333"
-                        },
-                        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,
-                          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)
-                    }) })
-                  ]
-                }
-              ),
-              l && /* @__PURE__ */ i(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => t(s.memoryId),
-                  style: {
-                    flexShrink: 0,
-                    alignSelf: "center",
-                    padding: "6px 12px",
-                    fontSize: 12,
-                    fontWeight: 600,
-                    color: "#2563eb",
-                    background: "#eff6ff",
-                    border: "1px solid #bfdbfe",
-                    borderRadius: 6,
-                    cursor: "pointer",
-                    fontFamily: "inherit"
-                  },
-                  children: n.viewButton
-                }
-              )
-            ]
-          },
-          `${s.memoryId}-${a}`
-        ))
+            `${s.memory.id}-${a}`
+          );
+        })
       }
     )
   ] });
-}, Ye = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  x.div,
+}, nt = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
+  k.div,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
@@ -1973,7 +2033,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
       }
     )
   }
-) }), Qe = ({
+) }), rt = ({
   progressViewItems: e,
   loadingText: t,
   t: n,
@@ -1987,16 +2047,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 });
-    if (o.taskType === "StructuredChatCompletion" && o.eventType === "Json")
+      return /* @__PURE__ */ i(U, { text: o.text });
+    if (o.taskType === "StructuredChatCompletion" && o.eventType === "Completed")
       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(U, { text: o.text });
         case "FindMemories":
           return /* @__PURE__ */ i(
-            Pe,
+            Re,
             {
               data: o,
               isLatest: d.isLatest,
@@ -2005,10 +2065,16 @@ 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 +2084,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           );
         case "FindSources":
           return /* @__PURE__ */ i(
-            Oe,
+            Le,
             {
               data: o,
               isLatest: d.isLatest,
@@ -2037,7 +2103,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           );
         case "ExploreMemories":
           return /* @__PURE__ */ i(
-            Ue,
+            He,
             {
               data: o,
               completed: d.completed,
@@ -2046,7 +2112,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;
       }
@@ -2064,7 +2130,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
           );
         case "Completed":
           return /* @__PURE__ */ i(
-            Ve,
+            tt,
             {
               data: o,
               onSearchResultClick: l,
@@ -2072,11 +2138,11 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
             }
           );
       }
-    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" || o.taskType === "StructuredChatCompletion" && o.eventType === "Completed" ? null : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ i(Ye, { message: o.message }) : null;
+    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" ? null : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ i(nt, { message: o.message }) : null;
   };
   if (e.length === 0)
     return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-      D,
+      P,
       {
         text: t ?? n.processingYourTask,
         duration: 1.5,
@@ -2089,11 +2155,11 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
   const u = 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,
+    k.div,
     {
       id: `agent-task-progress-item-${d.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
@@ -2107,14 +2173,14 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
     },
     d.item.progressItemId
   )) }) });
-}, lt = ({
+}, gt = ({
   agentTask: e,
   mode: t = "verbose",
   language: 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", u = Pe(a);
   return t === "simple" ? /* @__PURE__ */ i(
     we,
     {
@@ -2122,7 +2188,7 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
       t: u
     }
   ) : /* @__PURE__ */ i(
-    Qe,
+    rt,
     {
       progressViewItems: s,
       loadingText: e.loadingText,
@@ -2133,10 +2199,10 @@ const Ve = ({ data: e, onSearchResultClick: t, t: n }) => {
   );
 };
 export {
-  lt as AgentTaskProgress,
+  gt as AgentTaskProgress,
   B as Checkmark,
-  at as FencyProvider,
-  Ve as MemorySearchCompletedResults,
+  ut as FencyProvider,
+  tt as MemorySearchCompletedResults,
   Y as XMark,
-  st as useAgentTasks
+  mt as useAgentTasks
 };