@fencyai/react 0.1.206 → 0.1.207

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as r, Fragment as R } from "react/jsx-runtime";
 import { StreamEventManager as ze, StreamCacheManager as Be, toStreamData as Pe, taskReducer as Le, initialTaskStoreState as Ae, createAgentTaskFileDownloadLink as De, isTerminalAgentTaskEventData as We, agentTaskErrorFromEventData as $e, shouldAppendCompletedToProgress as Ne, getTerminalCreateAgentTaskResponse as He, createAgentTask as Ge, mapCreateAgentTaskParams as Oe, parseAgentTaskFileIdFromFencyFileHref as _e, parseAgentTaskMemoryFromFencyMemHref as qe } from "@fencyai/js";
-import { StreamEventManager as $n } from "@fencyai/js";
-import Ue, { createContext as fe, useState as w, useRef as A, useEffect as H, useCallback as L, useContext as xe, useReducer as Qe, useMemo as z, useLayoutEffect as je } from "react";
+import { StreamEventManager as Gn } from "@fencyai/js";
+import Ue, { createContext as fe, useState as w, useRef as A, useEffect as H, useCallback as L, useContext as xe, useReducer as je, useMemo as z, useLayoutEffect as Qe } from "react";
 import { motion as v, useInView as Ke, AnimatePresence as Ve } from "motion/react";
 import Xe from "react-markdown";
 import { Prism as ke } from "react-syntax-highlighter";
@@ -9,60 +9,60 @@ import Ye from "remark-gfm";
 import './assets/index.css';const Se = fe(
   void 0
 );
-function Pn({
+function Dn({
   fency: e,
   fetchCreateStreamClientToken: o,
   children: t
 }) {
   const [n, i] = w(
     null
-  ), [a, l] = w(!0), [d, p] = w(null), [u, g] = w([]), h = A(null), x = A(null);
+  ), [a, l] = w(!0), [c, p] = w(null), [u, g] = w([]), h = A(null), x = A(null);
   H(() => {
-    e.then((c) => {
-      i(c), l(!1);
-    }).catch((c) => {
-      p(c), l(!1);
+    e.then((d) => {
+      i(d), l(!1);
+    }).catch((d) => {
+      p(d), l(!1);
     });
   }, [e]), H(() => {
     if (!n) return;
     x.current || (x.current = new ze(n));
-    const c = new Be(
+    const d = new Be(
       n,
       o
     );
-    h.current = c, c.startPeriodicCleanup();
-    const f = c.onChange((S) => {
+    h.current = d, d.startPeriodicCleanup();
+    const f = d.onChange((S) => {
       var M;
       g(S), (M = x.current) == null || M.updateStreams(S);
     });
     return () => {
       var S;
-      f(), c.destroy(), h.current = null, (S = x.current) == null || S.cleanup(), x.current = null;
+      f(), d.destroy(), h.current = null, (S = x.current) == null || S.cleanup(), x.current = null;
     };
   }, [n, o]);
-  const b = L(
-    async (c) => {
+  const T = L(
+    async (d) => {
       if (!h.current)
         throw new Error("Fency instance not initialized");
-      return h.current.getOrCreateStream(c);
+      return h.current.getOrCreateStream(d);
     },
     []
   );
-  if (d)
+  if (c)
     return /* @__PURE__ */ m("div", { children: [
       "Fency error: ",
-      d.message
+      c.message
     ] });
   if (!n)
     return null;
   const y = u.length > 0 ? u[u.length - 1] : null, s = {
     fency: n,
     loading: a,
-    error: d,
+    error: c,
     activeStreams: u,
     latestStream: y,
     eventManager: x.current,
-    getOrCreateStream: b
+    getOrCreateStream: T
   };
   return /* @__PURE__ */ r(Se.Provider, { value: s, children: t });
 }
@@ -80,7 +80,7 @@ const Je = (e) => {
     if (!o.eventManager) return;
     const l = {
       onMessage: (p, u) => {
-        var h, x, b;
+        var h, x, T;
         const g = Pe(p);
         if (g)
           switch (g.type) {
@@ -91,7 +91,7 @@ const Je = (e) => {
               (x = e == null ? void 0 : e.onStreamNotFound) == null || x.call(e, g);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
-              (b = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || b.call(e, g);
+              (T = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || T.call(e, g);
               break;
           }
       },
@@ -143,15 +143,15 @@ function Ze(e) {
   }
   return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown error during agent task creation";
 }
-const Ln = (e) => {
-  const o = be(), [t, n] = Qe(Le, Ae), i = A(/* @__PURE__ */ new Set()), a = A(/* @__PURE__ */ new Map()), l = A(/* @__PURE__ */ new Map()), d = L(
+const Wn = (e) => {
+  const o = be(), [t, n] = je(Le, Ae), i = A(/* @__PURE__ */ new Set()), a = A(/* @__PURE__ */ new Map()), l = A(/* @__PURE__ */ new Map()), c = L(
     (y) => {
       if (y)
         return async (s) => {
-          const { clientToken: c } = await y(s), f = await De({
+          const { clientToken: d } = await y(s), f = await De({
             pk: o.fency.publishableKey,
             baseUrl: o.fency.baseUrl,
-            clientToken: c,
+            clientToken: d,
             agentTaskFileId: s
           });
           if (f.type === "error")
@@ -163,14 +163,14 @@ const Ln = (e) => {
     [o.fency.baseUrl, o.fency.publishableKey]
   ), p = L(
     (y, s) => {
-      const c = t.tasks.filter(
+      const d = t.tasks.filter(
         (f) => {
           var S;
           return f.streamId === y && f.loading && ((S = f.confirmedData) == null ? void 0 : S.taskId);
         }
       ).map((f) => f.confirmedData.taskId);
       n({ type: "STREAM_FAILURE", streamId: y, error: s });
-      for (const f of c) {
+      for (const f of d) {
         i.current.delete(f);
         const S = a.current.get(f);
         S && (a.current.delete(f), S({ type: "error", error: s }));
@@ -179,7 +179,7 @@ const Ln = (e) => {
     [t.tasks]
   ), u = L(
     (y) => {
-      var c;
+      var d;
       if (!i.current.has(y.agentTaskId)) return;
       const s = y.data;
       if (We(s)) {
@@ -217,7 +217,7 @@ const Ln = (e) => {
         }
         return;
       }
-      (c = e.onAgentTaskProgressItemUpdated) == null || c.call(e, y), n({ type: "PROGRESS_ITEM", item: y });
+      (d = e.onAgentTaskProgressItemUpdated) == null || d.call(e, y), n({ type: "PROGRESS_ITEM", item: y });
     },
     [e]
   ), { createStream: g } = Je({
@@ -243,7 +243,7 @@ const Ln = (e) => {
   }), h = L(
     async (y, s) => {
       var D;
-      const c = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, f = (s == null ? void 0 : s.fetchCreateAgentTaskClientToken) ?? e.fetchCreateAgentTaskClientToken;
+      const d = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, f = (s == null ? void 0 : s.fetchCreateAgentTaskClientToken) ?? e.fetchCreateAgentTaskClientToken;
       if (f === void 0)
         throw new Error(
           "fetchCreateAgentTaskClientToken must be provided either in useAgentTasks props or in createAgentTask options"
@@ -251,7 +251,7 @@ const Ln = (e) => {
       const S = (s == null ? void 0 : s.fetchAgentTaskFileDownloadClientToken) ?? e.fetchAgentTaskFileDownloadClientToken, M = await g();
       if (M.type === "success") {
         const W = (/* @__PURE__ */ new Date()).toISOString(), B = {
-          taskKey: c,
+          taskKey: d,
           streamId: M.stream.id,
           triggeredAt: W,
           confirmedData: null,
@@ -263,7 +263,7 @@ const Ln = (e) => {
         };
         n({ type: "TASK_PENDING", task: B }), (D = s == null ? void 0 : s.onTaskRegistered) == null || D.call(s, {
           ...B,
-          downloadFile: d(
+          downloadFile: c(
             S
           )
         });
@@ -279,7 +279,7 @@ const Ln = (e) => {
             i.current.add(
               I.agentTask.id
             );
-            const G = d(
+            const G = c(
               S
             );
             return G && l.current.set(
@@ -287,7 +287,7 @@ const Ln = (e) => {
               G
             ), n({
               type: "TASK_CONFIRMED",
-              taskKey: c,
+              taskKey: d,
               taskId: I.agentTask.id,
               createdAt: I.agentTask.createdAt
             }), await new Promise(
@@ -302,7 +302,7 @@ const Ln = (e) => {
             if (I.type === "error")
               return n({
                 type: "TASK_API_ERROR",
-                taskKey: c,
+                taskKey: d,
                 error: I.error
               }), {
                 type: "error",
@@ -315,7 +315,7 @@ const Ln = (e) => {
               };
               return n({
                 type: "TASK_API_ERROR",
-                taskKey: c,
+                taskKey: d,
                 error: G
               }), {
                 type: "error",
@@ -330,7 +330,7 @@ const Ln = (e) => {
           };
           return n({
             type: "TASK_API_ERROR",
-            taskKey: c,
+            taskKey: d,
             error: I
           }), {
             type: "error",
@@ -342,7 +342,7 @@ const Ln = (e) => {
     },
     [
       o,
-      d,
+      c,
       g,
       e.fetchCreateAgentTaskClientToken,
       e.fetchAgentTaskFileDownloadClientToken
@@ -353,7 +353,7 @@ const Ln = (e) => {
       ...y,
       downloadFile: (s = y.confirmedData) != null && s.taskId ? l.current.get(y.confirmedData.taskId) : void 0
     };
-  }), [t.tasks]), b = z(() => {
+  }), [t.tasks]), T = z(() => {
     if (x.length !== 0)
       return [...x].sort((y, s) => new Date(s.triggeredAt).getTime() - new Date(y.triggeredAt).getTime())[0];
   }, [x]);
@@ -362,7 +362,7 @@ const Ln = (e) => {
   }, []), {
     agentTasks: x,
     createAgentTask: h,
-    latest: b
+    latest: T
   };
 };
 function er(e) {
@@ -380,10 +380,10 @@ function nr(e) {
     const n = rr(e.progressItems, t), i = n != null;
     let a;
     if (n != null && n.createdAt) {
-      const l = new Date(o.createdAt).getTime(), d = new Date(n.createdAt).getTime();
+      const l = new Date(o.createdAt).getTime(), c = new Date(n.createdAt).getTime();
       a = Math.max(
         0,
-        Math.round((d - l) / 1e3)
+        Math.round((c - l) / 1e3)
       );
     }
     return {
@@ -1098,7 +1098,7 @@ function ar({
   );
   return /* @__PURE__ */ r(ve.Provider, { value: t, children: o });
 }
-function T() {
+function b() {
   return xe(ve);
 }
 function we(e) {
@@ -1109,11 +1109,11 @@ const N = ({
   onFileDownload: o,
   onMemoryClick: t
 }) => {
-  const { theme: n } = T(), i = we(n), [a, l] = w(
+  const { theme: n } = b(), i = we(n), [a, l] = w(
     null
-  ), [d, p] = w(
+  ), [c, p] = w(
     null
-  ), [u, g] = w(!1), [h, x] = w(!1), b = L(
+  ), [u, g] = w(!1), [h, x] = w(!1), T = L(
     (f) => {
       o && (l(null), g(!0), (async () => {
         try {
@@ -1166,7 +1166,7 @@ const N = ({
             type: "button",
             className: "fency-file-download-button",
             disabled: u,
-            onClick: () => b(W),
+            onClick: () => T(W),
             children: S
           }
         ) }) : /* @__PURE__ */ r("span", { className: "fency-file-download-wrap", children: /* @__PURE__ */ r(
@@ -1214,19 +1214,19 @@ const N = ({
   }), [
     u,
     h,
-    b,
+    T,
     y,
     o,
     t,
     i
-  ]), c = a ?? d;
+  ]), d = a ?? c;
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
-    c ? /* @__PURE__ */ r(
+    d ? /* @__PURE__ */ r(
       "p",
       {
         role: "alert",
         style: { color: "#b91c1c", marginBottom: 8, fontSize: 14 },
-        children: c
+        children: d
       }
     ) : null,
     /* @__PURE__ */ r(
@@ -1248,7 +1248,7 @@ const N = ({
     )
   ] });
 }, lr = ({ data: e }) => {
-  const { theme: o } = T(), t = we(o), n = e.response.jsonResponse;
+  const { theme: o } = b(), t = we(o), n = e.response.jsonResponse;
   let i;
   try {
     i = JSON.stringify(JSON.parse(n), null, 2);
@@ -1353,6 +1353,7 @@ const N = ({
     exploreExporting: "Loading {n} memory files...",
     exploreExportingOne: "Loading memory data...",
     exploreRunCode: "Analyzing: {title}",
+    exploreComposeHtmlReport: "Composing report: {title}",
     exploreSetupSandbox: "Setting up environment...",
     exploreSetupSandboxPhrases: [
       "Spelunking...",
@@ -1474,6 +1475,7 @@ const N = ({
     exploreExporting: "Laster {n} minnefiler...",
     exploreExportingOne: "Laster data...",
     exploreRunCode: "Analyserer: {title}",
+    exploreComposeHtmlReport: "Lager rapport: {title}",
     exploreSetupSandbox: "Setter opp miljø...",
     exploreSetupSandboxPhrases: [
       "Spelunker...",
@@ -1521,7 +1523,7 @@ function k(e, o) {
     e
   );
 }
-function j(e, o) {
+function Q(e, o) {
   const t = e.map((n) => `'${n}'`);
   if (o != null && t.length >= 2) {
     const n = t.pop();
@@ -1537,18 +1539,18 @@ function C({
   repeatDelay: i = 0.5,
   className: a,
   startOnView: l = !1,
-  once: d = !1,
+  once: c = !1,
   inViewMargin: p,
   spread: u = 2,
   color: g,
   shimmerColor: h,
   direction: x = "fromBottom"
 }) {
-  const { colors: b } = T(), y = g ?? b.shimmerBase, s = h ?? b.shimmerHighlight, c = A(null), f = Ke(c, { once: d, margin: p }), S = z(() => e.length * u, [e, u]), M = !l || f, D = x === "fromBottom" ? "100% center" : "-100% center", W = x === "fromBottom" ? "0% center" : "200% center";
+  const { colors: T } = b(), y = g ?? T.shimmerBase, s = h ?? T.shimmerHighlight, d = A(null), f = Ke(d, { once: c, margin: p }), S = z(() => e.length * u, [e, u]), M = !l || f, D = x === "fromBottom" ? "100% center" : "-100% center", W = x === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ r(
     v.span,
     {
-      ref: c,
+      ref: d,
       className: a,
       style: {
         position: "relative",
@@ -1591,10 +1593,10 @@ function C({
   );
 }
 const X = 5, q = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n, compactBelow: i = !1 }) => {
-  const { colors: a } = T(), [l, d] = w(!1), u = (e.memories ?? []).map((S) => S.memoryTitle), g = u.length > 0, h = g && u.length > X, x = h && !l ? u.slice(0, X) : u, b = u.length - X, y = !h || l, s = `${n.searchingFor}'${e.queryDescription}'`, c = g ? `${n.searchingIn}${j(
+  const { colors: a } = b(), [l, c] = w(!1), u = (e.memories ?? []).map((S) => S.memoryTitle), g = u.length > 0, h = g && u.length > X, x = h && !l ? u.slice(0, X) : u, T = u.length - X, y = !h || l, s = `${n.searchingFor}'${e.queryDescription}'`, d = g ? `${n.searchingIn}${Q(
     x,
     y ? n.and : void 0
-  )}` : "", f = g ? `${s}${c}` : `${n.searchingPrefix}${e.queryDescription}`;
+  )}` : "", f = g ? `${s}${d}` : `${n.searchingPrefix}${e.queryDescription}`;
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1615,7 +1617,7 @@ const X = 5, q = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n, compact
                   e.queryDescription,
                   "'"
                 ] }),
-                c
+                d
               ] }) : `${n.searchingPrefix}${e.queryDescription}` }),
               h && !l && /* @__PURE__ */ m(R, { children: [
                 " ",
@@ -1623,7 +1625,7 @@ const X = 5, q = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n, compact
                   "button",
                   {
                     type: "button",
-                    onClick: () => d(!0),
+                    onClick: () => c(!0),
                     style: {
                       background: "none",
                       border: "none",
@@ -1636,7 +1638,7 @@ const X = 5, q = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n, compact
                       fontFamily: "inherit"
                     },
                     children: k(n.moreMemories, {
-                      n: b
+                      n: T
                     })
                   }
                 )
@@ -1647,7 +1649,7 @@ const X = 5, q = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n, compact
                   "button",
                   {
                     type: "button",
-                    onClick: () => d(!1),
+                    onClick: () => c(!1),
                     style: {
                       background: "none",
                       border: "none",
@@ -1686,7 +1688,7 @@ const X = 5, q = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n, compact
   size: o = 24,
   borderWidth: t = 7
 }) => {
-  const { colors: n } = T(), i = e ?? n.checkmarkColor, a = o * 0.5;
+  const { colors: n } = b(), i = e ?? n.checkmarkColor, a = o * 0.5;
   return /* @__PURE__ */ r(
     "span",
     {
@@ -1787,7 +1789,7 @@ function gr({
   onSearchResultClick: o,
   t
 }) {
-  const { colors: n } = T(), [i, a] = w(null), l = !!o;
+  const { colors: n } = b(), [i, a] = w(null), l = !!o;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -1799,24 +1801,24 @@ function gr({
         paddingTop: 8,
         borderTop: `1px solid ${n.borderDivider}`
       },
-      children: e.map((d, p) => {
+      children: e.map((c, p) => {
         const u = oe(
-          d.chunks
+          c.chunks
         ), g = [
-          te(d),
+          te(c),
           k(t.scoreLabel, {
-            n: d.matchingChunkScore.toFixed(2)
+            n: c.matchingChunkScore.toFixed(2)
           }),
           u.length > 0 ? ne(u, t) : t.pagesNotAvailable
         ].filter(
           (y) => y != null && y !== ""
         ), h = {
-          memoryId: d.memoryId,
-          memoryTitle: d.memoryTitle,
-          memoryTypeId: d.memoryTypeId,
-          memoryTypeName: d.memoryTypeName,
+          memoryId: c.memoryId,
+          memoryTitle: c.memoryTitle,
+          memoryTypeId: c.memoryTypeId,
+          memoryTypeName: c.memoryTypeName,
           pageNumbers: u
-        }, x = `${d.memoryId}-${p}`, b = i === x;
+        }, x = `${c.memoryId}-${p}`, T = i === x;
         return /* @__PURE__ */ m(
           "div",
           {
@@ -1852,7 +1854,7 @@ function gr({
                           whiteSpace: "pre-wrap",
                           wordBreak: "break-word"
                         },
-                        children: re(d.chunks)
+                        children: re(c.chunks)
                       }
                     ),
                     /* @__PURE__ */ r(
@@ -1874,8 +1876,8 @@ function gr({
                 "button",
                 {
                   type: "button",
-                  "aria-busy": b,
-                  disabled: b,
+                  "aria-busy": T,
+                  disabled: T,
                   onClick: async () => {
                     a(x);
                     try {
@@ -1896,14 +1898,14 @@ function gr({
                     background: n.bgChip,
                     border: `1px solid ${n.bgChipBorder}`,
                     borderRadius: 6,
-                    cursor: b ? "wait" : "pointer",
+                    cursor: T ? "wait" : "pointer",
                     fontFamily: "inherit",
                     display: "inline-flex",
                     alignItems: "center",
                     gap: 8
                   },
                   children: [
-                    b && /* @__PURE__ */ r(
+                    T && /* @__PURE__ */ r(
                       "span",
                       {
                         className: "explore-memory-loader explore-memory-loader--callback",
@@ -1929,7 +1931,7 @@ function hr({
   onToggle: n,
   onSearchResultClick: i
 }) {
-  const { colors: a } = T(), l = e.items.map((p) => p.item), d = l.some((p) => p.chunks.length > 0);
+  const { colors: a } = b(), l = e.items.map((p) => p.item), c = l.some((p) => p.chunks.length > 0);
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -2007,7 +2009,7 @@ function hr({
                         children: ur(l, o)
                       }
                     ),
-                    d && /* @__PURE__ */ r(
+                    c && /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
@@ -2028,7 +2030,7 @@ function hr({
                   ]
                 }
               ),
-              t && d && /* @__PURE__ */ r(
+              t && c && /* @__PURE__ */ r(
                 gr,
                 {
                   items: l,
@@ -2052,17 +2054,17 @@ const ie = ({
   t,
   compactTop: n = !1
 }) => {
-  const { colors: i } = T(), a = e.items, l = a.reduce(
-    (s, c) => s + Ce(c),
+  const { colors: i } = b(), a = e.items, l = a.reduce(
+    (s, d) => s + Ce(d),
     0
-  ), d = new Set(a.map((s) => s.memoryId)).size, [p, u] = w({}), g = L((s) => {
-    u((c) => ({
-      ...c,
-      [s]: !c[s]
+  ), c = new Set(a.map((s) => s.memoryId)).size, [p, u] = w({}), g = L((s) => {
+    u((d) => ({
+      ...d,
+      [s]: !d[s]
     }));
-  }, []), h = z(() => mr(a), [a]), x = d === 1 ? t.memoryChatChunkResultsInOneMemory : k(t.memoryChatChunkResultsInMemories, {
-    n: d
-  }), b = `${yr(l, t)} ${x}`, y = n ? { paddingBottom: "10px" } : { paddingBlock: "10px" };
+  }, []), h = z(() => mr(a), [a]), x = c === 1 ? t.memoryChatChunkResultsInOneMemory : k(t.memoryChatChunkResultsInMemories, {
+    n: c
+  }), T = `${yr(l, t)} ${x}`, y = n ? { paddingBottom: "10px" } : { paddingBlock: "10px" };
   return a.length === 0 ? /* @__PURE__ */ r("div", { style: y, children: /* @__PURE__ */ r(
     "div",
     {
@@ -2094,7 +2096,7 @@ const ie = ({
           marginTop: "4px",
           fontStyle: "italic"
         },
-        children: b
+        children: T
       }
     )
   ] });
@@ -2149,7 +2151,7 @@ const xr = ({
     )
   ] });
 }, Y = 5, kr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
-  const { colors: i } = T(), [a, l] = w(!1), d = e.titles, p = d.length > 0, u = p && d.length > Y, g = u && !a ? d.slice(0, Y) : d, h = d.length - Y, x = !u || a, b = p ? `${n.findingMemoriesIn}${j(
+  const { colors: i } = b(), [a, l] = w(!1), c = e.titles, p = c.length > 0, u = p && c.length > Y, g = u && !a ? c.slice(0, Y) : c, h = c.length - Y, x = !u || a, T = p ? `${n.findingMemoriesIn}${Q(
     g,
     x ? n.and : void 0
   )}` : n.findingMemories;
@@ -2163,8 +2165,8 @@ const xr = ({
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.3, delay: 0 },
-        children: o && !t && !u ? /* @__PURE__ */ r(C, { text: b, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ m(R, { children: [
-          /* @__PURE__ */ r("span", { style: { color: i.textSecondary }, children: b }),
+        children: o && !t && !u ? /* @__PURE__ */ r(C, { text: T, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ m(R, { children: [
+          /* @__PURE__ */ r("span", { style: { color: i.textSecondary }, children: T }),
           u && !a && /* @__PURE__ */ m(R, { children: [
             " ",
             /* @__PURE__ */ r(
@@ -2228,7 +2230,7 @@ const xr = ({
     )
   ] });
 }, J = 5, Sr = ({ data: e, t: o }) => {
-  const { colors: t } = T(), [n, i] = w(!1), l = e.memories.map((y) => y.memoryTitle), d = l.length > 0, p = d && l.length > J, u = p && !n ? l.slice(0, J) : l, g = l.length - J, h = !p || n, x = l.length === 1 ? o.memoryFound : o.memoriesFoundPrefix, b = d ? `${x}${j(
+  const { colors: t } = b(), [n, i] = w(!1), l = e.memories.map((y) => y.memoryTitle), c = l.length > 0, p = c && l.length > J, u = p && !n ? l.slice(0, J) : l, g = l.length - J, h = !p || n, x = l.length === 1 ? o.memoryFound : o.memoriesFoundPrefix, T = c ? `${x}${Q(
     u,
     h ? o.and : void 0
   )}` : o.memoriesFound;
@@ -2240,7 +2242,7 @@ const xr = ({
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, delay: 0 },
       children: /* @__PURE__ */ m(R, { children: [
-        /* @__PURE__ */ r("span", { style: { color: t.textSecondary }, children: b }),
+        /* @__PURE__ */ r("span", { style: { color: t.textSecondary }, children: T }),
         p && !n && /* @__PURE__ */ m(R, { children: [
           " ",
           /* @__PURE__ */ r(
@@ -2291,7 +2293,7 @@ const xr = ({
     }
   ) });
 }, ce = ({ isLatest: e = !1, durationSeconds: o, t }) => {
-  const { colors: n } = T(), i = t.addingSources;
+  const { colors: n } = b(), i = t.addingSources;
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -2335,7 +2337,7 @@ function br(e, o) {
   return k(o.pageMultiple, { list: n, n: t });
 }
 const Me = ({ data: e, onSourceClick: o, t }) => {
-  const { colors: n } = T(), [i, a] = w(null);
+  const { colors: n } = b(), [i, a] = w(null);
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -2354,11 +2356,11 @@ const Me = ({ data: e, onSourceClick: o, t }) => {
         children: t.sources
       }
     ),
-    /* @__PURE__ */ r("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ r("span", { style: { fontSize: "13px", color: n.textTertiary }, children: t.noSources }) : e.sources.map((l, d) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: e.sources.length === 0 ? /* @__PURE__ */ r("span", { style: { fontSize: "13px", color: n.textTertiary }, children: t.noSources }) : e.sources.map((l, c) => /* @__PURE__ */ r(
       Tr,
       {
         source: l,
-        index: d,
+        index: c,
         loadingMemoryId: i,
         setLoadingMemoryId: a,
         onSourceClick: o,
@@ -2375,7 +2377,7 @@ const Me = ({ data: e, onSourceClick: o, t }) => {
   onSourceClick: i,
   t: a
 }) => {
-  const { colors: l } = T(), [d, p] = w(!1), u = !!i, g = t === e.memoryId, h = e.pageNumbers ?? [], x = br(h, a);
+  const { colors: l } = b(), [c, p] = w(!1), u = !!i, g = t === e.memoryId, h = e.pageNumbers ?? [], x = br(h, a);
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -2406,7 +2408,7 @@ const Me = ({ data: e, onSourceClick: o, t }) => {
         padding: "8px 12px",
         borderRadius: "6px",
         border: `1px solid ${l.borderStrong}`,
-        backgroundColor: d ? l.sourcesBadgeBg : l.transparent,
+        backgroundColor: c ? l.sourcesBadgeBg : l.transparent,
         cursor: u && !g ? "pointer" : g ? "wait" : "default",
         transition: "background-color 0.15s ease",
         userSelect: "none",
@@ -2445,10 +2447,10 @@ const Me = ({ data: e, onSourceClick: o, t }) => {
   size: o = 32,
   lineWidth: t = 2
 }) => {
-  const { colors: n } = T(), i = e ?? n.xmarkColor, a = o + 1, l = (o - t) / 2, d = (o - a) / 2, p = {
+  const { colors: n } = b(), i = e ?? n.xmarkColor, a = o + 1, l = (o - t) / 2, c = (o - a) / 2, p = {
     position: "absolute",
     left: l,
-    top: d,
+    top: c,
     width: t,
     height: a,
     backgroundColor: i
@@ -2497,7 +2499,7 @@ function wr({
   completed: o,
   t
 }) {
-  const { colors: n } = T(), [i, a] = w(!1), l = e.result ?? e.error, d = l != null && l.length > de, p = l != null ? i || !d ? l : `${l.slice(0, de)}...` : void 0, u = d, g = e.error != null;
+  const { colors: n } = b(), [i, a] = w(!1), l = e.result ?? e.error, c = l != null && l.length > de, p = l != null ? i || !c ? l : `${l.slice(0, de)}...` : void 0, u = c, g = e.error != null;
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -2597,7 +2599,7 @@ function Er({
   item: e,
   t: o
 }) {
-  const { colors: t } = T(), [n, i] = w(!1), a = e.description ?? "", l = a.length > pe, d = a.length === 0 ? void 0 : n || !l ? a : `${a.slice(0, pe)}...`;
+  const { colors: t } = b(), [n, i] = w(!1), a = e.description ?? "", l = a.length > pe, c = a.length === 0 ? void 0 : n || !l ? a : `${a.slice(0, pe)}...`;
   return /* @__PURE__ */ m(
     "div",
     {
@@ -2645,7 +2647,7 @@ function Er({
             ]
           }
         ),
-        d != null && /* @__PURE__ */ m(R, { children: [
+        c != null && /* @__PURE__ */ m(R, { children: [
           /* @__PURE__ */ r(
             "span",
             {
@@ -2658,7 +2660,7 @@ function Er({
                 wordBreak: "break-word",
                 cursor: l ? "pointer" : "default"
               },
-              children: d
+              children: c
             }
           ),
           l && /* @__PURE__ */ r(
@@ -2692,7 +2694,7 @@ function Rr({
   durationSeconds: t,
   t: n
 }) {
-  const { colors: i } = T(), a = Ee(e, n);
+  const { colors: i } = b(), a = Ee(e, n);
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -2722,7 +2724,7 @@ function Ir({
   data: e,
   t: o
 }) {
-  const { colors: t } = T(), [n, i] = w(!1), a = z(() => [...e.results ?? []].sort((g, h) => g.rank - h.rank), [e.results]), l = a.length, d = l === 1 ? o.googleResultFound : k(o.googleResultsFound, { n: l }), p = Ee(e, o);
+  const { colors: t } = b(), [n, i] = w(!1), a = z(() => [...e.results ?? []].sort((g, h) => g.rank - h.rank), [e.results]), l = a.length, c = l === 1 ? o.googleResultFound : k(o.googleResultsFound, { n: l }), p = Ee(e, o);
   return l === 0 ? /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r("span", { style: { color: t.textSecondary }, children: p }),
     /* @__PURE__ */ r(
@@ -2762,7 +2764,7 @@ function Ir({
                 color: t.textSecondary,
                 whiteSpace: "nowrap"
               },
-              children: d
+              children: c
             }
           ),
           /* @__PURE__ */ r(
@@ -2872,9 +2874,9 @@ function Dr({
   t: o,
   isLatest: t = !1
 }) {
-  const { colors: n } = T(), i = e.error ?? e.summary ?? "", a = i.length > 0, l = e.error != null, d = A(null), p = e.summary != null && e.summary !== "", u = Re(e, o), g = l || p || !a && u != null, h = e.error == null && (e.summary == null || e.summary === "");
+  const { colors: n } = b(), i = e.error ?? e.summary ?? "", a = i.length > 0, l = e.error != null, c = A(null), p = e.summary != null && e.summary !== "", u = Re(e, o), g = l || p || !a && u != null, h = e.error == null && (e.summary == null || e.summary === "");
   return H(() => {
-    const x = d.current;
+    const x = c.current;
     x != null && a && (x.scrollTop = x.scrollHeight);
   }, [i, a]), /* @__PURE__ */ m(
     v.div,
@@ -2950,7 +2952,7 @@ function Dr({
                   children: /* @__PURE__ */ r(
                     "div",
                     {
-                      ref: d,
+                      ref: c,
                       style: {
                         minHeight: Br,
                         maxHeight: Pr,
@@ -2979,7 +2981,7 @@ function Wr({
   item: e,
   t: o
 }) {
-  const { colors: t } = T(), [n, i] = w(!1), a = e.error ?? e.summary ?? "", l = e.error != null, d = a.length > ue, p = a.length === 0 ? void 0 : n || !d ? a : `${a.slice(0, ue)}...`, u = Re(e, o), g = e.error == null && (e.summary == null || e.summary === "") && e.status != null;
+  const { colors: t } = b(), [n, i] = w(!1), a = e.error ?? e.summary ?? "", l = e.error != null, c = a.length > ue, p = a.length === 0 ? void 0 : n || !c ? a : `${a.slice(0, ue)}...`, u = Re(e, o), g = e.error == null && (e.summary == null || e.summary === "") && e.status != null;
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -3056,19 +3058,19 @@ function Wr({
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    onClick: d ? () => i((h) => !h) : void 0,
+                    onClick: c ? () => i((h) => !h) : void 0,
                     style: {
                       fontSize: 12,
                       color: l ? t.textError : t.textSecondary,
                       lineHeight: 1.4,
                       whiteSpace: n ? "pre-wrap" : void 0,
                       wordBreak: "break-word",
-                      cursor: d ? "pointer" : "default"
+                      cursor: c ? "pointer" : "default"
                     },
                     children: p
                   }
                 ),
-                d && /* @__PURE__ */ r(
+                c && /* @__PURE__ */ r(
                   "span",
                   {
                     style: {
@@ -3121,7 +3123,7 @@ function $r({
   durationSeconds: t,
   t: n
 }) {
-  const { colors: i } = T(), a = e.input.urls, l = e.input.query, d = a.length, p = d === 1 ? k(n.scrapingPage, { query: l }) : k(n.scrapingPages, { n: d, query: l });
+  const { colors: i } = b(), a = e.input.urls, l = e.input.query, c = a.length, p = c === 1 ? k(n.scrapingPage, { query: l }) : k(n.scrapingPages, { n: c, query: l });
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -3152,12 +3154,12 @@ function Nr({
   isLatest: o = !1,
   t
 }) {
-  const { colors: n } = T(), [i, a] = w(!1), l = e.results ?? [], { successCount: d, errorCount: p } = z(() => {
-    let s = 0, c = 0;
+  const { colors: n } = b(), [i, a] = w(!1), l = e.results ?? [], { successCount: c, errorCount: p } = z(() => {
+    let s = 0, d = 0;
     for (const f of l)
-      f.error != null ? c += 1 : s += 1;
-    return { successCount: s, errorCount: c };
-  }, [l]), u = l.length, g = e.input.query, h = l.length > 0 && l.every((s) => zr(s)), x = o && !h ? u === 1 ? k(t.scrapingPage, { query: g }) : k(t.scrapingPages, { n: u, query: g }) : u === 1 ? t.scrapedPage : k(t.scrapedPages, { n: u }), b = k(t.scrapeOkCount, { n: d }), y = p > 0 ? `${x} - ${b}, ${k(t.scrapeFailedCount, { n: p })}` : `${x} - ${b}`;
+      f.error != null ? d += 1 : s += 1;
+    return { successCount: s, errorCount: d };
+  }, [l]), u = l.length, g = e.input.query, h = l.length > 0 && l.every((s) => zr(s)), x = o && !h ? u === 1 ? k(t.scrapingPage, { query: g }) : k(t.scrapingPages, { n: u, query: g }) : u === 1 ? t.scrapedPage : k(t.scrapedPages, { n: u }), T = k(t.scrapeOkCount, { n: c }), y = p > 0 ? `${x} - ${T}, ${k(t.scrapeFailedCount, { n: p })}` : `${x} - ${T}`;
   return u === 0 ? /* @__PURE__ */ r("div", { style: { paddingBlock: "10px" }, children: /* @__PURE__ */ r(
     "div",
     {
@@ -3269,7 +3271,7 @@ const Hr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => e.result
     t: n
   }
 ), ge = (e) => {
-  const { colors: o } = T(), { isLatest: t = !1, durationSeconds: n, t: i } = e, a = i.memoryChatThinking;
+  const { colors: o } = b(), { isLatest: t = !1, durationSeconds: n, t: i } = e, a = i.memoryChatThinking;
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -3507,7 +3509,7 @@ const Hr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => e.result
       }
     )
   ] });
-}, Qr = ({ data: e, t: o }) => {
+}, jr = ({ data: e, t: o }) => {
   const t = k(o.generateReportCompleted, {
     title: e.reportTitle
   });
@@ -3526,7 +3528,7 @@ const Hr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => e.result
       children: /* @__PURE__ */ r("span", { style: { color: "#666" }, children: t })
     }
   ) });
-}, K = 12, V = 1.45, jr = Math.ceil(
+}, K = 12, V = 1.45, Qr = Math.ceil(
   K * V
 ), he = Math.ceil(
   5 * K * V
@@ -3536,15 +3538,15 @@ const Hr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => e.result
   collapsed: t = !1,
   label: n
 }) => {
-  const { colors: i } = T(), a = A(null);
-  return je(() => {
+  const { colors: i } = b(), a = A(null);
+  return Qe(() => {
     const l = a.current;
     if (l == null || !o || e.length === 0)
       return;
-    const d = () => {
+    const c = () => {
       l.scrollTop = l.scrollHeight;
     };
-    d(), requestAnimationFrame(d);
+    c(), requestAnimationFrame(c);
   }, [e, o]), /* @__PURE__ */ m("div", { style: { minWidth: 0 }, children: [
     n != null && n.length > 0 && /* @__PURE__ */ r(
       "span",
@@ -3574,7 +3576,7 @@ const Hr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => e.result
             ref: a,
             className: "memory-search-generating-reasoning-viewport",
             style: {
-              minHeight: jr,
+              minHeight: Qr,
               ...o ? {
                 maxHeight: he,
                 overflowY: "auto"
@@ -3600,7 +3602,7 @@ const Hr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => e.result
 function Z(e) {
   return e.text != null && e.text.length > 0;
 }
-function Q(e) {
+function j(e) {
   return e.technicalReasoning != null && e.technicalReasoning.length > 0;
 }
 function Kr(e, o) {
@@ -3615,7 +3617,7 @@ const Vr = ({
   t: i,
   onMemoryClick: a
 }) => {
-  const { colors: l } = T(), d = e.reasoningCompleted === !0 || n || Z(e), p = !d, u = !Q(e) && !Z(e), [g, h] = w(!1), x = Q(e) && e.reasoningCompleted !== !0, b = u && p, y = Q(e) && !x, s = d ? Kr(o, t) : void 0;
+  const { colors: l } = b(), c = e.reasoningCompleted === !0 || n || Z(e), p = !c, u = !j(e) && !Z(e), [g, h] = w(!1), x = j(e) && e.reasoningCompleted !== !0, T = u && p, y = j(e) && !x, s = c ? Kr(o, t) : void 0;
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ m(
       v.div,
@@ -3641,14 +3643,14 @@ const Vr = ({
                 flexShrink: 0,
                 width: 32
               },
-              children: d ? /* @__PURE__ */ r(F, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ r("span", { className: "explore-memory-loader" })
+              children: c ? /* @__PURE__ */ r(F, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ r("span", { className: "explore-memory-loader" })
             }
           ),
-          b ? /* @__PURE__ */ r(C, { text: i.explorePlanning, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ r("span", { style: { color: l.textSecondary }, children: i.explorePlanning })
+          T ? /* @__PURE__ */ r(C, { text: i.explorePlanning, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ r("span", { style: { color: l.textSecondary }, children: i.explorePlanning })
         ]
       }
     ),
-    Q(e) && /* @__PURE__ */ m("div", { style: { marginTop: 8 }, children: [
+    j(e) && /* @__PURE__ */ m("div", { style: { marginTop: 8 }, children: [
       /* @__PURE__ */ r(
         Fe,
         {
@@ -3662,7 +3664,7 @@ const Vr = ({
         "button",
         {
           type: "button",
-          onClick: () => h((c) => !c),
+          onClick: () => h((d) => !d),
           style: {
             alignSelf: "flex-start",
             border: "none",
@@ -3699,7 +3701,7 @@ const Vr = ({
     )
   ] });
 }, Xr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
-  const { colors: i } = T(), a = e.fileCount === 1 ? n.exploreExportingOne : k(n.exploreExporting, { n: e.fileCount });
+  const { colors: i } = b(), a = e.fileCount === 1 ? n.exploreExportingOne : k(n.exploreExporting, { n: e.fileCount });
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -3730,7 +3732,7 @@ const Vr = ({
     )
   ] });
 }, Yr = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
-  const { colors: i } = T(), a = k(n.exploreFindMemoriesQuery, {
+  const { colors: i } = b(), a = k(n.exploreFindMemoriesQuery, {
     query: e.query
   });
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
@@ -3765,7 +3767,7 @@ const Vr = ({
     )
   ] });
 }, ee = 5, Jr = ({ data: e, t: o }) => {
-  const { colors: t } = T(), [n, i] = w(!1), a = e.memories.map((b) => b.memoryTitle), l = a.length > 0, d = l && a.length > ee, p = d && !n ? a.slice(0, ee) : a, u = a.length - ee, g = !d || n, h = a.length === 1 ? o.memoryFound : o.memoriesFoundPrefix, x = l ? `${h}${j(
+  const { colors: t } = b(), [n, i] = w(!1), a = e.memories.map((T) => T.memoryTitle), l = a.length > 0, c = l && a.length > ee, p = c && !n ? a.slice(0, ee) : a, u = a.length - ee, g = !c || n, h = a.length === 1 ? o.memoryFound : o.memoriesFoundPrefix, x = l ? `${h}${Q(
     p,
     g ? o.and : void 0
   )}` : o.memoriesFound;
@@ -3778,7 +3780,7 @@ const Vr = ({
       transition: { duration: 0.3, delay: 0 },
       children: [
         /* @__PURE__ */ r("span", { style: { color: t.textSecondary }, children: x }),
-        d && !n && /* @__PURE__ */ m(R, { children: [
+        c && !n && /* @__PURE__ */ m(R, { children: [
           " ",
           /* @__PURE__ */ r(
             "button",
@@ -3802,7 +3804,7 @@ const Vr = ({
             }
           )
         ] }),
-        d && n && /* @__PURE__ */ m(R, { children: [
+        c && n && /* @__PURE__ */ m(R, { children: [
           " ",
           /* @__PURE__ */ r(
             "button",
@@ -3884,7 +3886,7 @@ function nn({
   completed: o,
   t
 }) {
-  const { colors: n } = T(), [i, a] = w(!1), l = e.summary ?? e.error, d = l != null && l.length > ye, p = l != null ? i || !d ? l : `${l.slice(0, ye)}...` : void 0, u = d, g = e.error != null;
+  const { colors: n } = b(), [i, a] = w(!1), l = e.summary ?? e.error, c = l != null && l.length > ye, p = l != null ? i || !c ? l : `${l.slice(0, ye)}...` : void 0, u = c, g = e.error != null;
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -3969,7 +3971,7 @@ function nn({
   );
 }
 const on = ({ data: e, completed: o, t }) => {
-  const { colors: n } = T();
+  const { colors: n } = b();
   return /* @__PURE__ */ m("div", { style: { paddingTop: "16px", paddingBottom: "10px" }, children: [
     /* @__PURE__ */ r(
       "div",
@@ -3999,7 +4001,7 @@ const on = ({ data: e, completed: o, t }) => {
   durationSeconds: t,
   t: n
 }) => {
-  const { colors: i } = T(), a = k(n.exploreRunCode, { title: e.title });
+  const { colors: i } = b(), a = k(n.exploreRunCode, { title: e.title });
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -4029,7 +4031,106 @@ const on = ({ data: e, completed: o, t }) => {
       }
     )
   ] });
-}, an = ({ data: e, onSourceClick: o, t }) => /* @__PURE__ */ r(
+};
+function an({
+  section: e,
+  allCompleted: o
+}) {
+  return e.completed || o ? /* @__PURE__ */ r(F, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ r("span", { className: "explore-memory-loader" });
+}
+function ln({
+  section: e,
+  allCompleted: o
+}) {
+  const { colors: t } = b();
+  return /* @__PURE__ */ m(
+    v.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.25 },
+      style: {
+        paddingTop: "12px",
+        paddingBottom: "12px",
+        borderBottom: `1px solid ${t.border}`,
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: "10px",
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              width: 32
+            },
+            children: /* @__PURE__ */ r(an, { section: e, allCompleted: o })
+          }
+        ),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            style: {
+              fontSize: 13,
+              fontWeight: 500,
+              color: t.textPrimary
+            },
+            children: e.title
+          }
+        )
+      ]
+    }
+  );
+}
+const sn = ({ data: e, completed: o, isLatest: t = !1, durationSeconds: n, t: i }) => {
+  const { colors: a } = b(), l = k(i.exploreComposeHtmlReport, {
+    title: e.title
+  }), c = e.sections ?? [], p = o || c.length > 0 && c.every((g) => g.completed), u = t && !n && !p;
+  return /* @__PURE__ */ m("div", { style: { paddingTop: "16px", paddingBottom: "10px" }, children: [
+    /* @__PURE__ */ r(
+      v.div,
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "10px",
+          color: a.textSecondary,
+          marginBottom: c.length > 0 ? "4px" : void 0
+        },
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3 },
+        children: u ? /* @__PURE__ */ r(C, { text: l, duration: 2.5, repeat: !0 }) : /* @__PURE__ */ r("span", { style: { color: a.textSecondary }, children: l })
+      }
+    ),
+    c.map((g) => /* @__PURE__ */ r(
+      ln,
+      {
+        section: g,
+        allCompleted: p
+      },
+      g.title
+    )),
+    n !== void 0 && /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: a.textMuted,
+          marginTop: "4px",
+          fontStyle: "italic"
+        },
+        children: k(i.tookSeconds, { n })
+      }
+    )
+  ] });
+}, cn = ({ data: e, onSourceClick: o, t }) => /* @__PURE__ */ r(
   Me,
   {
     data: {
@@ -4041,20 +4142,20 @@ const on = ({ data: e, completed: o, t }) => {
     t
   }
 );
-function ln({ item: e }) {
+function dn({ item: e }) {
   return e.error != null ? /* @__PURE__ */ r(_, { size: 15, lineWidth: 2 }) : e.result != null ? /* @__PURE__ */ r(F, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ r("span", { className: "explore-memory-loader" });
 }
-function sn(e, o) {
+function pn(e, o) {
   return k(o.searchingInMemoriesOfType, {
     name: e.memoryTypeName
   });
 }
-function cn({
+function un({
   item: e,
   t: o,
   showShimmerForPrimary: t
 }) {
-  const { colors: n } = T(), i = e.result != null, a = e.error != null, l = sn(e, o);
+  const { colors: n } = b(), i = e.result != null, a = e.error != null, l = pn(e, o);
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -4082,7 +4183,7 @@ function cn({
               flexShrink: 0,
               width: 32
             },
-            children: /* @__PURE__ */ r(ln, { item: e })
+            children: /* @__PURE__ */ r(dn, { item: e })
           }
         ),
         /* @__PURE__ */ m(
@@ -4121,20 +4222,20 @@ function cn({
     }
   );
 }
-const dn = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
-  const { colors: i } = T(), a = z(() => {
+const mn = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
+  const { colors: i } = b(), a = z(() => {
     let l = -1;
-    return e.memoryTypes.forEach((d, p) => {
-      d.result == null && d.error == null && (l = p);
+    return e.memoryTypes.forEach((c, p) => {
+      c.result == null && c.error == null && (l = p);
     }), l;
   }, [e.memoryTypes]);
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "10px" }, children: [
-    o && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ r(C, { text: n.searchingMemoryTypes, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((l, d) => /* @__PURE__ */ r(
-      cn,
+    o && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ r(C, { text: n.searchingMemoryTypes, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((l, c) => /* @__PURE__ */ r(
+      un,
       {
         item: l,
         t: n,
-        showShimmerForPrimary: d === a && o
+        showShimmerForPrimary: c === a && o
       },
       l.memoryTypeId
     )),
@@ -4155,26 +4256,26 @@ const dn = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
 function U(e) {
   return e.queries != null && e.queries.length > 0;
 }
-function pn(e) {
+function gn(e) {
   const o = e.reasoning;
   return (o == null || o === "") && !U(e);
 }
-function un(e) {
+function hn(e) {
   if (U(e)) return 3;
   const o = e.reasoning;
   return o == null || o === "" ? 1 : e.reasoningCompleted === !0 ? 2 : 1;
 }
-function mn({ phase: e }) {
+function yn({ phase: e }) {
   return e === 3 ? /* @__PURE__ */ r(F, { size: 15, borderWidth: 2 }) : /* @__PURE__ */ r("span", { className: "explore-memory-loader" });
 }
-function gn({
+function fn({
   item: e,
   t: o,
   isActiveRow: t
 }) {
-  const { colors: n } = T(), i = pn(e), a = un(e), l = e.reasoning, d = l != null && l.length > 0, [p, u] = w(!1), g = i && t, h = a === 2 && t && !U(e), x = k(o.searchingInMemoriesOfType, {
+  const { colors: n } = b(), i = gn(e), a = hn(e), l = e.reasoning, c = l != null && l.length > 0, [p, u] = w(!1), g = i && t, h = a === 2 && t && !U(e), x = k(o.searchingInMemoriesOfType, {
     name: e.memoryTypeName
-  }), b = !i && a === 3;
+  }), T = !i && a === 3;
   return /* @__PURE__ */ m(
     v.div,
     {
@@ -4187,7 +4288,7 @@ function gn({
         borderBottom: `1px solid ${n.border}`,
         display: "flex",
         flexDirection: "row",
-        alignItems: b ? "flex-start" : "center",
+        alignItems: T ? "flex-start" : "center",
         gap: "10px",
         minWidth: 0
       },
@@ -4201,9 +4302,9 @@ function gn({
               justifyContent: "center",
               flexShrink: 0,
               width: 32,
-              ...b ? { paddingTop: 2 } : {}
+              ...T ? { paddingTop: 2 } : {}
             },
-            children: /* @__PURE__ */ r(mn, { phase: i ? 1 : a })
+            children: /* @__PURE__ */ r(yn, { phase: i ? 1 : a })
           }
         ),
         /* @__PURE__ */ m(
@@ -4218,7 +4319,7 @@ function gn({
             },
             children: [
               /* @__PURE__ */ r("span", { style: { fontSize: 13, fontWeight: 500, color: n.textPrimary }, children: g ? /* @__PURE__ */ r(C, { text: x, duration: 2.5, repeat: !0 }) : e.memoryTypeName }),
-              a === 1 && d && !U(e) && /* @__PURE__ */ r(
+              a === 1 && c && !U(e) && /* @__PURE__ */ r(
                 Fe,
                 {
                   text: l,
@@ -4273,7 +4374,7 @@ function gn({
                     }
                   )
                 ] }),
-                d && /* @__PURE__ */ m(R, { children: [
+                c && /* @__PURE__ */ m(R, { children: [
                   /* @__PURE__ */ r(
                     "button",
                     {
@@ -4317,20 +4418,20 @@ function gn({
     }
   );
 }
-const hn = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
-  const { colors: i } = T(), a = z(() => {
+const xn = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
+  const { colors: i } = b(), a = z(() => {
     let l = -1;
-    return e.memoryTypes.forEach((d, p) => {
-      U(d) || (l = p);
+    return e.memoryTypes.forEach((c, p) => {
+      U(c) || (l = p);
     }), l;
   }, [e.memoryTypes]);
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "10px" }, children: [
-    o && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ r(C, { text: n.memorySearchGeneratingQueries, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((l, d) => /* @__PURE__ */ r(
-      gn,
+    o && !t && e.memoryTypes.length === 0 ? /* @__PURE__ */ r(C, { text: n.memorySearchGeneratingQueries, duration: 2.5, repeat: !0 }) : e.memoryTypes.map((l, c) => /* @__PURE__ */ r(
+      fn,
       {
         item: l,
         t: n,
-        isActiveRow: d === a && o
+        isActiveRow: c === a && o
       },
       l.memoryTypeId
     )),
@@ -4348,14 +4449,14 @@ const hn = ({ data: e, isLatest: o = !1, durationSeconds: t, t: n }) => {
     )
   ] });
 };
-function yn(e) {
+function kn(e) {
   return e.some((n) => n.result == null && n.error == null) ? /* @__PURE__ */ r("span", { className: "explore-memory-loader" }) : e.some((n) => n.error != null) ? /* @__PURE__ */ r(_, { size: 15, lineWidth: 2 }) : /* @__PURE__ */ r(F, { size: 15, borderWidth: 2 });
 }
-function fn({
+function Sn({
   item: e,
   t: o
 }) {
-  const { colors: t } = T();
+  const { colors: t } = b();
   if (e.error != null)
     return /* @__PURE__ */ r("span", { style: { fontSize: 12, color: t.textError, whiteSpace: "nowrap" }, children: e.error });
   if (e.result == null)
@@ -4369,13 +4470,13 @@ function fn({
     a
   ] });
 }
-function xn({
+function bn({
   items: e,
   queryRow: o,
   onExploreQueryResultClick: t,
   t: n
 }) {
-  const { colors: i } = T(), [a, l] = w(null);
+  const { colors: i } = b(), [a, l] = w(null);
   if (e.length === 0)
     return /* @__PURE__ */ r(
       "div",
@@ -4388,7 +4489,7 @@ function xn({
         children: n.memorySearchExploreNoResults
       }
     );
-  const d = !!t;
+  const c = !!t;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -4410,8 +4511,8 @@ function xn({
           }),
           h.length > 0 ? ne(h, n) : n.pagesNotAvailable
         ].filter(
-          (c) => c != null && c !== ""
-        ), b = {
+          (d) => d != null && d !== ""
+        ), T = {
           memoryId: p.memoryId,
           memoryTitle: p.memoryTitle,
           pageNumbers: h,
@@ -4485,7 +4586,7 @@ function xn({
                   ]
                 }
               ),
-              d && /* @__PURE__ */ m(
+              c && /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
@@ -4495,7 +4596,7 @@ function xn({
                     l(y);
                     try {
                       await t(
-                        b
+                        T
                       );
                     } finally {
                       l(null);
@@ -4537,7 +4638,7 @@ function xn({
     }
   );
 }
-function kn(e) {
+function Tn(e) {
   const o = [], t = /* @__PURE__ */ new Map();
   return e.forEach((n, i) => {
     let a = t.get(n.memoryTypeId);
@@ -4548,7 +4649,7 @@ function kn(e) {
     }, t.set(n.memoryTypeId, a)), a.items.push({ item: n, flatIndex: i });
   }), o.map((n) => t.get(n));
 }
-function Sn({
+function vn({
   group: e,
   t: o,
   isLatest: t,
@@ -4556,7 +4657,7 @@ function Sn({
   toggleExpanded: i,
   onExploreQueryResultClick: a
 }) {
-  const { colors: l } = T(), d = e.items.map((u) => u.item), p = d.some(
+  const { colors: l } = b(), c = e.items.map((u) => u.item), p = c.some(
     (u) => u.result == null && u.error == null
   );
   return /* @__PURE__ */ m(
@@ -4587,7 +4688,7 @@ function Sn({
               width: 32,
               ...p ? {} : { paddingTop: 2 }
             },
-            children: yn(d)
+            children: kn(c)
           }
         ),
         /* @__PURE__ */ m(
@@ -4614,8 +4715,8 @@ function Sn({
                 }
               ),
               e.items.map(({ item: u, flatIndex: g }) => {
-                var c;
-                const h = u.result != null, x = u.error != null, b = t && !h && !x, y = n[g] === !0, s = ((c = u.result) == null ? void 0 : c.items) ?? [];
+                var d;
+                const h = u.result != null, x = u.error != null, T = t && !h && !x, y = n[g] === !0, s = ((d = u.result) == null ? void 0 : d.items) ?? [];
                 return /* @__PURE__ */ m(
                   "div",
                   {
@@ -4649,7 +4750,7 @@ function Sn({
                                   flex: "1 1 12rem",
                                   minWidth: 0
                                 },
-                                children: b ? /* @__PURE__ */ r(
+                                children: T ? /* @__PURE__ */ r(
                                   C,
                                   {
                                     text: u.query,
@@ -4670,7 +4771,7 @@ function Sn({
                                   flexShrink: 0
                                 },
                                 children: [
-                                  /* @__PURE__ */ r(fn, { item: u, t: o }),
+                                  /* @__PURE__ */ r(Sn, { item: u, t: o }),
                                   h && /* @__PURE__ */ r(
                                     "button",
                                     {
@@ -4696,7 +4797,7 @@ function Sn({
                         }
                       ),
                       h && y && /* @__PURE__ */ r(
-                        xn,
+                        bn,
                         {
                           items: s,
                           queryRow: u,
@@ -4716,22 +4817,22 @@ function Sn({
     }
   );
 }
-const bn = ({
+const wn = ({
   data: e,
   isLatest: o = !1,
   durationSeconds: t,
   onExploreQueryResultClick: n,
   t: i
 }) => {
-  const { colors: a } = T(), [l, d] = w(
+  const { colors: a } = b(), [l, c] = w(
     {}
   ), p = L((g) => {
-    d((h) => ({
+    c((h) => ({
       ...h,
       [g]: !h[g]
     }));
   }, []), u = z(
-    () => kn(e.queries),
+    () => Tn(e.queries),
     [e.queries]
   );
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "10px" }, children: [
@@ -4743,7 +4844,7 @@ const bn = ({
         repeat: !0
       }
     ) : u.map((g) => /* @__PURE__ */ r(
-      Sn,
+      vn,
       {
         group: g,
         t: i,
@@ -4767,8 +4868,8 @@ const bn = ({
       }
     )
   ] });
-}, Tn = ({ data: e, onSearchResultClick: o, t }) => {
-  const { colors: n } = T(), i = e.response.items, a = !!o, [l, d] = w(null);
+}, Cn = ({ data: e, onSearchResultClick: o, t }) => {
+  const { colors: n } = b(), i = e.response.items, a = !!o, [l, c] = w(null);
   return /* @__PURE__ */ m("div", { style: { paddingBlock: "16px" }, children: [
     /* @__PURE__ */ r(
       v.div,
@@ -4803,8 +4904,8 @@ const bn = ({
             }),
             h.length > 0 ? ne(h, t) : t.pagesNotAvailable
           ].filter(
-            (c) => c != null && c !== ""
-          ), b = {
+            (d) => d != null && d !== ""
+          ), T = {
             memoryId: p.memoryId,
             memoryTitle: p.memoryTitle,
             memoryTypeId: p.memoryTypeId,
@@ -4885,11 +4986,11 @@ const bn = ({
                     "aria-busy": s,
                     disabled: s,
                     onClick: async () => {
-                      d(y);
+                      c(y);
                       try {
-                        await o(b);
+                        await o(T);
                       } finally {
-                        d(null);
+                        c(null);
                       }
                     },
                     style: {
@@ -4929,7 +5030,7 @@ const bn = ({
     )
   ] });
 }, O = ({ message: e }) => {
-  const { colors: o } = T();
+  const { colors: o } = b();
   return /* @__PURE__ */ r("div", { style: { paddingBlock: "16px" }, children: /* @__PURE__ */ r(
     v.div,
     {
@@ -4955,7 +5056,7 @@ const bn = ({
     }
   ) });
 };
-class vn extends Ue.Component {
+class Mn extends Ue.Component {
   constructor(o) {
     super(o), this.state = { hasError: !1 };
   }
@@ -4974,7 +5075,7 @@ class vn extends Ue.Component {
     return this.state.hasError ? null : this.props.children;
   }
 }
-const wn = ({
+const En = ({
   progressViewItems: e,
   loading: o,
   error: t,
@@ -4982,33 +5083,33 @@ const wn = ({
   t: i,
   onMemoryClick: a,
   onSourceClick: l,
-  onSearchResultClick: d,
+  onSearchResultClick: c,
   onExploreQueryResultClick: p,
   downloadFile: u
 }) => {
-  const { theme: g, colors: h } = T(), x = A(null);
+  const { theme: g, colors: h } = b(), x = A(null);
   H(() => {
     x.current && (x.current.scrollTop = x.current.scrollHeight);
   }, [e.length]);
-  const b = (s) => {
-    const c = s.item.data;
-    if (c.taskType === "StreamingChatCompletion" && c.eventType === "Text")
+  const T = (s) => {
+    const d = s.item.data;
+    if (d.taskType === "StreamingChatCompletion" && d.eventType === "Text")
       return /* @__PURE__ */ r(
         N,
         {
-          text: c.text,
+          text: d.text,
           onMemoryClick: a
         }
       );
-    if (c.taskType === "StructuredChatCompletion" && c.eventType === "Completed")
-      return /* @__PURE__ */ r(lr, { data: c });
-    if (c.taskType === "MemoryChat")
-      switch (c.eventType) {
+    if (d.taskType === "StructuredChatCompletion" && d.eventType === "Completed")
+      return /* @__PURE__ */ r(lr, { data: d });
+    if (d.taskType === "MemoryChat")
+      switch (d.eventType) {
         case "Text":
           return /* @__PURE__ */ r(
             N,
             {
-              text: c.text,
+              text: d.text,
               onFileDownload: u,
               onMemoryClick: a
             }
@@ -5017,7 +5118,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             ge,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5027,7 +5128,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Gr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5037,7 +5138,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Or,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5047,7 +5148,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             _r,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5057,7 +5158,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             qr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5067,19 +5168,19 @@ const wn = ({
           return /* @__PURE__ */ r(
             Ur,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
             }
           );
         case "GenerateReportCompleted":
-          return /* @__PURE__ */ r(Qr, { data: c, t: i });
+          return /* @__PURE__ */ r(jr, { data: d, t: i });
         case "FindMemories":
           return /* @__PURE__ */ r(
             kr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5089,7 +5190,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Sr,
             {
-              data: c,
+              data: d,
               t: i
             }
           );
@@ -5097,7 +5198,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             q,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5107,18 +5208,18 @@ const wn = ({
           return /* @__PURE__ */ r(
             xr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i,
-              onSearchResultClick: d
+              onSearchResultClick: c
             }
           );
         case "FindSources":
           return /* @__PURE__ */ r(
             ce,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5128,7 +5229,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Me,
             {
-              data: c,
+              data: d,
               onSourceClick: l,
               t: i
             }
@@ -5137,7 +5238,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Cr,
             {
-              data: c,
+              data: d,
               completed: s.completed,
               isLatest: s.isLatest,
               t: i
@@ -5147,8 +5248,8 @@ const wn = ({
           return /* @__PURE__ */ r(
             ie,
             {
-              data: c,
-              onSearchResultClick: d,
+              data: d,
+              onSearchResultClick: c,
               t: i
             }
           );
@@ -5156,7 +5257,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Fr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5166,7 +5267,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Hr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5176,13 +5277,13 @@ const wn = ({
           return /* @__PURE__ */ r(
             N,
             {
-              text: c.response.textResponse,
+              text: d.response.textResponse,
               onFileDownload: u,
               onMemoryClick: a
             }
           );
         default: {
-          const f = c;
+          const f = d;
           return f.eventType === "Error" && "message" in f ? /* @__PURE__ */ r(O, { message: f.message }) : (console.warn(
             "[fency] Unknown MemoryChat eventType (no UI):",
             f.eventType,
@@ -5190,13 +5291,13 @@ const wn = ({
           ), null);
         }
       }
-    if (c.taskType === "MemorySearch")
-      switch (c.eventType) {
+    if (d.taskType === "MemorySearch")
+      switch (d.eventType) {
         case "GeneratingQueries":
           return /* @__PURE__ */ r(
-            hn,
+            xn,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5204,9 +5305,9 @@ const wn = ({
           );
         case "ExploreQueries":
           return /* @__PURE__ */ r(
-            bn,
+            wn,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               onExploreQueryResultClick: p,
@@ -5215,9 +5316,9 @@ const wn = ({
           );
         case "SearchMemoryTypes":
           return /* @__PURE__ */ r(
-            dn,
+            mn,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5225,15 +5326,15 @@ const wn = ({
           );
         case "Completed":
           return /* @__PURE__ */ r(
-            Tn,
+            Cn,
             {
-              data: c,
-              onSearchResultClick: d,
+              data: d,
+              onSearchResultClick: c,
               t: i
             }
           );
         default: {
-          const f = c;
+          const f = d;
           return f.eventType === "Error" && "message" in f ? /* @__PURE__ */ r(O, { message: f.message }) : (console.warn(
             "[fency] Unknown MemorySearch eventType (no UI):",
             f.eventType,
@@ -5241,13 +5342,13 @@ const wn = ({
           ), null);
         }
       }
-    if (c.taskType === "ExploreMemories")
-      switch (c.eventType) {
+    if (d.taskType === "ExploreMemories")
+      switch (d.eventType) {
         case "Text":
           return /* @__PURE__ */ r(
             N,
             {
-              text: c.text,
+              text: d.text,
               onFileDownload: u,
               onMemoryClick: a
             }
@@ -5266,7 +5367,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Vr,
             {
-              data: c,
+              data: d,
               createdAt: s.item.createdAt,
               timestamp: s.item.timestamp,
               completed: s.completed,
@@ -5280,7 +5381,7 @@ const wn = ({
           return /* @__PURE__ */ r(
             Xr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5290,30 +5391,30 @@ const wn = ({
           return /* @__PURE__ */ r(
             Yr,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
             }
           );
         case "FindMemoriesResult":
-          return /* @__PURE__ */ r(Jr, { data: c, t: i });
+          return /* @__PURE__ */ r(Jr, { data: d, t: i });
         case "SemanticSearch":
           return /* @__PURE__ */ r(
             en,
             {
-              data: c,
+              data: d,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i,
-              onSearchResultClick: d
+              onSearchResultClick: c
             }
           );
         case "SemanticSearchForEach":
           return /* @__PURE__ */ r(
             on,
             {
-              data: c,
+              data: d,
               completed: s.completed,
               isLatest: s.isLatest,
               t: i
@@ -5323,7 +5424,18 @@ const wn = ({
           return /* @__PURE__ */ r(
             tn,
             {
-              data: c,
+              data: d,
+              isLatest: s.isLatest,
+              durationSeconds: s.durationSeconds,
+              t: i
+            }
+          );
+        case "ComposeHtmlReport":
+          return /* @__PURE__ */ r(
+            sn,
+            {
+              data: d,
+              completed: s.completed,
               isLatest: s.isLatest,
               durationSeconds: s.durationSeconds,
               t: i
@@ -5341,9 +5453,9 @@ const wn = ({
           );
         case "SourcesResult":
           return /* @__PURE__ */ r(
-            an,
+            cn,
             {
-              data: c,
+              data: d,
               onSourceClick: l,
               t: i
             }
@@ -5352,13 +5464,13 @@ const wn = ({
           return /* @__PURE__ */ r(
             N,
             {
-              text: c.response.textResponse,
+              text: d.response.textResponse,
               onFileDownload: u,
               onMemoryClick: a
             }
           );
         default: {
-          const f = c;
+          const f = d;
           return f.eventType === "Error" && "message" in f ? /* @__PURE__ */ r(O, { message: f.message }) : (console.warn(
             "[fency] Unknown ExploreMemories eventType (no UI):",
             f.eventType,
@@ -5366,13 +5478,13 @@ const wn = ({
           ), null);
         }
       }
-    return c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" ? /* @__PURE__ */ r(
+    return d.taskType === "StreamingChatCompletion" && d.eventType === "Completed" ? /* @__PURE__ */ r(
       N,
       {
-        text: c.response.textResponse,
+        text: d.response.textResponse,
         onMemoryClick: a
       }
-    ) : c.eventType === "Error" && "message" in c ? /* @__PURE__ */ r(O, { message: c.message }) : null;
+    ) : d.eventType === "Error" && "message" in d ? /* @__PURE__ */ r(O, { message: d.message }) : null;
   };
   if (e.length === 0)
     return t ? /* @__PURE__ */ r("div", { style: { width: "fit-content" }, children: /* @__PURE__ */ r(O, { message: t.message }) }) : o ? /* @__PURE__ */ r("div", { style: { width: "fit-content", paddingBlock: "16px" }, children: /* @__PURE__ */ r(
@@ -5386,41 +5498,41 @@ const wn = ({
         shimmerColor: h.shimmerHighlight
       }
     ) }) : null;
-  const y = e.filter((s, c) => {
+  const y = e.filter((s, d) => {
     const f = s.item.data;
     if (f.taskType === "ExploreMemories" && f.eventType === "SetupSandbox")
       return !1;
     if (f.taskType === "MemoryChat" && f.eventType === "ExploreMemories")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemoryChat" && E.item.data.eventType === "ExploreMemories"
       );
     if (f.taskType === "MemorySearch" && f.eventType === "GeneratingQueries")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemorySearch" && E.item.data.eventType === "GeneratingQueries"
       );
     if (f.taskType === "MemorySearch" && f.eventType === "ExploreQueries")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemorySearch" && E.item.data.eventType === "ExploreQueries"
       );
     if (f.taskType === "MemoryChat" && f.eventType === "GoogleSearch")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemoryChat" && E.item.data.eventType === "GoogleSearch"
       );
     if (f.taskType === "MemoryChat" && f.eventType === "Thinking")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemoryChat" && E.item.data.eventType === "Thinking"
       );
     if (f.taskType === "MemoryChat" && f.eventType === "GenerateReportExporting")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemoryChat" && E.item.data.eventType === "GenerateReportExporting"
       );
     if (f.taskType === "MemoryChat" && f.eventType === "ScrapeWebsites")
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (E) => E.item.data.taskType === "MemoryChat" && E.item.data.eventType === "ScrapeWebsites"
       );
     if (f.taskType === "ExploreMemories" && (f.eventType === "Thinking" || f.eventType === "ExportingMemories" || f.eventType === "FindSources")) {
       const P = f.eventType;
-      return !e.slice(c + 1).some(
+      return !e.slice(d + 1).some(
         (se) => se.item.data.taskType === "ExploreMemories" && se.item.data.eventType === P
       );
     }
@@ -5433,7 +5545,7 @@ const wn = ({
       ref: x,
       "data-theme": g,
       children: [
-        /* @__PURE__ */ r(Ve, { children: y.map((s, c) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r(Ve, { children: y.map((s, d) => /* @__PURE__ */ r(
           v.div,
           {
             id: `agent-task-progress-item-${s.item.progressItemId}`,
@@ -5441,14 +5553,14 @@ const wn = ({
             animate: { opacity: 1, y: 0 },
             transition: {
               duration: 0.4,
-              delay: c * 0.1,
+              delay: d * 0.1,
               ease: "easeOut"
             },
             children: /* @__PURE__ */ r(
-              vn,
+              Mn,
               {
                 progressItemId: s.item.progressItemId,
-                children: b(s)
+                children: T(s)
               }
             )
           },
@@ -5458,12 +5570,12 @@ const wn = ({
       ]
     }
   );
-}, Cn = ({ taskId: e, label: o, copiedLabel: t }) => {
-  const { colors: n } = T(), [i, a] = w(!1);
+}, Rn = ({ taskId: e, label: o, copiedLabel: t }) => {
+  const { colors: n } = b(), [i, a] = w(!1);
   H(() => {
     if (!i) return;
-    const d = window.setTimeout(() => a(!1), 1500);
-    return () => window.clearTimeout(d);
+    const c = window.setTimeout(() => a(!1), 1500);
+    return () => window.clearTimeout(c);
   }, [i]);
   const l = L(async () => {
     try {
@@ -5492,7 +5604,7 @@ const wn = ({
       children: i ? t : o
     }
   );
-}, An = ({
+}, $n = ({
   agentTask: e,
   theme: o = "light",
   language: t,
@@ -5502,7 +5614,7 @@ const wn = ({
   onExploreQueryResultClick: l
 }) => {
   var h;
-  const d = nr(e), p = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : t ?? "en", u = cr(p), g = (h = e.confirmedData) == null ? void 0 : h.taskId;
+  const c = nr(e), p = (e.params.type === "MemoryChat" || e.params.type === "MemorySearch") && "language" in e.params ? e.params.language ?? "en" : t ?? "en", u = cr(p), g = (h = e.confirmedData) == null ? void 0 : h.taskId;
   return /* @__PURE__ */ r(ar, { theme: o, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
     g ? /* @__PURE__ */ r(
       "div",
@@ -5514,7 +5626,7 @@ const wn = ({
           zIndex: 1
         },
         children: /* @__PURE__ */ r(
-          Cn,
+          Rn,
           {
             taskId: g,
             label: u.copyId,
@@ -5524,9 +5636,9 @@ const wn = ({
       }
     ) : null,
     /* @__PURE__ */ r(
-      wn,
+      En,
       {
-        progressViewItems: d,
+        progressViewItems: c,
         loading: e.loading,
         error: e.error,
         loadingText: e.loadingText,
@@ -5541,16 +5653,16 @@ const wn = ({
   ] }) });
 };
 export {
-  An as AgentTaskProgress,
+  $n as AgentTaskProgress,
   ar as AgentTaskThemeProvider,
   F as Checkmark,
-  Pn as FencyProvider,
-  Tn as MemorySearchCompletedResults,
-  $n as StreamEventManager,
+  Dn as FencyProvider,
+  Cn as MemorySearchCompletedResults,
+  Gn as StreamEventManager,
   _ as XMark,
   ir as darkAgentTaskThemeColors,
   we as getAgentTaskPrismStyle,
   Te as lightAgentTaskThemeColors,
-  T as useAgentTaskTheme,
-  Ln as useAgentTasks
+  b as useAgentTaskTheme,
+  Wn as useAgentTasks
 };