@fencyai/react 0.1.155 → 0.1.156

package/dist/index.js

@@ -1,78 +1,78 @@
-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 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";
-import './assets/index.css';const X = re(
+import { jsxs as y, jsx as o, Fragment as E } from "react/jsx-runtime";
+import { createStream as ie, isStreamTimeoutEvent as ae, isStreamNotFoundEvent as se, isAgentTaskProgressItemUpdatedEvent as le, createAgentTask as ce } from "@fencyai/js";
+import { createContext as de, useState as v, useRef as A, useEffect as I, useCallback as G, useContext as ue, useMemo as D } from "react";
+import { useInView as me, motion as T, AnimatePresence as X } from "motion/react";
+import pe from "react-markdown";
+import { Prism as J } from "react-syntax-highlighter";
+import ge from "remark-gfm";
+import './assets/index.css';const Y = de(
   void 0
 );
-async function le(e, t) {
+async function ye(e, r) {
   const n = e.getReader();
-  let r;
-  for (; !(r = await n.read()).done; )
-    t(r.value);
+  let t;
+  for (; !(t = await n.read()).done; )
+    r(t.value);
 }
-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;
-    let d = 0;
-    for (; n < u; ) {
-      l && (t[n] === 10 && (d = ++n), l = !1);
-      let o = -1;
-      for (; n < u && o === -1; ++n)
-        switch (t[n]) {
+function he(e) {
+  let r, n, t, c = !1;
+  return function(l) {
+    r === void 0 ? (r = l, n = 0, t = -1) : r = Se(r, l);
+    const d = r.length;
+    let u = 0;
+    for (; n < d; ) {
+      c && (r[n] === 10 && (u = ++n), c = !1);
+      let i = -1;
+      for (; n < d && i === -1; ++n)
+        switch (r[n]) {
           case 58:
-            r === -1 && (r = n - d);
+            t === -1 && (t = n - u);
             break;
           case 13:
-            l = !0;
+            c = !0;
           case 10:
-            o = n;
+            i = n;
             break;
         }
-      if (o === -1)
+      if (i === -1)
         break;
-      e(t.subarray(d, o), r), d = n, r = -1;
+      e(r.subarray(u, i), t), u = n, t = -1;
     }
-    d === u ? t = void 0 : d !== 0 && (t = t.subarray(d), n -= d);
+    u === d ? r = void 0 : u !== 0 && (r = r.subarray(u), n -= u);
   };
 }
-function de(e, t, n) {
-  let r = H();
-  const l = new TextDecoder();
-  return function(a, u) {
-    if (a.length === 0)
-      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) {
+function fe(e, r, n) {
+  let t = q();
+  const c = new TextDecoder();
+  return function(l, d) {
+    if (l.length === 0)
+      n == null || n(t), t = q();
+    else if (d > 0) {
+      const u = c.decode(l.subarray(0, d)), i = d + (l[d + 1] === 32 ? 2 : 1), a = c.decode(l.subarray(i));
+      switch (u) {
         case "data":
-          r.data = r.data ? r.data + `
-` + c : c;
+          t.data = t.data ? t.data + `
+` + a : a;
           break;
         case "event":
-          r.event = c;
+          t.event = a;
           break;
         case "id":
-          e(r.id = c);
+          e(t.id = a);
           break;
         case "retry":
-          const m = parseInt(c, 10);
-          isNaN(m) || t(r.retry = m);
+          const m = parseInt(a, 10);
+          isNaN(m) || r(t.retry = m);
           break;
       }
     }
   };
 }
-function ue(e, t) {
-  const n = new Uint8Array(e.length + t.length);
-  return n.set(e), n.set(t, e.length), n;
+function Se(e, r) {
+  const n = new Uint8Array(e.length + r.length);
+  return n.set(e), n.set(r, e.length), n;
 }
-function H() {
+function q() {
   return {
     data: "",
     event: "",
@@ -80,107 +80,107 @@ function H() {
     retry: void 0
   };
 }
-var me = function(e, t) {
+var xe = function(e, r) {
   var n = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, r = Object.getOwnPropertySymbols(e); l < r.length; l++)
-      t.indexOf(r[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[l]) && (n[r[l]] = e[r[l]]);
+    for (var c = 0, t = Object.getOwnPropertySymbols(e); c < t.length; c++)
+      r.indexOf(t[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[c]) && (n[t[c]] = e[t[c]]);
   return n;
 };
-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((m, g) => {
-    const h = Object.assign({}, r);
-    h.accept || (h.accept = $);
-    let y;
-    function T() {
-      y.abort(), document.hidden || w();
+const _ = "text/event-stream", Te = 1e3, U = "last-event-id";
+function ke(e, r) {
+  var { signal: n, headers: t, onopen: c, onmessage: s, onclose: l, onerror: d, openWhenHidden: u, fetch: i } = r, a = xe(r, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((m, h) => {
+    const f = Object.assign({}, t);
+    f.accept || (f.accept = _);
+    let g;
+    function x() {
+      g.abort(), document.hidden || R();
     }
-    d || document.addEventListener("visibilitychange", T);
-    let p = ge, x = 0;
+    u || document.addEventListener("visibilitychange", x);
+    let p = Te, k = 0;
     function b() {
-      document.removeEventListener("visibilitychange", T), window.clearTimeout(x), y.abort();
+      document.removeEventListener("visibilitychange", x), window.clearTimeout(k), g.abort();
     }
     n == null || n.addEventListener("abort", () => {
       b(), m();
     });
-    const I = o ?? window.fetch, C = l ?? ye;
-    async function w() {
-      var R;
-      y = new AbortController();
+    const F = i ?? window.fetch, w = c ?? be;
+    async function R() {
+      var L;
+      g = new AbortController();
       try {
-        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];
+        const P = await F(e, Object.assign(Object.assign({}, a), { headers: f, signal: g.signal }));
+        await w(P), await ye(P.body, he(fe((M) => {
+          M ? f[U] = M : delete f[U];
         }, (M) => {
           p = M;
-        }, s))), a == null || a(), b(), m();
-      } catch (D) {
-        if (!y.signal.aborted)
+        }, s))), l == null || l(), b(), m();
+      } catch (P) {
+        if (!g.signal.aborted)
           try {
-            const M = (R = u == null ? void 0 : u(D)) !== null && R !== void 0 ? R : p;
-            window.clearTimeout(x), x = window.setTimeout(w, M);
+            const M = (L = d == null ? void 0 : d(P)) !== null && L !== void 0 ? L : p;
+            window.clearTimeout(k), k = window.setTimeout(R, M);
           } catch (M) {
-            b(), g(M);
+            b(), h(M);
           }
       }
     }
-    w();
+    R();
   });
 }
-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 be(e) {
+  const r = e.headers.get("content-type");
+  if (!(r != null && r.startsWith(_)))
+    throw new Error(`Expected content-type to be ${_}, Actual: ${r}`);
 }
-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);
+function ve(e) {
+  const r = atob(e), n = new Uint8Array(r.length);
+  for (let t = 0; t < r.length; t++)
+    n[t] = r.charCodeAt(t);
   return new TextDecoder("utf-8").decode(n);
 }
-class fe {
-  constructor(t) {
-    this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = t;
+class Ce {
+  constructor(r) {
+    this.eventSources = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), this.fency = r;
   }
   /**
    * Called by FencyProvider when activeStreams changes.
    * Creates new connections and removes old ones.
    */
-  updateStreams(t) {
-    t.forEach((r) => {
-      const l = r.stream.id;
-      this.eventSources.has(l) || this.connectStream(r);
+  updateStreams(r) {
+    r.forEach((t) => {
+      const c = t.stream.id;
+      this.eventSources.has(c) || this.connectStream(t);
     });
-    const n = new Set(t.map((r) => r.stream.id));
-    this.eventSources.forEach((r, l) => {
-      n.has(l) || (r.abort(), this.eventSources.delete(l));
+    const n = new Set(r.map((t) => t.stream.id));
+    this.eventSources.forEach((t, c) => {
+      n.has(c) || (t.abort(), this.eventSources.delete(c));
     });
   }
-  connectStream(t) {
-    const n = t.stream.id, r = new AbortController();
-    this.eventSources.set(n, r);
-    const l = `${this.fency.baseUrl}/sse/streams/${n}`, s = {
+  connectStream(r) {
+    const n = r.stream.id, t = new AbortController();
+    this.eventSources.set(n, t);
+    const c = `${this.fency.baseUrl}/sse/streams/${n}`, s = {
       "X-Fency-Publishable-Key": this.fency.publishableKey,
-      "X-Fency-Stream-Token": t.stream.token
+      "X-Fency-Stream-Token": r.stream.token
     };
-    pe(l, {
+    ke(c, {
       headers: s,
-      signal: r.signal,
-      async onopen(a) {
-        if (!a.ok && a.status >= 400 && a.status < 500 && a.status !== 429)
-          throw new Error(`Client error ${a.status}`);
+      signal: t.signal,
+      async onopen(l) {
+        if (!l.ok && l.status >= 400 && l.status < 500 && l.status !== 429)
+          throw new Error(`Client error ${l.status}`);
       },
-      onmessage: (a) => {
-        if (a.data) {
-          const u = he(a.data);
-          this.broadcast(u, n);
+      onmessage: (l) => {
+        if (l.data) {
+          const d = ve(l.data);
+          this.broadcast(d, n);
         }
       },
-      onerror: (a) => {
-        throw console.error("EventSource error for stream", n, ":", a), this.broadcastError(n), a;
+      onerror: (l) => {
+        throw console.error("EventSource error for stream", n, ":", l), this.broadcastError(n), l;
       },
       onclose() {
       }
@@ -190,121 +190,121 @@ class fe {
    * Subscribe to events from all active streams.
    * Returns an unsubscribe function.
    */
-  subscribe(t, n) {
-    return this.subscribers.set(t, n), () => {
-      this.subscribers.delete(t);
+  subscribe(r, n) {
+    return this.subscribers.set(r, n), () => {
+      this.subscribers.delete(r);
     };
   }
-  broadcast(t, n) {
-    this.subscribers.forEach((r) => {
-      r.onMessage(t, n);
+  broadcast(r, n) {
+    this.subscribers.forEach((t) => {
+      t.onMessage(r, n);
     });
   }
-  broadcastError(t) {
+  broadcastError(r) {
     this.subscribers.forEach((n) => {
-      n.onError(t);
+      n.onError(r);
     });
   }
   /**
    * Cleanup all connections and subscriptions
    */
   cleanup() {
-    this.eventSources.forEach((t) => t.abort()), this.eventSources.clear(), this.subscribers.clear();
+    this.eventSources.forEach((r) => r.abort()), this.eventSources.clear(), this.subscribers.clear();
   }
 }
-const Se = 12e4, Te = (e) => {
-  const t = Date.now();
-  return e.filter((n) => t - n.createdAt < Se);
+const Ee = 12e4, we = (e) => {
+  const r = Date.now();
+  return e.filter((n) => r - n.createdAt < Ee);
 };
-function ut({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
-  const [r, l] = v(
+function Mr({ fency: e, fetchCreateStreamClientToken: r, children: n }) {
+  const [t, c] = v(
     null
-  ), [s, a] = v(!0), [u, d] = v(null), [o, c] = v([]), m = F(null), g = F(null);
-  A(() => {
+  ), [s, l] = v(!0), [d, u] = v(null), [i, a] = v([]), m = A(null), h = A(null);
+  I(() => {
     e.then((p) => {
-      l(p), a(!1);
+      c(p), l(!1);
     }).catch((p) => {
-      d(p), a(!1);
+      u(p), l(!1);
     });
-  }, [e]), A(() => {
-    r && !g.current && (g.current = new fe(r));
-  }, [r]), A(() => {
-    g.current && g.current.updateStreams(o);
-  }, [o]), A(() => () => {
+  }, [e]), I(() => {
+    t && !h.current && (h.current = new Ce(t));
+  }, [t]), I(() => {
+    h.current && h.current.updateStreams(i);
+  }, [i]), I(() => () => {
     var p;
-    (p = g.current) == null || p.cleanup();
+    (p = h.current) == null || p.cleanup();
   }, []);
-  const h = K(
+  const f = G(
     async (p = 3e4) => {
       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)
+      const k = Date.now(), b = i.length > 0 ? i[i.length - 1] : null;
+      if (b && k - b.createdAt < p)
         return b.stream;
-      const I = (async () => {
-        if (!r)
+      const F = (async () => {
+        if (!t)
           throw new Error("Fency instance not initialized");
-        const C = await t(), w = await Q({
-          pk: r.publishableKey,
-          baseUrl: r.baseUrl,
-          clientToken: (C == null ? void 0 : C.clientToken) ?? ""
+        const w = await r(), R = await ie({
+          pk: t.publishableKey,
+          baseUrl: t.baseUrl,
+          clientToken: (w == null ? void 0 : w.clientToken) ?? ""
         });
-        if (w.type === "success") {
-          const R = {
-            stream: w.stream,
+        if (R.type === "success") {
+          const L = {
+            stream: R.stream,
             createdAt: Date.now()
           };
-          return c((D) => {
-            const M = [...D, R];
-            return Te(M);
-          }), m.current = null, w.stream;
+          return a((P) => {
+            const M = [...P, L];
+            return we(M);
+          }), m.current = null, R.stream;
         } else
           throw m.current = null, new Error("Failed to create stream");
       })();
-      return m.current = I, I;
+      return m.current = F, F;
     },
-    [r, o]
+    [t, i]
   );
-  if (u)
-    return /* @__PURE__ */ f("div", { children: [
+  if (d)
+    return /* @__PURE__ */ y("div", { children: [
       "Fency error: ",
-      u.message
+      d.message
     ] });
-  if (!r)
+  if (!t)
     return null;
-  const y = o.length > 0 ? o[o.length - 1] : null, T = {
-    fency: r,
+  const g = i.length > 0 ? i[i.length - 1] : null, x = {
+    fency: t,
     loading: s,
-    error: u,
-    activeStreams: o,
-    latestStream: y,
-    eventManager: g.current,
-    getOrCreateStream: h
+    error: d,
+    activeStreams: i,
+    latestStream: g,
+    eventManager: h.current,
+    getOrCreateStream: f
   };
-  return /* @__PURE__ */ i(X.Provider, { value: T, children: n });
+  return /* @__PURE__ */ o(Y.Provider, { value: x, children: n });
 }
-function V() {
-  const e = oe(X);
+function Z() {
+  const e = ue(Y);
   if (e === void 0)
     throw new Error("useFencyContext must be used within a FencyProvider");
   return e;
 }
-const xe = (e) => {
+const Me = (e) => {
   try {
-    const t = JSON.parse(e);
-    return ke(t);
-  } catch (t) {
-    return console.error("Error parsing message:", t), null;
+    const r = JSON.parse(e);
+    return Ie(r);
+  } catch (r) {
+    return console.error("Error parsing message:", r), null;
   }
-}, ke = (e) => Z(e) ? be(e) : ee(e) ? ve(e) : te(e) ? Ce(e) : null, be = (e) => ({
+}, Ie = (e) => ae(e) ? Ae(e) : se(e) ? Fe(e) : le(e) ? Re(e) : null, Ae = (e) => ({
   type: "STREAM_TIMEOUT",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), ve = (e) => ({
+}), Fe = (e) => ({
   type: "STREAM_NOT_FOUND",
   streamId: e.streamId,
   timestamp: e.timestamp
-}), Ce = (e) => ({
+}), Re = (e) => ({
   type: "AGENT_TASK_PROGRESS_ITEM_UPDATED",
   streamId: e.streamId,
   agentTaskId: e.agentTaskId,
@@ -312,31 +312,31 @@ const xe = (e) => {
   timestamp: e.timestamp,
   createdAt: e.createdAt,
   data: JSON.parse(e.data)
-}), Me = (e) => {
-  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 m, g, h;
-        const c = xe(d);
-        if (c)
-          switch (c.type) {
+}), Pe = (e) => {
+  const r = Z(), [n, t] = v(null), c = A(`subscriber-${Math.random().toString(36).substr(2, 9)}`);
+  return I(() => {
+    if (!r.eventManager) return;
+    const l = {
+      onMessage: (u, i) => {
+        var m, h, f;
+        const a = Me(u);
+        if (a)
+          switch (a.type) {
             case "STREAM_TIMEOUT":
-              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, c);
+              (m = e == null ? void 0 : e.onStreamTimeout) == null || m.call(e, a);
               break;
             case "STREAM_NOT_FOUND":
-              (g = e == null ? void 0 : e.onStreamNotFound) == null || g.call(e, c);
+              (h = e == null ? void 0 : e.onStreamNotFound) == null || h.call(e, a);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
-              (h = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || h.call(e, c);
+              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, a);
               break;
           }
       },
-      onError: (d) => {
-        var o;
-        (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, {
-          streamId: d,
+      onError: (u) => {
+        var i;
+        (i = e == null ? void 0 : e.onStreamError) == null || i.call(e, {
+          streamId: u,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -344,280 +344,283 @@ const xe = (e) => {
         });
       }
     };
-    return t.eventManager.subscribe(
-      l.current,
-      a
+    return r.eventManager.subscribe(
+      c.current,
+      l
     );
-  }, [t.eventManager, e]), {
+  }, [r.eventManager, e]), {
     createStream: async () => {
       try {
-        const a = await t.getOrCreateStream(3e4);
-        return r(a), {
+        const l = await r.getOrCreateStream(3e4);
+        return t(l), {
           type: "success",
-          stream: a
+          stream: l
         };
-      } catch (a) {
+      } catch (l) {
         return {
           type: "error",
           error: {
             code: "UnknownError",
-            message: a instanceof Error ? a.message : "Failed to create stream"
+            message: l instanceof Error ? l.message : "Failed to create stream"
           }
         };
       }
     },
     stream: n
   };
-}, mt = (e) => {
-  const t = V(), [n, r] = v([]), l = F(/* @__PURE__ */ new Set()), s = F(/* @__PURE__ */ new Map()), { createStream: a } = Me({
-    onAgentTaskProgressItemUpdated: (o) => {
-      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 h = c.taskType === "MemorySearch" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed";
-        r(
-          h ? (T) => T.map((p) => {
-            var I;
-            if (((I = p.confirmedData) == null ? void 0 : I.taskId) !== o.agentTaskId)
+}, Ir = (e) => {
+  const r = Z(), [n, t] = v([]), c = A(/* @__PURE__ */ new Set()), s = A(/* @__PURE__ */ new Map()), { createStream: l } = Pe({
+    onAgentTaskProgressItemUpdated: (i) => {
+      var h;
+      if (!c.current.has(i.agentTaskId)) return;
+      const a = i.data;
+      if (a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed" || a.taskType === "MemoryChatCompletion" && a.eventType === "Completed" || a.taskType === "MemorySearch" && a.eventType === "Completed") {
+        const f = a.taskType === "MemorySearch" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed";
+        t(
+          f ? (x) => x.map((p) => {
+            var F;
+            if (((F = p.confirmedData) == null ? void 0 : F.taskId) !== i.agentTaskId)
               return p;
             const b = p.progressItems.some(
-              (C) => C.progressItemId === o.progressItemId
+              (w) => w.progressItemId === i.progressItemId
             ) ? p.progressItems.map(
-              (C) => C.progressItemId === o.progressItemId ? o : C
-            ) : [...p.progressItems, o];
+              (w) => w.progressItemId === i.progressItemId ? i : w
+            ) : [...p.progressItems, i];
             return {
               ...p,
               progressItems: b,
               loading: !1
             };
-          }) : (T) => T.map(
+          }) : (x) => x.map(
             (p) => {
-              var x;
-              return ((x = p.confirmedData) == null ? void 0 : x.taskId) === o.agentTaskId ? { ...p, loading: !1 } : p;
+              var k;
+              return ((k = p.confirmedData) == null ? void 0 : k.taskId) === i.agentTaskId ? { ...p, loading: !1 } : p;
             }
           )
         );
-        const y = s.current.get(
-          o.agentTaskId
+        const g = s.current.get(
+          i.agentTaskId
         );
-        y && (s.current.delete(o.agentTaskId), y(c));
+        g && (s.current.delete(i.agentTaskId), g(a));
         return;
       }
-      (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
-          ) ? y.progressItems.map(
-            (b) => b.progressItemId === o.progressItemId ? o : b
-          ) : [...y.progressItems, o];
-          return { ...y, progressItems: p };
+      (h = e.onAgentTaskProgressItemUpdated) == null || h.call(e, i), t(
+        (f) => f.map((g) => {
+          var k;
+          if (((k = g.confirmedData) == null ? void 0 : k.taskId) !== i.agentTaskId)
+            return g;
+          const p = g.progressItems.some(
+            (b) => b.progressItemId === i.progressItemId
+          ) ? g.progressItems.map(
+            (b) => b.progressItemId === i.progressItemId ? i : b
+          ) : [...g.progressItems, i];
+          return { ...g, progressItems: p };
         })
       );
     },
-    onStreamError: (o) => {
-      var c;
-      (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),
+    onStreamError: (i) => {
+      var a;
+      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, i), t((m) => {
+        const h = m.find((f) => f.streamId === i.streamId);
+        return h ? [
+          ...m.filter((f) => f.streamId !== i.streamId),
           {
-            ...g,
+            ...h,
             loading: !1,
-            error: o.error
+            error: i.error
           }
         ] : m;
       });
     },
-    onStreamNotFound: (o) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamNotFound) == null || c.call(e, o);
+    onStreamNotFound: (i) => {
+      var a;
+      (a = e == null ? void 0 : e.onStreamNotFound) == null || a.call(e, i);
     },
-    onStreamTimeout: (o) => {
-      var c;
-      (c = e == null ? void 0 : e.onStreamTimeout) == null || c.call(e, o);
+    onStreamTimeout: (i) => {
+      var a;
+      (a = e == null ? void 0 : e.onStreamTimeout) == null || a.call(e, i);
     }
-  }), u = K(
-    async (o, c) => {
-      const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await a();
-      if (g.type === "success") {
-        r([
+  }), d = G(
+    async (i, a) => {
+      const m = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, h = await l();
+      if (h.type === "success") {
+        t([
           ...n,
           {
             taskKey: m,
-            streamId: g.stream.id,
+            streamId: h.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
-            params: o,
+            params: i,
             progressItems: [],
             loading: !0,
-            loadingText: c == null ? void 0 : c.loadingText
+            loadingText: a == null ? void 0 : a.loadingText
           }
         ]);
-        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(o.type), y = await ne({
-          pk: t.fency.publishableKey,
-          baseUrl: t.fency.baseUrl,
-          clientToken: h,
-          streamToken: g.stream.token,
+        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(i.type), g = await ce({
+          pk: r.fency.publishableKey,
+          baseUrl: r.fency.baseUrl,
+          clientToken: f,
+          streamToken: h.stream.token,
           request: {
-            streamingChatCompletionTask: o.type === "StreamingChatCompletion" ? {
-              messages: o.messages,
-              model: o.model
+            streamingChatCompletionTask: i.type === "StreamingChatCompletion" ? {
+              messages: i.messages,
+              model: i.model
             } : void 0,
-            structuredChatCompletionTask: o.type === "StructuredChatCompletion" ? {
-              messages: o.messages,
-              jsonSchema: o.jsonSchema,
-              model: o.model
+            structuredChatCompletionTask: i.type === "StructuredChatCompletion" ? {
+              messages: i.messages,
+              jsonSchema: i.jsonSchema,
+              model: i.model
             } : void 0,
-            memoryChatCompletionTask: o.type === "MemoryChatCompletion" ? {
-              messages: o.messages,
-              model: o.model,
-              language: o.language ?? "en",
-              chunkLimit: o.chunkLimit ?? 10,
-              memoryScanLimit: o.memoryScanLimit ?? 3
+            memoryChatCompletionTask: i.type === "MemoryChatCompletion" ? {
+              messages: i.messages,
+              model: i.model,
+              language: i.language ?? "en",
+              chunkLimit: i.chunkLimit ?? 10,
+              memoryScanLimit: i.memoryScanLimit ?? 3
             } : void 0,
-            memorySearchTask: o.type === "MemorySearch" ? {
-              query: o.query,
-              model: o.model,
-              language: o.language ?? "en",
-              chunkLimit: o.chunkLimit ?? 10,
-              contextExpansion: o.contextExpansion
+            memorySearchTask: i.type === "MemorySearch" ? {
+              query: i.query,
+              model: i.model,
+              language: i.language ?? "en",
+              chunkLimit: i.chunkLimit ?? 10,
+              contextExpansion: i.contextExpansion,
+              ...i.queryExpansion != null ? {
+                queryExpansion: i.queryExpansion
+              } : {}
             } : void 0
           }
         });
-        if (y.type === "success" && y.agentTask) {
-          l.current.add(
-            y.agentTask.id
-          ), r((p) => [
-            ...p.filter((x) => x.taskKey !== m),
+        if (g.type === "success" && g.agentTask) {
+          c.current.add(
+            g.agentTask.id
+          ), t((p) => [
+            ...p.filter((k) => k.taskKey !== m),
             {
               taskKey: m,
-              streamId: g.stream.id,
+              streamId: h.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: y.agentTask.id,
-              createdAt: y.agentTask.createdAt,
+              taskId: g.agentTask.id,
+              createdAt: g.agentTask.createdAt,
               error: null,
-              params: o,
+              params: i,
               progressItems: [],
               loading: !0,
-              loadingText: c == null ? void 0 : c.loadingText,
+              loadingText: a == null ? void 0 : a.loadingText,
               confirmedData: {
-                taskId: y.agentTask.id,
-                createdAt: y.agentTask.createdAt
+                taskId: g.agentTask.id,
+                createdAt: g.agentTask.createdAt
               }
             }
           ]);
-          const T = await new Promise((p) => {
+          const x = await new Promise((p) => {
             s.current.set(
-              y.agentTask.id,
+              g.agentTask.id,
               p
             );
           });
           return {
             type: "success",
-            streamId: g.stream.id,
-            agentTaskId: y.agentTask.id,
-            response: T
+            streamId: h.stream.id,
+            agentTaskId: g.agentTask.id,
+            response: x
           };
         } else {
-          if (y.type === "error")
-            return r((T) => [
-              ...T.filter((p) => p.taskKey !== m),
+          if (g.type === "error")
+            return t((x) => [
+              ...x.filter((p) => p.taskKey !== m),
               {
                 taskKey: m,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: g.stream.id,
-                params: o,
-                error: y.error,
+                streamId: h.stream.id,
+                params: i,
+                error: g.error,
                 progressItems: [],
                 loading: !1,
-                loadingText: c == null ? void 0 : c.loadingText,
+                loadingText: a == null ? void 0 : a.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: y.error
+              error: g.error
             };
           {
-            const T = {
+            const x = {
               message: "No response received",
               code: "UnknownError"
             };
-            return r((p) => [
-              ...p.filter((x) => x.taskKey !== m),
+            return t((p) => [
+              ...p.filter((k) => k.taskKey !== m),
               {
                 taskKey: m,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: g.stream.id,
-                error: T,
-                params: o,
+                streamId: h.stream.id,
+                error: x,
+                params: i,
                 progressItems: [],
                 loading: !1,
-                loadingText: c == null ? void 0 : c.loadingText,
+                loadingText: a == null ? void 0 : a.loadingText,
                 confirmedData: null
               }
             ]), {
               type: "error",
-              error: T
+              error: x
             };
           }
         }
       } else
-        return console.error(g.error), g;
+        return console.error(h.error), h;
     },
-    [t, n, a]
-  ), d = W(() => {
+    [r, n, l]
+  ), u = D(() => {
     if (n.length !== 0)
-      return [...n].sort((o, c) => new Date(c.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
+      return [...n].sort((i, a) => new Date(a.triggeredAt).getTime() - new Date(i.triggeredAt).getTime())[0];
   }, [n]);
-  return A(() => () => {
-    l.current.clear(), s.current.clear();
+  return I(() => () => {
+    c.current.clear(), s.current.clear();
   }, []), {
     agentTasks: n,
-    createAgentTask: u,
-    latest: d
+    createAgentTask: d,
+    latest: u
   };
 };
-function Ee(e) {
-  return e.progressItems.map((t, n) => {
-    const r = e.progressItems[n + 1], l = r != null;
+function De(e) {
+  return e.progressItems.map((r, n) => {
+    const t = e.progressItems[n + 1], c = t != 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);
+    if (t != null && t.createdAt) {
+      const l = new Date(r.createdAt).getTime(), d = new Date(t.createdAt).getTime();
+      s = Math.round((d - l) / 1e3);
     }
     return {
-      item: t,
-      completed: l,
+      item: r,
+      completed: c,
       isLatest: n === e.progressItems.length - 1,
       durationSeconds: s
     };
   });
 }
-function P({
+function C({
   text: e,
-  duration: t = 2,
+  duration: r = 2,
   delay: n = 0,
-  repeat: r = !0,
-  repeatDelay: l = 0.5,
+  repeat: t = !0,
+  repeatDelay: c = 0.5,
   className: s,
-  startOnView: a = !1,
-  once: u = !1,
-  inViewMargin: d,
-  spread: o = 2,
-  color: c = "#999",
+  startOnView: l = !1,
+  once: d = !1,
+  inViewMargin: u,
+  spread: i = 2,
+  color: a = "#999",
   shimmerColor: m = "#000",
-  direction: g = "fromBottom"
+  direction: h = "fromBottom"
 }) {
-  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(
-    k.span,
+  const f = A(null), g = me(f, { once: d, margin: u }), x = D(() => e.length * i, [e, i]), p = !l || g, k = h === "fromBottom" ? "100% center" : "-100% center", b = h === "fromBottom" ? "0% center" : "200% center";
+  return /* @__PURE__ */ o(
+    T.span,
     {
-      ref: h,
+      ref: f,
       className: s,
       style: {
         position: "relative",
@@ -628,14 +631,14 @@ function P({
         color: "transparent",
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
-        "--spread": `${T}px`,
-        "--base-color": c,
+        "--spread": `${x}px`,
+        "--base-color": a,
         "--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: x,
+        backgroundPosition: k,
         opacity: 0
       },
       animate: p ? {
@@ -644,10 +647,10 @@ function P({
       } : {},
       transition: {
         backgroundPosition: {
-          repeat: r ? 1 / 0 : 0,
-          duration: t,
+          repeat: t ? 1 / 0 : 0,
+          duration: r,
           delay: n,
-          repeatDelay: l,
+          repeatDelay: c,
           ease: "linear"
         },
         opacity: {
@@ -659,68 +662,72 @@ function P({
     }
   );
 }
-function Ie(e, t) {
+function Le(e, r) {
   const n = e.item.data;
   if (n.eventType === "Error" && "message" in n)
-    return t.error;
+    return r.error;
   if (n.taskType === "StreamingChatCompletion") {
-    if (n.eventType === "Text") return t.streaming;
-    if (n.eventType === "Completed") return t.completed;
+    if (n.eventType === "Text") return r.streaming;
+    if (n.eventType === "Completed") return r.completed;
   }
   if (n.taskType === "StructuredChatCompletion" && n.eventType === "Completed")
-    return t.completed;
+    return r.completed;
   if (n.taskType === "MemorySearch")
     switch (n.eventType) {
+      case "GeneratingQueries":
+        return r.memorySearchGeneratingQueries;
+      case "ExploreQueries":
+        return r.memorySearchExploringQueries;
       case "SearchMemoryTypes":
-        return t.searchingMemoryTypes;
+        return r.searchingMemoryTypes;
       case "Completed":
-        return t.completed;
+        return r.completed;
     }
   if (n.taskType === "MemoryChatCompletion")
     switch (n.eventType) {
       case "Text":
-        return t.streaming;
+        return r.streaming;
       case "Search":
-        return t.searching;
+        return r.searching;
       case "FindMemories":
-        return e.completed ? t.memoriesFound : t.findingMemories;
+        return e.completed ? r.memoriesFound : r.findingMemories;
       case "FindMemoriesResult":
-        return t.memoriesFound;
+        return r.memoriesFound;
       case "FindSources":
-        return t.addingSources;
+        return r.addingSources;
       case "SourcesResult":
-        return t.sourcesAdded;
+        return r.sourcesAdded;
       case "ExploreMemories":
-        return e.completed ? t.memoriesExplored : t.exploringMemories;
+        return e.completed ? r.memoriesExplored : r.exploringMemories;
       case "ChunkResult":
-        return t.chunksRetrieved;
+        return r.chunksRetrieved;
       case "Completed":
-        return t.completed;
+        return r.completed;
     }
-  return t.processing;
+  return r.processing;
 }
-const we = ({ progressViewItems: e, t }) => {
+const ze = ({ progressViewItems: e, t: r }) => {
   const n = e[e.length - 1];
   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(
-    k.div,
+  const t = Le(n, r);
+  return /* @__PURE__ */ o("div", { className: "simple-mode-container", children: /* @__PURE__ */ o(X, { mode: "wait", children: /* @__PURE__ */ o(
+    T.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.3 },
-      children: n.completed ? /* @__PURE__ */ i(
+      children: n.completed ? /* @__PURE__ */ o(
         "div",
         {
           className: "simple-mode-title",
           style: { color: "#666" },
-          children: r
+          children: t
         }
-      ) : /* @__PURE__ */ i(
-        P,
+      ) : /* @__PURE__ */ o(
+        C,
         {
-          text: r,
+          text: t,
           className: "simple-mode-title",
           duration: 2.5,
           repeat: !0,
@@ -731,7 +738,7 @@ const we = ({ progressViewItems: e, t }) => {
     },
     n.item.progressItemId
   ) }) });
-}, J = {
+}, ee = {
   'code[class*="language-"]': {
     color: "#f8f8f2",
     background: "none",
@@ -882,57 +889,57 @@ const we = ({ progressViewItems: e, t }) => {
   italic: {
     fontStyle: "italic"
   }
-}, U = ({
+}, V = ({
   text: e
-}) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  k.div,
+}) => /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  T.div,
   {
     className: "fency-markdown-body-raw",
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.3, delay: 0 },
-    children: /* @__PURE__ */ i(
-      ae,
+    children: /* @__PURE__ */ o(
+      pe,
       {
-        remarkPlugins: [se],
+        remarkPlugins: [ge],
         components: {
-          code(t) {
-            const { children: n, className: r, node: l, ref: s, ...a } = t, u = /language-(\w+)/.exec(r || "");
-            return u ? (
+          code(r) {
+            const { children: n, className: t, node: c, ref: s, ...l } = r, d = /language-(\w+)/.exec(t || "");
+            return d ? (
               // @ts-expect-error react-syntax-highlighter types incompatible with @types/react 18
-              /* @__PURE__ */ i(
-                G,
+              /* @__PURE__ */ o(
+                J,
                 {
-                  ...a,
+                  ...l,
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
-                  language: u[1],
-                  style: J
+                  language: d[1],
+                  style: ee
                 }
               )
-            ) : /* @__PURE__ */ i("code", { ...a, className: r, children: String(n) });
+            ) : /* @__PURE__ */ o("code", { ...l, className: t, children: String(n) });
           }
         },
         children: e
       }
     )
   }
-) }), Ae = ({ data: e }) => {
-  const t = JSON.stringify(
+) }), Oe = ({ data: e }) => {
+  const r = JSON.stringify(
     JSON.parse(e.response.jsonResponse),
     null,
     2
   );
-  return /* @__PURE__ */ i("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ i(
-    k.div,
+  return /* @__PURE__ */ o("div", { id: "structured-chat-completion-response", children: /* @__PURE__ */ o(
+    T.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ i(G, { language: "json", style: J, PreTag: "div", children: t })
+      children: /* @__PURE__ */ o(J, { language: "json", style: ee, PreTag: "div", children: r })
     }
   ) });
-}, Fe = {
+}, Be = {
   en: {
     error: "Error",
     streaming: "Streaming...",
@@ -979,7 +986,18 @@ const we = ({ progressViewItems: e, t }) => {
     memorySearchPagesTwo: "Pages {a} and {b}",
     memorySearchPagesMultiple: "Pages {list} and {n}",
     pagesNotAvailable: "—",
-    and: "and"
+    and: "and",
+    memorySearchGeneratingQueries: "Generating queries...",
+    memorySearchGeneratingQueriesPending: "Generating queries...",
+    memorySearchExploringQueries: "Exploring queries...",
+    memorySearchQueryReasoningLabel: "Reasoning",
+    memorySearchExploreQueryTypeLabel: "Memory type '{name}'",
+    memorySearchViewReasoning: "View reasoning",
+    memorySearchHideReasoning: "Hide reasoning",
+    memorySearchGeneratedQueriesHeading: "Generated queries",
+    memorySearchViewExploreResults: "View results",
+    memorySearchHideExploreResults: "Hide results",
+    memorySearchExploreNoResults: "No results found"
   },
   no: {
     error: "Feil",
@@ -1027,61 +1045,72 @@ const we = ({ progressViewItems: e, t }) => {
     memorySearchPagesTwo: "Sider {a} og {b}",
     memorySearchPagesMultiple: "Sider {list} og {n}",
     pagesNotAvailable: "—",
-    and: "og"
+    and: "og",
+    memorySearchGeneratingQueries: "Genererer spørringer...",
+    memorySearchGeneratingQueriesPending: "Genererer spørringer...",
+    memorySearchExploringQueries: "Utforsker spørringer...",
+    memorySearchQueryReasoningLabel: "Begrunnelse",
+    memorySearchExploreQueryTypeLabel: "Minnetype '{name}'",
+    memorySearchViewReasoning: "Vis begrunnelse",
+    memorySearchHideReasoning: "Skjul begrunnelse",
+    memorySearchGeneratedQueriesHeading: "Genererte spørringer",
+    memorySearchViewExploreResults: "Vis resultater",
+    memorySearchHideExploreResults: "Skjul resultater",
+    memorySearchExploreNoResults: "Ingen resultater funnet"
   }
 };
-function Pe(e) {
-  return Fe[e];
+function We(e) {
+  return Be[e];
 }
-function S(e, t) {
-  return Object.entries(t).reduce(
-    (n, [r, l]) => n.replace(`{${r}}`, String(l)),
+function S(e, r) {
+  return Object.entries(r).reduce(
+    (n, [t, c]) => n.replace(`{${t}}`, String(c)),
     e
   );
 }
-function _(e, t) {
-  const n = e.map((r) => `'${r}'`);
-  if (t != null && n.length >= 2) {
-    const r = n.pop();
-    return n.length > 0 ? `${n.join(", ")} ${t} ${r}` : r;
+function Q(e, r) {
+  const n = e.map((t) => `'${t}'`);
+  if (r != null && n.length >= 2) {
+    const t = n.pop();
+    return n.length > 0 ? `${n.join(", ")} ${r} ${t}` : t;
   }
   return n.join(", ");
 }
-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,
-    g ? r.and : void 0
-  )}` : "", T = d ? `${h}${y}` : `${r.searchingPrefix}${e.queryDescription}`;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
-      k.div,
+const N = 5, Ne = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+  const [c, s] = v(!1), d = (e.memories ?? []).map((p) => p.memoryTitle), u = d.length > 0, i = u && d.length > N, a = i && !c ? d.slice(0, N) : d, m = d.length - N, h = !i || c, f = `${t.searchingFor}'${e.queryDescription}'`, g = u ? `${t.searchingIn}${Q(
+    a,
+    h ? t.and : void 0
+  )}` : "", x = u ? `${f}${g}` : `${t.searchingPrefix}${e.queryDescription}`;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ o(
+      T.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(
-          P,
+        children: r && !n && !i ? /* @__PURE__ */ o(
+          C,
           {
-            text: T,
+            text: x,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ f(E, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: d ? /* @__PURE__ */ f(E, { children: [
-            r.searchingFor,
-            /* @__PURE__ */ f("span", { style: { fontWeight: 600 }, children: [
+        ) : /* @__PURE__ */ y(E, { children: [
+          /* @__PURE__ */ o("span", { style: { color: "#666" }, children: u ? /* @__PURE__ */ y(E, { children: [
+            t.searchingFor,
+            /* @__PURE__ */ y("span", { style: { fontWeight: 600 }, children: [
               "'",
               e.queryDescription,
               "'"
             ] }),
-            y
-          ] }) : `${r.searchingPrefix}${e.queryDescription}` }),
-          o && !l && /* @__PURE__ */ f(E, { children: [
+            g
+          ] }) : `${t.searchingPrefix}${e.queryDescription}` }),
+          i && !c && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
@@ -1097,15 +1126,15 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: S(r.moreMemories, {
+                children: S(t.moreMemories, {
                   n: m
                 })
               }
             )
           ] }),
-          o && l && /* @__PURE__ */ f(E, { children: [
+          i && c && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
@@ -1121,14 +1150,14 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: r.clickToCollapse
+                children: t.clickToCollapse
               }
             )
           ] })
         ] })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ i(
+    n !== void 0 && /* @__PURE__ */ o(
       "div",
       {
         style: {
@@ -1137,18 +1166,18 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(r.tookSeconds, { n })
+        children: S(t.tookSeconds, { n })
       }
     )
   ] });
-}, 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,
-    m ? r.and : void 0
-  )}` : r.findingMemories;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
-      k.div,
+}, H = 5, He = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+  const [c, s] = v(!1), l = e.titles, d = l.length > 0, u = d && l.length > H, i = u && !c ? l.slice(0, H) : l, a = l.length - H, m = !u || c, h = d ? `${t.findingMemoriesIn}${Q(
+    i,
+    m ? t.and : void 0
+  )}` : t.findingMemories;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ o(
+      T.div,
       {
         style: {
           color: "#666"
@@ -1156,20 +1185,20 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: t && !n && !d ? /* @__PURE__ */ i(
-          P,
+        children: r && !n && !u ? /* @__PURE__ */ o(
+          C,
           {
-            text: g,
+            text: h,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ f(E, { children: [
-          /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-          d && !l && /* @__PURE__ */ f(E, { children: [
+        ) : /* @__PURE__ */ y(E, { children: [
+          /* @__PURE__ */ o("span", { style: { color: "#666" }, children: h }),
+          u && !c && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
@@ -1185,15 +1214,15 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: S(r.moreMemories, {
-                  n: c
+                children: S(t.moreMemories, {
+                  n: a
                 })
               }
             )
           ] }),
-          d && l && /* @__PURE__ */ f(E, { children: [
+          u && c && /* @__PURE__ */ y(E, { children: [
             " ",
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
@@ -1209,14 +1238,14 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                   textDecoration: "underline",
                   fontFamily: "inherit"
                 },
-                children: r.clickToCollapse
+                children: t.clickToCollapse
               }
             )
           ] })
         ] })
       }
     ),
-    n !== void 0 && /* @__PURE__ */ i(
+    n !== void 0 && /* @__PURE__ */ o(
       "div",
       {
         style: {
@@ -1225,31 +1254,31 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(r.tookSeconds, { n })
+        children: S(t.tookSeconds, { n })
       }
     )
   ] });
-}, 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(
-    k.div,
+}, $ = 5, $e = ({ data: e, t: r }) => {
+  const [n, t] = v(!1), s = e.memories.map((f) => f.memoryTitle), l = s.length > 0, d = l && s.length > $, u = d && !n ? s.slice(0, $) : s, i = s.length - $, a = !d || n, m = s.length === 1 ? r.memoryFound : r.memoriesFoundPrefix, h = l ? `${m}${Q(
+    u,
+    a ? r.and : void 0
+  )}` : r.memoriesFound;
+  return /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+    T.div,
     {
       style: { color: "#666" },
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
-      children: /* @__PURE__ */ f(E, { children: [
-        /* @__PURE__ */ i("span", { style: { color: "#666" }, children: g }),
-        u && !n && /* @__PURE__ */ f(E, { children: [
+      children: /* @__PURE__ */ y(E, { children: [
+        /* @__PURE__ */ o("span", { style: { color: "#666" }, children: h }),
+        d && !n && /* @__PURE__ */ y(E, { children: [
           " ",
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => r(!0),
+              onClick: () => t(!0),
               style: {
                 background: "none",
                 border: "none",
@@ -1261,19 +1290,19 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                 textDecoration: "underline",
                 fontFamily: "inherit"
               },
-              children: S(t.moreMemories, {
-                n: o
+              children: S(r.moreMemories, {
+                n: i
               })
             }
           )
         ] }),
-        u && n && /* @__PURE__ */ f(E, { children: [
+        d && n && /* @__PURE__ */ y(E, { children: [
           " ",
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => r(!1),
+              onClick: () => t(!1),
               style: {
                 background: "none",
                 border: "none",
@@ -1285,18 +1314,18 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
                 textDecoration: "underline",
                 fontFamily: "inherit"
               },
-              children: t.clickToCollapse
+              children: r.clickToCollapse
             }
           )
         ] })
       ] })
     }
   ) });
-}, Le = ({ isLatest: e = !1, durationSeconds: t, t: n }) => {
-  const r = n.addingSources;
-  return /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
-    /* @__PURE__ */ i(
-      k.div,
+}, _e = ({ isLatest: e = !1, durationSeconds: r, t: n }) => {
+  const t = n.addingSources;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ o(
+      T.div,
       {
         style: {
           display: "flex",
@@ -1307,19 +1336,19 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: e && !t ? /* @__PURE__ */ i(
-          P,
+        children: e && !r ? /* @__PURE__ */ o(
+          C,
           {
-            text: r,
+            text: t,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { color: "#666" }, children: r })
+        ) : /* @__PURE__ */ o("span", { style: { color: "#666" }, children: t })
       }
     ),
-    t !== void 0 && /* @__PURE__ */ i(
+    r !== void 0 && /* @__PURE__ */ o(
       "div",
       {
         style: {
@@ -1328,26 +1357,26 @@ const O = 5, De = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(n.tookSeconds, { n: t })
+        children: S(n.tookSeconds, { n: r })
       }
     )
   ] });
 };
-function ze(e, t) {
+function Ge(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(t.pageSingle, { n: e[0] });
+    return S(r.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return S(t.pageTwo, {
+    return S(r.pageTwo, {
       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 });
+  const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
+  return S(r.pageMultiple, { list: t, n });
 }
-const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ f("div", { style: { padding: "16px" }, children: [
-  /* @__PURE__ */ i(
-    k.div,
+const Qe = ({ data: e, onSourceClick: r, t: n }) => /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+  /* @__PURE__ */ o(
+    T.div,
     {
       style: {
         marginBottom: "10px",
@@ -1363,35 +1392,35 @@ const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ f("div", { s
       children: n.sources
     }
   ),
-  /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "13px", color: "#888" }, children: n.noSources }) : e.sources.map((r, l) => /* @__PURE__ */ i(
-    Be,
+  /* @__PURE__ */ o("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ o("span", { style: { fontSize: "13px", color: "#888" }, children: n.noSources }) : e.sources.map((t, c) => /* @__PURE__ */ o(
+    je,
     {
-      source: r,
-      index: l,
-      onSourceClick: t,
+      source: t,
+      index: c,
+      onSourceClick: r,
       t: n
     },
-    r.memoryId
+    t.memoryId
   )) })
-] }), Be = ({
+] }), je = ({
   source: e,
-  index: t,
+  index: r,
   onSourceClick: n,
-  t: r
+  t
 }) => {
-  const [l, s] = v(!1), a = !!n, u = e.pageNumbers ?? [], d = ze(u, r);
-  return /* @__PURE__ */ f(
-    k.div,
+  const [c, s] = v(!1), l = !!n, d = e.pageNumbers ?? [], u = Ge(d, t);
+  return /* @__PURE__ */ y(
+    T.div,
     {
       initial: { opacity: 0, scale: 0.9 },
       animate: { opacity: 1, scale: 1 },
-      transition: { duration: 0.25, delay: t * 0.05 },
-      onClick: a ? () => n({
+      transition: { duration: 0.25, delay: r * 0.05 },
+      onClick: l ? () => n({
         memoryId: e.memoryId,
-        pageNumbers: [...u]
+        pageNumbers: [...d]
       }) : void 0,
-      onMouseEnter: a ? () => s(!0) : void 0,
-      onMouseLeave: a ? () => s(!1) : void 0,
+      onMouseEnter: l ? () => s(!0) : void 0,
+      onMouseLeave: l ? () => s(!1) : void 0,
       style: {
         display: "inline-flex",
         flexDirection: "column",
@@ -1399,73 +1428,73 @@ const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ f("div", { s
         padding: "8px 12px",
         borderRadius: "6px",
         border: "1px solid #e0e0e0",
-        backgroundColor: l ? "#f5f5f5" : "transparent",
-        cursor: a ? "pointer" : "default",
+        backgroundColor: c ? "#f5f5f5" : "transparent",
+        cursor: l ? "pointer" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none"
       },
       children: [
-        /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-        d && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: d })
+        /* @__PURE__ */ o("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+        u && /* @__PURE__ */ o("span", { style: { fontSize: "12px", color: "#666" }, children: u })
       ]
     }
   );
-}, B = ({
+}, z = ({
   color: e = "#78b13f",
-  size: t = 24,
+  size: r = 24,
   borderWidth: n = 7
 }) => {
-  const r = t * 0.5;
-  return /* @__PURE__ */ i(
+  const t = r * 0.5;
+  return /* @__PURE__ */ o(
     "span",
     {
       style: {
         display: "inline-block",
         transform: "rotate(45deg)",
-        height: t,
-        width: r,
+        height: r,
+        width: t,
         borderBottom: `${n}px solid ${e}`,
         borderRight: `${n}px solid ${e}`
       }
     }
   );
-}, Y = ({
+}, j = ({
   color: e = "#333",
-  size: t = 32,
+  size: r = 32,
   lineWidth: n = 2
 }) => {
-  const r = t + 1, l = (t - n) / 2, s = (t - r) / 2, a = {
+  const t = r + 1, c = (r - n) / 2, s = (r - t) / 2, l = {
     position: "absolute",
-    left: l,
+    left: c,
     top: s,
     width: n,
-    height: r,
+    height: t,
     backgroundColor: e
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ y(
     "span",
     {
       style: {
         position: "relative",
         display: "inline-block",
-        width: t,
-        height: t
+        width: r,
+        height: r
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "span",
           {
             style: {
-              ...a,
+              ...l,
               transform: "rotate(45deg)"
             }
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "span",
           {
             style: {
-              ...a,
+              ...l,
               transform: "rotate(-45deg)"
             }
           }
@@ -1474,26 +1503,26 @@ const $e = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ f("div", { s
     }
   );
 };
-function We({
+function qe({
   memory: e,
-  completed: t
+  completed: r
 }) {
-  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" });
+  return e.error != null ? /* @__PURE__ */ o(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : r ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
-const j = 80;
-function _e({
+const K = 80;
+function Ue({
   memory: e,
-  completed: t,
+  completed: r,
   t: n
 }) {
-  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,
+  const [t, c] = v(!1), s = e.result ?? e.error, l = s != null && s.length > K, d = s != null ? t || !l ? s : `${s.slice(0, K)}...` : void 0, u = l, i = e.error != null;
+  return /* @__PURE__ */ y(
+    T.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: d ? () => l((c) => !c) : void 0,
+      onClick: u ? () => c((a) => !a) : void 0,
       style: {
         paddingTop: "12px",
         paddingBottom: "12px",
@@ -1503,10 +1532,10 @@ function _e({
         alignItems: "center",
         gap: "10px",
         minWidth: 0,
-        cursor: d ? "pointer" : "default"
+        cursor: u ? "pointer" : "default"
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "div",
           {
             style: {
@@ -1516,10 +1545,10 @@ function _e({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ i(We, { memory: e, completed: t })
+            children: /* @__PURE__ */ o(qe, { memory: e, completed: r })
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -1529,26 +1558,26 @@ function _e({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ o(
                 "span",
                 {
                   style: { fontSize: 13, fontWeight: 500, color: "#333" },
                   children: e.memoryTitle
                 }
               ),
-              u != null && /* @__PURE__ */ i(
+              d != null && /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
                     fontSize: 12,
-                    color: o ? "#c62828" : "#666",
+                    color: i ? "#c62828" : "#666",
                     lineHeight: 1.4,
-                    whiteSpace: r ? "pre-wrap" : void 0
+                    whiteSpace: t ? "pre-wrap" : void 0
                   },
-                  children: u
+                  children: d
                 }
               ),
-              d && /* @__PURE__ */ i(
+              u && /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -1556,7 +1585,7 @@ function _e({
                     color: "#999",
                     marginTop: 2
                   },
-                  children: r ? n.clickToCollapse : n.clickToExpand
+                  children: t ? n.clickToCollapse : n.clickToExpand
                 }
               )
             ]
@@ -1566,40 +1595,40 @@ function _e({
     }
   );
 }
-const He = ({ data: e, completed: t, t: n }) => /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: e.memories.map((r) => /* @__PURE__ */ i(
-  _e,
+const Ve = ({ data: e, completed: r, t: n }) => /* @__PURE__ */ o("div", { style: { padding: "10px" }, children: e.memories.map((t) => /* @__PURE__ */ o(
+  Ue,
   {
-    memory: r,
-    completed: t,
+    memory: t,
+    completed: r,
     t: n
   },
-  r.memoryId
+  t.memoryId
 )) });
-function Ne(e, t) {
+function Ke(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(t.pageSingle, { n: e[0] });
+    return S(r.pageSingle, { n: e[0] });
   if (e.length === 2)
-    return S(t.pageTwo, {
+    return S(r.pageTwo, {
       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 });
+  const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
+  return S(r.pageMultiple, { list: t, n });
 }
-function Ue(e, t) {
-  return e === 1 ? t.chunkFound : S(t.chunksFound, { n: e });
+function Xe(e, r) {
+  return e === 1 ? r.chunkFound : S(r.chunksFound, { n: e });
 }
-const je = ({ data: e, t }) => {
-  const [n, r] = v(!1), l = e.chunks.length, s = l > 0;
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
-    /* @__PURE__ */ f(
-      k.div,
+const Je = ({ data: e, t: r }) => {
+  const [n, t] = v(!1), c = e.chunks.length, s = c > 0;
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    /* @__PURE__ */ y(
+      T.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.25 },
-        onClick: s ? () => r((a) => !a) : void 0,
+        onClick: s ? () => t((l) => !l) : void 0,
         style: {
           paddingBottom: n ? "12px" : 0,
           borderBottom: n ? "1px solid #eee" : void 0,
@@ -1610,9 +1639,9 @@ const je = ({ data: e, t }) => {
           cursor: s ? "pointer" : "default"
         },
         children: [
-          /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-          /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: Ue(l, t) }),
-          s && /* @__PURE__ */ i(
+          /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
+          /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#666" }, children: Xe(c, r) }),
+          s && /* @__PURE__ */ o(
             "span",
             {
               style: {
@@ -1620,14 +1649,14 @@ const je = ({ data: e, t }) => {
                 color: "#999",
                 marginTop: 2
               },
-              children: n ? t.clickToCollapse : t.clickToExpand
+              children: n ? r.clickToCollapse : r.clickToExpand
             }
           )
         ]
       }
     ),
-    n && s && /* @__PURE__ */ i(
-      k.div,
+    n && s && /* @__PURE__ */ o(
+      T.div,
       {
         initial: { opacity: 0, height: 0 },
         animate: { opacity: 1, height: "auto" },
@@ -1640,9 +1669,9 @@ const je = ({ data: e, t }) => {
           flexDirection: "column",
           gap: 8
         },
-        children: e.chunks.map((a, u) => {
-          const d = a.pageNumbers ?? [], o = Ne(d, t);
-          return /* @__PURE__ */ f(
+        children: e.chunks.map((l, d) => {
+          const u = l.pageNumbers ?? [], i = Ke(u, r);
+          return /* @__PURE__ */ y(
             "div",
             {
               style: {
@@ -1652,7 +1681,7 @@ const je = ({ data: e, t }) => {
                 backgroundColor: "#fafafa"
               },
               children: [
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ o(
                   "span",
                   {
                     style: {
@@ -1662,10 +1691,10 @@ const je = ({ data: e, t }) => {
                       display: "block",
                       marginBottom: 4
                     },
-                    children: a.content
+                    children: l.content
                   }
                 ),
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -1675,38 +1704,38 @@ const je = ({ data: e, t }) => {
                       color: "#666"
                     },
                     children: [
-                      o && /* @__PURE__ */ i("span", { children: o }),
-                      /* @__PURE__ */ i("span", { children: S(t.scoreLabel, {
-                        n: a.score
+                      i && /* @__PURE__ */ o("span", { children: i }),
+                      /* @__PURE__ */ o("span", { children: S(r.scoreLabel, {
+                        n: l.score
                       }) })
                     ]
                   }
                 )
               ]
             },
-            u
+            d
           );
         })
       }
     )
   ] });
 };
-function Ke({ item: e }) {
-  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 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" });
+function Ye({ item: e }) {
+  return e.error != null ? /* @__PURE__ */ o(j, { color: "#c62828", size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
 }
-function qe(e, t) {
-  return S(t.searchingInMemoriesOfType, {
+function Ze(e, r) {
+  return S(r.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   });
 }
-function Ge({
+function er({
   item: e,
-  t,
+  t: r,
   showShimmerForPrimary: n
 }) {
-  const r = e.result != null, l = e.error != null, s = qe(e, t);
-  return /* @__PURE__ */ f(
-    k.div,
+  const t = e.result != null, c = e.error != null, s = Ze(e, r);
+  return /* @__PURE__ */ y(
+    T.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1722,7 +1751,7 @@ function Ge({
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "div",
           {
             style: {
@@ -1732,10 +1761,10 @@ function Ge({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ i(Ke, { item: e })
+            children: /* @__PURE__ */ o(Ye, { item: e })
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -1746,8 +1775,8 @@ function Ge({
               flex: 1
             },
             children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !r && !l && n ? /* @__PURE__ */ i(
-                P,
+              /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: !t && !c && n ? /* @__PURE__ */ o(
+                C,
                 {
                   text: s,
                   duration: 2.5,
@@ -1756,15 +1785,15 @@ function Ge({
                   shimmerColor: "#000"
                 }
               ) : s }),
-              r && /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#666" }, children: e.result.numberOfChunks === 1 ? S(
-                t.memorySearchTypeResultSummaryOne,
+              t && /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#666" }, children: e.result.numberOfChunks === 1 ? S(
+                r.memorySearchTypeResultSummaryOne,
                 {
                   score: e.result.highestChunkScore.toFixed(
                     2
                   )
                 }
               ) : S(
-                t.memorySearchTypeResultSummary,
+                r.memorySearchTypeResultSummary,
                 {
                   count: e.result.numberOfChunks,
                   score: e.result.highestChunkScore.toFixed(
@@ -1772,7 +1801,7 @@ function Ge({
                   )
                 }
               ) }),
-              l && /* @__PURE__ */ i("span", { style: { fontSize: 12, color: "#c62828" }, children: e.error })
+              c && /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#c62828" }, children: e.error })
             ]
           }
         )
@@ -1780,33 +1809,33 @@ function Ge({
     }
   );
 }
-const Xe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
-  const l = W(() => {
+const rr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+  const c = D(() => {
     let s = -1;
-    return e.memoryTypes.forEach((a, u) => {
-      a.result == null && a.error == null && (s = u);
+    return e.memoryTypes.forEach((l, d) => {
+      l.result == null && l.error == null && (s = d);
     }), s;
   }, [e.memoryTypes]);
-  return /* @__PURE__ */ f("div", { style: { padding: "10px" }, children: [
-    t && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ i(
-      P,
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(
+      C,
       {
-        text: r.searchingMemoryTypes,
+        text: t.searchingMemoryTypes,
         duration: 2.5,
         repeat: !0,
         color: "#999",
         shimmerColor: "#000"
       }
-    ) : e.memoryTypes.map((s, a) => /* @__PURE__ */ i(
-      Ge,
+    ) : e.memoryTypes.map((s, l) => /* @__PURE__ */ o(
+      er,
       {
         item: s,
-        t: r,
-        showShimmerForPrimary: a === l && t
+        t,
+        showShimmerForPrimary: l === c && r
       },
       s.memoryTypeId
     )),
-    n !== void 0 && /* @__PURE__ */ i(
+    n !== void 0 && /* @__PURE__ */ o(
       "div",
       {
         style: {
@@ -1815,69 +1844,742 @@ const Xe = ({ data: e, isLatest: t = !1, durationSeconds: n, t: r }) => {
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: S(r.tookSeconds, { n })
+        children: S(t.tookSeconds, { n })
+      }
+    )
+  ] });
+}, B = 12, W = 1.45, nr = Math.ceil(
+  B * W
+), tr = Math.ceil(
+  5 * B * W
+);
+function O(e) {
+  return e.queries != null && e.queries.length > 0;
+}
+function or(e) {
+  const r = e.reasoning;
+  return (r == null || r === "") && !O(e);
+}
+function ir(e) {
+  if (O(e)) return 3;
+  const r = e.reasoning;
+  return r == null || r === "" ? 1 : e.reasoningCompleted === !0 ? 2 : 1;
+}
+function ar({ phase: e }) {
+  return e === 3 ? /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ o("span", { className: "explore-memory-loader" });
+}
+function sr({
+  item: e,
+  t: r,
+  isActiveRow: n
+}) {
+  const t = or(e), c = ir(e), s = e.reasoning, l = s != null && s.length > 0, d = A(null), [u, i] = v(!1), a = t && n, m = c === 2 && n && !O(e);
+  I(() => {
+    const g = d.current;
+    g != null && c === 1 && l && (g.scrollTop = g.scrollHeight);
+  }, [s, c, l]);
+  const h = S(r.searchingInMemoriesOfType, {
+    name: e.memoryTypeName
+  }), f = !t && c === 3;
+  return /* @__PURE__ */ y(
+    T.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.25 },
+      style: {
+        paddingTop: "12px",
+        paddingBottom: "12px",
+        borderBottom: "1px solid #eee",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: f ? "flex-start" : "center",
+        gap: "10px",
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              width: 32,
+              ...f ? { paddingTop: 2 } : {}
+            },
+            children: /* @__PURE__ */ o(ar, { phase: t ? 1 : c })
+          }
+        ),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "8px",
+              minWidth: 0,
+              flex: 1
+            },
+            children: [
+              /* @__PURE__ */ o("span", { style: { fontSize: 13, fontWeight: 500, color: "#333" }, children: a ? /* @__PURE__ */ o(
+                C,
+                {
+                  text: h,
+                  duration: 2.5,
+                  repeat: !0,
+                  color: "#999",
+                  shimmerColor: "#000"
+                }
+              ) : e.memoryTypeName }),
+              c === 1 && l && !O(e) && /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ o(
+                  "span",
+                  {
+                    style: {
+                      display: "block",
+                      fontSize: 11,
+                      color: "#999",
+                      marginBottom: 4,
+                      fontWeight: 500
+                    },
+                    children: r.memorySearchQueryReasoningLabel
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: "#f7f7f7",
+                      borderRadius: 6,
+                      padding: "8px 10px",
+                      boxSizing: "border-box"
+                    },
+                    children: /* @__PURE__ */ o(
+                      "div",
+                      {
+                        ref: d,
+                        className: "memory-search-generating-reasoning-viewport",
+                        style: {
+                          minHeight: nr,
+                          maxHeight: tr,
+                          height: "auto",
+                          overflowY: "auto",
+                          overflowX: "hidden",
+                          fontSize: B,
+                          lineHeight: W,
+                          whiteSpace: "pre-wrap",
+                          wordBreak: "break-word",
+                          color: "#888"
+                        },
+                        children: s
+                      }
+                    )
+                  }
+                )
+              ] }),
+              c === 2 && m && /* @__PURE__ */ o("div", { style: { fontSize: 12 }, children: /* @__PURE__ */ o(
+                C,
+                {
+                  text: r.memorySearchGeneratingQueriesPending,
+                  duration: 2.5,
+                  repeat: !0,
+                  color: "#999",
+                  shimmerColor: "#000"
+                }
+              ) }),
+              c === 3 && /* @__PURE__ */ y(E, { children: [
+                /* @__PURE__ */ y("div", { style: { minWidth: 0 }, children: [
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      style: {
+                        display: "block",
+                        fontSize: 11,
+                        color: "#999",
+                        marginBottom: 6,
+                        fontWeight: 500
+                      },
+                      children: r.memorySearchGeneratedQueriesHeading
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 6
+                      },
+                      children: e.queries.map((g, x) => /* @__PURE__ */ o(
+                        "div",
+                        {
+                          style: {
+                            fontSize: 12,
+                            color: "#444",
+                            lineHeight: 1.5,
+                            wordBreak: "break-word"
+                          },
+                          children: g.query
+                        },
+                        x
+                      ))
+                    }
+                  )
+                ] }),
+                l && /* @__PURE__ */ y(E, { children: [
+                  /* @__PURE__ */ o(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => i((g) => !g),
+                      style: {
+                        alignSelf: "flex-start",
+                        border: "none",
+                        background: "none",
+                        padding: 0,
+                        cursor: "pointer",
+                        fontSize: 12,
+                        color: "#666",
+                        textDecoration: "underline"
+                      },
+                      children: u ? r.memorySearchHideReasoning : r.memorySearchViewReasoning
+                    }
+                  ),
+                  u && /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        fontSize: B,
+                        lineHeight: W,
+                        whiteSpace: "pre-wrap",
+                        wordBreak: "break-word",
+                        color: "#888",
+                        backgroundColor: "#f7f7f7",
+                        borderRadius: 6,
+                        padding: "8px 10px"
+                      },
+                      children: s
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const lr = ({ data: e, isLatest: r = !1, durationSeconds: n, t }) => {
+  const c = D(() => {
+    let s = -1;
+    return e.memoryTypes.forEach((l, d) => {
+      O(l) || (s = d);
+    }), s;
+  }, [e.memoryTypes]);
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    r && !n && e.memoryTypes.length === 0 ? /* @__PURE__ */ o(
+      C,
+      {
+        text: t.memorySearchGeneratingQueries,
+        duration: 2.5,
+        repeat: !0,
+        color: "#999",
+        shimmerColor: "#000"
+      }
+    ) : e.memoryTypes.map((s, l) => /* @__PURE__ */ o(
+      sr,
+      {
+        item: s,
+        t,
+        isActiveRow: l === c && r
+      },
+      s.memoryTypeId
+    )),
+    n !== void 0 && /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "4px",
+          fontStyle: "italic"
+        },
+        children: S(t.tookSeconds, { n })
       }
     )
   ] });
 };
-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;
+function cr(e, r) {
+  const n = Math.min(e.length, r.length);
+  for (let t = n; t >= 0; t--)
+    if (e.slice(-t) === r.slice(0, t)) return t;
   return 0;
 }
-const Je = `
+const dr = `
 
 `;
-function Ye(e) {
-  var n, r;
+function re(e) {
+  var n, t;
   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) ?? "";
+  let r = ((n = e[0]) == null ? void 0 : n.content) ?? "";
+  for (let c = 1; c < e.length; c++) {
+    const s = ((t = e[c]) == null ? void 0 : t.content) ?? "";
     if (s === "") continue;
-    if (t === "") {
-      t = s;
+    if (r === "") {
+      r = s;
       continue;
     }
-    const a = Ve(t, s);
-    a === 0 ? t += Je + s : t += s.slice(a);
+    const l = cr(r, s);
+    l === 0 ? r += dr + s : r += s.slice(l);
   }
-  return t;
+  return r;
 }
-function Qe(e, t) {
+function ne(e, r) {
   if (e.length === 0) return "";
   if (e.length === 1)
-    return S(t.memorySearchPagesSingle, {
+    return S(r.memorySearchPagesSingle, {
       n: e[0]
     });
   if (e.length === 2)
-    return S(t.memorySearchPagesTwo, {
+    return S(r.memorySearchPagesTwo, {
       a: e[0],
       b: e[1]
     });
-  const n = e[e.length - 1], r = e.slice(0, -1).join(", ");
-  return S(t.memorySearchPagesMultiple, {
-    list: r,
+  const n = e[e.length - 1], t = e.slice(0, -1).join(", ");
+  return S(r.memorySearchPagesMultiple, {
+    list: t,
     n
   });
 }
-function Ze(e) {
-  const t = /* @__PURE__ */ new Set();
+function te(e) {
+  const r = /* @__PURE__ */ new Set();
   for (const n of e)
-    for (const r of n.pageNumbers) t.add(r);
-  return [...t].sort((n, r) => n - r);
+    for (const t of n.pageNumbers) r.add(t);
+  return [...r].sort((n, t) => n - t);
 }
-function et(e) {
-  const t = e.memoryTypeName.trim();
-  if (t !== "") return t;
+function oe(e) {
+  const r = e.memoryTypeName.trim();
+  if (r !== "") return r;
   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(
-      k.div,
+function ur(e) {
+  return e.some((t) => t.result == null && t.error == null) ? /* @__PURE__ */ o("span", { className: "explore-memory-loader" }) : e.some((t) => t.error != null) ? /* @__PURE__ */ o(j, { color: "#c62828", size: 15, lineWidth: 2 }) : /* @__PURE__ */ o(z, { color: "#999", size: 15, borderWidth: 2 });
+}
+function mr(e, r) {
+  if (e.error != null)
+    return /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#c62828", whiteSpace: "nowrap" }, children: e.error });
+  if (e.result == null)
+    return /* @__PURE__ */ o("span", { style: { flexShrink: 0, fontSize: 12 }, children: /* @__PURE__ */ o(
+      C,
+      {
+        text: r.searching,
+        duration: 2.5,
+        repeat: !0,
+        color: "#999",
+        shimmerColor: "#000"
+      }
+    ) });
+  const n = e.result, t = n.numberOfChunks === 1 ? r.chunkFound : S(r.chunksFound, { n: n.numberOfChunks }), c = S(r.scoreLabel, {
+    n: n.highestChunkScore.toFixed(2)
+  });
+  return /* @__PURE__ */ y("span", { style: { fontSize: 12, color: "#666", whiteSpace: "nowrap" }, children: [
+    t,
+    " · ",
+    c
+  ] });
+}
+function pr({
+  items: e,
+  queryRow: r,
+  onExploreQueryResultClick: n,
+  t
+}) {
+  if (e.length === 0)
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          fontSize: 12,
+          color: "#94a3b8",
+          paddingTop: 4
+        },
+        children: t.memorySearchExploreNoResults
+      }
+    );
+  const c = !!n;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 0,
+        marginTop: 8,
+        paddingTop: 8,
+        borderTop: "1px solid #f0f0f0"
+      },
+      children: e.map((s, l) => {
+        const d = s.memory.title != null && s.memory.title !== "" ? s.memory.title : s.memory.id, u = te(
+          s.chunks
+        ), i = [
+          oe(s.memory),
+          S(t.scoreLabel, {
+            n: s.score.toFixed(2)
+          }),
+          u.length > 0 ? ne(u, t) : t.pagesNotAvailable
+        ].filter(
+          (m) => m != null && m !== ""
+        ), a = {
+          memoryId: s.memory.id,
+          pageNumbers: u,
+          memoryTypeId: r.memoryTypeId,
+          memoryTypeName: r.memoryTypeName,
+          query: r.query
+        };
+        return /* @__PURE__ */ y(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "flex-start",
+              gap: "12px",
+              paddingTop: l > 0 ? 12 : 0,
+              paddingBottom: l < e.length - 1 ? 12 : 0,
+              borderBottom: l < e.length - 1 ? "1px solid #eee" : void 0,
+              minWidth: 0
+            },
+            children: [
+              /* @__PURE__ */ y(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    minWidth: 0,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "6px"
+                  },
+                  children: [
+                    /* @__PURE__ */ o(
+                      "span",
+                      {
+                        style: {
+                          fontSize: 13,
+                          fontWeight: 600,
+                          color: "#333"
+                        },
+                        children: d
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      "span",
+                      {
+                        style: {
+                          fontSize: 13,
+                          color: "#1f2937",
+                          lineHeight: 1.5,
+                          whiteSpace: "pre-wrap",
+                          wordBreak: "break-word"
+                        },
+                        children: re(
+                          s.chunks
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      "div",
+                      {
+                        style: {
+                          fontSize: 11,
+                          fontWeight: 400,
+                          color: "#94a3b8",
+                          lineHeight: 1.35
+                        },
+                        children: i.join(" · ")
+                      }
+                    )
+                  ]
+                }
+              ),
+              c && /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => n(a),
+                  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: t.viewButton
+                }
+              )
+            ]
+          },
+          `${s.memory.id}-${l}`
+        );
+      })
+    }
+  );
+}
+function gr(e) {
+  const r = [], n = /* @__PURE__ */ new Map();
+  return e.forEach((t, c) => {
+    let s = n.get(t.memoryTypeId);
+    s == null && (r.push(t.memoryTypeId), s = {
+      memoryTypeId: t.memoryTypeId,
+      memoryTypeName: t.memoryTypeName,
+      items: []
+    }, n.set(t.memoryTypeId, s)), s.items.push({ item: t, flatIndex: c });
+  }), r.map((t) => n.get(t));
+}
+function yr({
+  group: e,
+  t: r,
+  lastInFlightIndex: n,
+  isLatest: t,
+  expandedRows: c,
+  toggleExpanded: s,
+  onExploreQueryResultClick: l
+}) {
+  const d = e.items.map((i) => i.item), u = d.some(
+    (i) => i.result == null && i.error == null
+  );
+  return /* @__PURE__ */ y(
+    T.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.25 },
+      style: {
+        paddingTop: "12px",
+        paddingBottom: "12px",
+        borderBottom: "1px solid #eee",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: u ? "center" : "flex-start",
+        gap: "10px",
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              width: 32,
+              ...u ? {} : { paddingTop: 2 }
+            },
+            children: ur(d)
+          }
+        ),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "8px",
+              minWidth: 0,
+              flex: 1
+            },
+            children: [
+              /* @__PURE__ */ o(
+                "span",
+                {
+                  style: {
+                    fontSize: 12,
+                    color: "#888"
+                  },
+                  children: S(r.memorySearchExploreQueryTypeLabel, {
+                    name: e.memoryTypeName
+                  })
+                }
+              ),
+              e.items.map(({ item: i, flatIndex: a }) => {
+                var p;
+                const m = i.result != null, h = i.error != null, f = a === n && t && !m && !h, g = c[a] === !0, x = ((p = i.result) == null ? void 0 : p.items) ?? [];
+                return /* @__PURE__ */ y(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: 0,
+                      minWidth: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ y(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            flexDirection: "row",
+                            flexWrap: "wrap",
+                            alignItems: "baseline",
+                            gap: "6px 12px",
+                            minWidth: 0
+                          },
+                          children: [
+                            /* @__PURE__ */ o(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: 13,
+                                  fontWeight: 500,
+                                  color: "#333",
+                                  wordBreak: "break-word",
+                                  flex: "1 1 12rem",
+                                  minWidth: 0
+                                },
+                                children: f ? /* @__PURE__ */ o(
+                                  C,
+                                  {
+                                    text: i.query,
+                                    duration: 2.5,
+                                    repeat: !0,
+                                    color: "#999",
+                                    shimmerColor: "#000"
+                                  }
+                                ) : i.query
+                              }
+                            ),
+                            /* @__PURE__ */ y(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  alignItems: "center",
+                                  gap: "8px 12px",
+                                  flexShrink: 0
+                                },
+                                children: [
+                                  mr(i, r),
+                                  m && /* @__PURE__ */ o(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      onClick: () => s(a),
+                                      style: {
+                                        border: "none",
+                                        background: "none",
+                                        padding: 0,
+                                        cursor: "pointer",
+                                        fontSize: 12,
+                                        color: "#666",
+                                        textDecoration: "underline",
+                                        fontFamily: "inherit"
+                                      },
+                                      children: g ? r.memorySearchHideExploreResults : r.memorySearchViewExploreResults
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      m && g && /* @__PURE__ */ o(
+                        pr,
+                        {
+                          items: x,
+                          queryRow: i,
+                          onExploreQueryResultClick: l,
+                          t: r
+                        }
+                      )
+                    ]
+                  },
+                  `${e.memoryTypeId}-${a}-${i.query}`
+                );
+              })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const hr = ({
+  data: e,
+  isLatest: r = !1,
+  durationSeconds: n,
+  onExploreQueryResultClick: t,
+  t: c
+}) => {
+  const [s, l] = v(
+    {}
+  ), d = G((a) => {
+    l((m) => ({
+      ...m,
+      [a]: !m[a]
+    }));
+  }, []), u = D(() => {
+    let a = -1;
+    return e.queries.forEach((m, h) => {
+      m.result == null && m.error == null && (a = h);
+    }), a;
+  }, [e.queries]), i = D(
+    () => gr(e.queries),
+    [e.queries]
+  );
+  return /* @__PURE__ */ y("div", { style: { padding: "10px" }, children: [
+    r && !n && e.queries.length === 0 ? /* @__PURE__ */ o(
+      C,
+      {
+        text: c.memorySearchExploringQueries,
+        duration: 2.5,
+        repeat: !0,
+        color: "#999",
+        shimmerColor: "#000"
+      }
+    ) : i.map((a) => /* @__PURE__ */ o(
+      yr,
+      {
+        group: a,
+        t: c,
+        lastInFlightIndex: u,
+        isLatest: r,
+        expandedRows: s,
+        toggleExpanded: d,
+        onExploreQueryResultClick: t
+      },
+      a.memoryTypeId
+    )),
+    n !== void 0 && /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#999",
+          marginTop: "4px",
+          fontStyle: "italic"
+        },
+        children: S(c.tookSeconds, { n })
+      }
+    )
+  ] });
+}, fr = ({ data: e, onSearchResultClick: r, t: n }) => {
+  const t = e.response.items, c = !!r;
+  return /* @__PURE__ */ y("div", { style: { padding: "16px" }, children: [
+    /* @__PURE__ */ o(
+      T.div,
       {
         style: {
           marginBottom: "12px",
@@ -1891,7 +2593,7 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
         children: n.resultsHeading
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
         style: {
@@ -1899,27 +2601,27 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
           flexDirection: "column",
           gap: 0
         },
-        children: r.map((s, a) => {
-          const u = s.memory.title != null && s.memory.title !== "" ? s.memory.title : s.memory.id, d = Ze(
+        children: t.map((s, l) => {
+          const d = s.memory.title != null && s.memory.title !== "" ? s.memory.title : s.memory.id, u = te(
             s.chunks
-          ), o = [
-            et(s.memory),
+          ), i = [
+            oe(s.memory),
             S(n.scoreLabel, {
               n: s.score.toFixed(2)
             }),
-            d.length > 0 ? Qe(d, n) : n.pagesNotAvailable
+            u.length > 0 ? ne(u, n) : n.pagesNotAvailable
           ].filter(
             (m) => m != null && m !== ""
-          ), c = {
+          ), a = {
             memoryId: s.memory.id,
-            pageNumbers: d
+            pageNumbers: u
           };
-          return /* @__PURE__ */ f(
-            k.div,
+          return /* @__PURE__ */ y(
+            T.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
-              transition: { duration: 0.2, delay: a * 0.04 },
+              transition: { duration: 0.2, delay: l * 0.04 },
               style: {
                 display: "flex",
                 flexDirection: "row",
@@ -1927,11 +2629,11 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
                 gap: "12px",
                 paddingTop: "12px",
                 paddingBottom: "12px",
-                borderBottom: a < r.length - 1 ? "1px solid #eee" : void 0,
+                borderBottom: l < t.length - 1 ? "1px solid #eee" : void 0,
                 minWidth: 0
               },
               children: [
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -1942,7 +2644,7 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
                       gap: "6px"
                     },
                     children: [
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ o(
                         "span",
                         {
                           style: {
@@ -1950,10 +2652,10 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
                             fontWeight: 600,
                             color: "#333"
                           },
-                          children: u
+                          children: d
                         }
                       ),
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ o(
                         "span",
                         {
                           style: {
@@ -1963,10 +2665,10 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
                             whiteSpace: "pre-wrap",
                             wordBreak: "break-word"
                           },
-                          children: Ye(s.chunks)
+                          children: re(s.chunks)
                         }
                       ),
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ o(
                         "div",
                         {
                           style: {
@@ -1975,17 +2677,17 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
                             color: "#94a3b8",
                             lineHeight: 1.35
                           },
-                          children: o.join(" · ")
+                          children: i.join(" · ")
                         }
                       )
                     ]
                   }
                 ),
-                l && /* @__PURE__ */ i(
+                c && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
-                    onClick: () => t(c),
+                    onClick: () => r(a),
                     style: {
                       flexShrink: 0,
                       alignSelf: "center",
@@ -2004,14 +2706,14 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
                 )
               ]
             },
-            `${s.memory.id}-${a}`
+            `${s.memory.id}-${l}`
           );
         })
       }
     )
   ] });
-}, nt = ({ message: e }) => /* @__PURE__ */ i("div", { style: { padding: "16px" }, children: /* @__PURE__ */ i(
-  k.div,
+}, Sr = ({ message: e }) => /* @__PURE__ */ o("div", { style: { padding: "16px" }, children: /* @__PURE__ */ o(
+  T.div,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
@@ -2021,7 +2723,7 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
       alignItems: "flex-start",
       gap: "10px"
     },
-    children: /* @__PURE__ */ i(
+    children: /* @__PURE__ */ o(
       "span",
       {
         style: {
@@ -2033,118 +2735,140 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
       }
     )
   }
-) }), rt = ({
+) }), xr = ({
   progressViewItems: e,
-  loadingText: t,
+  loadingText: r,
   t: n,
-  onSourceClick: r,
-  onSearchResultClick: l
+  onSourceClick: t,
+  onSearchResultClick: c,
+  onExploreQueryResultClick: s
 }) => {
-  const s = F(null);
-  A(() => {
-    s.current && (s.current.scrollTop = s.current.scrollHeight);
+  const l = A(null);
+  I(() => {
+    l.current && (l.current.scrollTop = l.current.scrollHeight);
   }, [e.length]);
-  const a = (d) => {
-    const o = d.item.data;
-    if (o.taskType === "StreamingChatCompletion" && o.eventType === "Text")
-      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) {
+  const d = (i) => {
+    const a = i.item.data;
+    if (a.taskType === "StreamingChatCompletion" && a.eventType === "Text")
+      return /* @__PURE__ */ o(V, { text: a.text });
+    if (a.taskType === "StructuredChatCompletion" && a.eventType === "Completed")
+      return /* @__PURE__ */ o(Oe, { data: a });
+    if (a.taskType === "MemoryChatCompletion")
+      switch (a.eventType) {
         case "Text":
-          return /* @__PURE__ */ i(U, { text: o.text });
+          return /* @__PURE__ */ o(V, { text: a.text });
         case "FindMemories":
-          return /* @__PURE__ */ i(
-            Re,
+          return /* @__PURE__ */ o(
+            He,
             {
-              data: o,
-              isLatest: d.isLatest,
-              durationSeconds: d.durationSeconds,
+              data: a,
+              isLatest: i.isLatest,
+              durationSeconds: i.durationSeconds,
               t: n
             }
           );
         case "FindMemoriesResult":
-          return /* @__PURE__ */ i(
-            Oe,
+          return /* @__PURE__ */ o(
+            $e,
             {
-              data: o,
+              data: a,
               t: n
             }
           );
         case "Search":
-          return /* @__PURE__ */ i(
-            De,
+          return /* @__PURE__ */ o(
+            Ne,
             {
-              data: o,
-              isLatest: d.isLatest,
-              durationSeconds: d.durationSeconds,
+              data: a,
+              isLatest: i.isLatest,
+              durationSeconds: i.durationSeconds,
               t: n
             }
           );
         case "FindSources":
-          return /* @__PURE__ */ i(
-            Le,
+          return /* @__PURE__ */ o(
+            _e,
             {
-              data: o,
-              isLatest: d.isLatest,
-              durationSeconds: d.durationSeconds,
+              data: a,
+              isLatest: i.isLatest,
+              durationSeconds: i.durationSeconds,
               t: n
             }
           );
         case "SourcesResult":
-          return /* @__PURE__ */ i(
-            $e,
+          return /* @__PURE__ */ o(
+            Qe,
             {
-              data: o,
-              onSourceClick: r,
+              data: a,
+              onSourceClick: t,
               t: n
             }
           );
         case "ExploreMemories":
-          return /* @__PURE__ */ i(
-            He,
+          return /* @__PURE__ */ o(
+            Ve,
             {
-              data: o,
-              completed: d.completed,
-              isLatest: d.isLatest,
+              data: a,
+              completed: i.completed,
+              isLatest: i.isLatest,
               t: n
             }
           );
         case "ChunkResult":
-          return /* @__PURE__ */ i(je, { data: o, t: n });
+          return /* @__PURE__ */ o(Je, { data: a, t: n });
         case "Completed":
           return null;
       }
-    if (o.taskType === "MemorySearch")
-      switch (o.eventType) {
+    if (a.taskType === "MemorySearch")
+      switch (a.eventType) {
+        case "GeneratingQueries":
+          return /* @__PURE__ */ o(
+            lr,
+            {
+              data: a,
+              isLatest: i.isLatest,
+              durationSeconds: i.durationSeconds,
+              t: n
+            }
+          );
+        case "ExploreQueries":
+          return /* @__PURE__ */ o(
+            hr,
+            {
+              data: a,
+              isLatest: i.isLatest,
+              durationSeconds: i.durationSeconds,
+              onExploreQueryResultClick: s,
+              t: n
+            }
+          );
         case "SearchMemoryTypes":
-          return /* @__PURE__ */ i(
-            Xe,
+          return /* @__PURE__ */ o(
+            rr,
             {
-              data: o,
-              isLatest: d.isLatest,
-              durationSeconds: d.durationSeconds,
+              data: a,
+              isLatest: i.isLatest,
+              durationSeconds: i.durationSeconds,
               t: n
             }
           );
         case "Completed":
-          return /* @__PURE__ */ i(
-            tt,
+          return /* @__PURE__ */ o(
+            fr,
             {
-              data: o,
-              onSearchResultClick: l,
+              data: a,
+              onSearchResultClick: c,
               t: n
             }
           );
       }
-    return o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" ? null : o.eventType === "Error" && "message" in o ? /* @__PURE__ */ i(nt, { message: o.message }) : null;
+    return a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" ? null : a.eventType === "Error" && "message" in a ? /* @__PURE__ */ o(Sr, { message: a.message }) : null;
   };
   if (e.length === 0)
-    return /* @__PURE__ */ i("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ i(
-      P,
+    return /* @__PURE__ */ o("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ o(
+      C,
       {
-        text: t ?? n.processingYourTask,
+        text: r ?? n.processingYourTask,
         duration: 1.5,
         repeat: !0,
         repeatDelay: 0,
@@ -2152,57 +2876,63 @@ const tt = ({ data: e, onSearchResultClick: t, t: n }) => {
         shimmerColor: "#000"
       }
     ) });
-  const u = e.filter((d, o) => {
-    const c = d.item.data;
-    return c.taskType === "MemoryChatCompletion" && c.eventType === "ExploreMemories" ? !e.slice(o + 1).some(
-      (h) => h.item.data.taskType === "MemoryChatCompletion" && h.item.data.eventType === "ExploreMemories"
+  const u = e.filter((i, a) => {
+    const m = i.item.data;
+    return m.taskType === "MemoryChatCompletion" && m.eventType === "ExploreMemories" ? !e.slice(a + 1).some(
+      (p) => p.item.data.taskType === "MemoryChatCompletion" && p.item.data.eventType === "ExploreMemories"
+    ) : m.taskType === "MemorySearch" && m.eventType === "GeneratingQueries" ? !e.slice(a + 1).some(
+      (p) => p.item.data.taskType === "MemorySearch" && p.item.data.eventType === "GeneratingQueries"
+    ) : m.taskType === "MemorySearch" && m.eventType === "ExploreQueries" ? !e.slice(a + 1).some(
+      (p) => p.item.data.taskType === "MemorySearch" && p.item.data.eventType === "ExploreQueries"
     ) : !0;
   });
-  return /* @__PURE__ */ i("div", { id: "agent-task-progress-verbose", ref: s, children: /* @__PURE__ */ i(q, { children: u.map((d, o) => /* @__PURE__ */ i(
-    k.div,
+  return /* @__PURE__ */ o("div", { id: "agent-task-progress-verbose", ref: l, children: /* @__PURE__ */ o(X, { children: u.map((i, a) => /* @__PURE__ */ o(
+    T.div,
     {
-      id: `agent-task-progress-item-${d.item.progressItemId}`,
+      id: `agent-task-progress-item-${i.item.progressItemId}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: {
         duration: 0.4,
-        delay: o * 0.1,
+        delay: a * 0.1,
         ease: "easeOut"
       },
-      children: a(d)
+      children: d(i)
     },
-    d.item.progressItemId
+    i.item.progressItemId
   )) }) });
-}, gt = ({
+}, Ar = ({
   agentTask: e,
-  mode: t = "verbose",
+  mode: r = "verbose",
   language: n,
-  onSourceClick: r,
-  onSearchResultClick: l
+  onSourceClick: t,
+  onSearchResultClick: c,
+  onExploreQueryResultClick: s
 }) => {
-  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,
+  const l = De(e), d = (e.params.type === "MemoryChatCompletion" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : n ?? "en", u = We(d);
+  return r === "simple" ? /* @__PURE__ */ o(
+    ze,
     {
-      progressViewItems: s,
+      progressViewItems: l,
       t: u
     }
-  ) : /* @__PURE__ */ i(
-    rt,
+  ) : /* @__PURE__ */ o(
+    xr,
     {
-      progressViewItems: s,
+      progressViewItems: l,
       loadingText: e.loadingText,
       t: u,
-      onSourceClick: r,
-      onSearchResultClick: l
+      onSourceClick: t,
+      onSearchResultClick: c,
+      onExploreQueryResultClick: s
     }
   );
 };
 export {
-  gt as AgentTaskProgress,
-  B as Checkmark,
-  ut as FencyProvider,
-  tt as MemorySearchCompletedResults,
-  Y as XMark,
-  mt as useAgentTasks
+  Ar as AgentTaskProgress,
+  z as Checkmark,
+  Mr as FencyProvider,
+  fr as MemorySearchCompletedResults,
+  j as XMark,
+  Ir as useAgentTasks
 };