langgraph-ui-components 0.0.29 → 0.0.31

package/dist/components/ChatBody.es.js

@@ -1,258 +1,286 @@
-import { jsx as d, jsxs as F, Fragment as de } from "react/jsx-runtime";
-import { useStreamContext as pe } from "../providers/Stream.es.js";
-import { useCustomComponents as fe } from "../providers/CustomComponentProvider.es.js";
-import { logger as ge } from "../utils/logger.es.js";
-import { isAiWithToolCalls as W, isToolMessage as k } from "../utils/utils.es.js";
-import J, { useState as he, useMemo as x, useRef as A, useCallback as g, useEffect as T, useLayoutEffect as me } from "react";
-import ye from "./messages/AgentMessage.es.js";
-import ve from "./messages/CustomComponentRender.es.js";
-import Me from "./messages/HumanMessage.es.js";
-import Q from "./Thinking.es.js";
-function je({ setIsFirstMessage: R, enableToolCallIndicator: _ = !0, chatBodyProps: j }) {
-  const a = pe(), { interruptComponents: X } = fe(), N = a.messages, u = a.isLoading, [B, Z] = he({});
-  ge.debug("ChatBody render - messages count:", N, "isLoading:", u);
-  const c = x(() => N ?? [], [N]), q = x(() => {
-    const e = /* @__PURE__ */ new Set(), n = a.values?.ui;
-    if (!Array.isArray(n)) return e;
-    for (const o of n) {
-      const r = o, i = r.metadata && typeof r.metadata == "object" ? r.metadata : void 0, h = [
-        typeof r.id == "string" ? r.id : void 0,
-        typeof i?.id == "string" ? i.id : void 0,
-        typeof i?.message_id == "string" ? i.message_id : void 0
+import { jsx as c, jsxs as O, Fragment as ge } from "react/jsx-runtime";
+import { useStreamContext as me } from "../providers/Stream.es.js";
+import { useCustomComponents as he } from "../providers/CustomComponentProvider.es.js";
+import { useThread as ye } from "../providers/Thread.es.js";
+import { logger as ve } from "../utils/logger.es.js";
+import { isAiWithToolCalls as Z, isToolMessage as T } from "../utils/utils.es.js";
+import P, { useState as Me, useMemo as R, useRef as v, useCallback as g, useEffect as M, useLayoutEffect as Ce } from "react";
+import be from "./messages/AgentMessage.es.js";
+import ke from "./AskUserInterrupt.es.js";
+import Se from "./messages/CustomComponentRender.es.js";
+import Ae from "./messages/HumanMessage.es.js";
+import ee from "./Thinking.es.js";
+function Ee({ setIsFirstMessage: _, enableToolCallIndicator: j = !0, chatBodyProps: I }) {
+  const o = me(), { interruptComponents: U } = he(), { threadId: N } = ye(), z = o.messages, u = o.isLoading, [D, te] = Me({});
+  ve.debug("ChatBody render - messages count:", z, "isLoading:", u);
+  const l = R(() => z ?? [], [z]), G = R(() => {
+    const e = /* @__PURE__ */ new Set(), r = o.values?.ui;
+    if (!Array.isArray(r)) return e;
+    for (const s of r) {
+      const n = s, a = n.metadata && typeof n.metadata == "object" ? n.metadata : void 0, h = [
+        typeof n.id == "string" ? n.id : void 0,
+        typeof a?.id == "string" ? a.id : void 0,
+        typeof a?.message_id == "string" ? a.message_id : void 0
       ];
       for (const p of h)
         p && e.add(p);
     }
     return e;
-  }, [a.values?.ui]), y = A(null), K = A(0), C = A(!0), z = A(/* @__PURE__ */ new Map()), L = g((e) => Array.isArray(e) ? e.map((n, o) => {
-    if (!n || typeof n != "object") return null;
-    const r = n, i = r.status;
-    return typeof r.content != "string" || i !== "pending" && i !== "in_progress" && i !== "completed" ? null : {
-      id: r.id && typeof r.id == "string" ? r.id : `todo-${o}`,
-      content: r.content,
-      status: i,
-      updatedAt: r.updatedAt instanceof Date || typeof r.updatedAt == "string" || typeof r.updatedAt == "number" ? r.updatedAt : void 0,
-      run_id: typeof r.run_id == "string" ? r.run_id : void 0,
-      runId: typeof r.runId == "string" ? r.runId : void 0,
-      messageId: typeof r.messageId == "string" ? r.messageId : void 0,
-      checkpoint: typeof r.checkpoint == "string" ? r.checkpoint : void 0
+  }, [o.values?.ui]), C = v(null), $ = v(0), A = v(!0), L = v(/* @__PURE__ */ new Map()), H = g((e) => Array.isArray(e) ? e.map((r, s) => {
+    if (!r || typeof r != "object") return null;
+    const n = r, a = n.status;
+    return typeof n.content != "string" || a !== "pending" && a !== "in_progress" && a !== "completed" ? null : {
+      id: n.id && typeof n.id == "string" ? n.id : `todo-${s}`,
+      content: n.content,
+      status: a,
+      updatedAt: n.updatedAt instanceof Date || typeof n.updatedAt == "string" || typeof n.updatedAt == "number" ? n.updatedAt : void 0,
+      run_id: typeof n.run_id == "string" ? n.run_id : void 0,
+      runId: typeof n.runId == "string" ? n.runId : void 0,
+      messageId: typeof n.messageId == "string" ? n.messageId : void 0,
+      checkpoint: typeof n.checkpoint == "string" ? n.checkpoint : void 0
     };
-  }).filter((n) => n !== null) : [], []), O = g((e, n) => {
-    Z((o) => ({
-      ...o,
-      [e]: n
+  }).filter((r) => r !== null) : [], []), J = g((e, r) => {
+    te((s) => ({
+      ...s,
+      [e]: r
     }));
-  }, []), D = g(async (e) => {
+  }, []), Y = g(async (e) => {
     if (!e) {
       console.error("No parent checkpoint available for regeneration");
       return;
     }
-    await a.submit(void 0, {
+    await o.submit(void 0, {
       checkpoint: e,
       streamMode: ["values"],
       streamSubgraphs: !0,
       streamResumable: !0
     });
-  }, [a]), G = g((e) => {
-    a.setBranch(e);
-  }, [a]), b = g((e) => {
-    a.submit(null, {
+  }, [o]), V = g((e) => {
+    o.setBranch(e);
+  }, [o]), m = v(""), q = v(null);
+  M(() => {
+    q.current !== null && q.current !== N && (m.current = ""), q.current = N;
+  }, [N]), M(() => {
+    u && !o.interrupt && m.current !== "" && (m.current = "");
+  }, [u, o.interrupt]);
+  const b = g((e) => {
+    const r = JSON.stringify(o.interrupt?.value ?? null);
+    m.current = r, o.submit(null, {
       command: { resume: e },
       streamMode: ["values", "messages-tuple", "updates", "custom"],
       streamSubgraphs: !0
     });
-  }, [a]), $ = x(() => {
-    const e = a.interrupt;
+  }, [o]), E = R(() => {
+    const e = o.interrupt;
     if (!e) return null;
-    const o = e.value?.actionRequests ?? [];
+    const s = e.value?.actionRequests ?? [];
     return {
       approve: () => {
         b({
-          decisions: o.map(() => ({ type: "approve" }))
+          decisions: s.map(() => ({ type: "approve" }))
         });
       },
-      reject: (r) => {
+      reject: (n) => {
         b({
-          decisions: o.map(() => ({
+          decisions: s.map(() => ({
             type: "reject",
-            message: r || void 0
+            message: n || void 0
           }))
         });
       },
-      edit: (r) => {
-        const i = o[0];
+      edit: (n) => {
+        const a = s[0];
         b({
           decisions: [
             {
               type: "edit",
               editedAction: {
-                name: i?.name ?? "",
-                args: { ...i?.args, ...r }
+                name: a?.name ?? "",
+                args: { ...a?.args, ...n }
               }
             }
           ]
         });
       }
     };
-  }, [a.interrupt, b]), f = g(() => {
-    if (y.current) {
-      let e = y.current.parentElement;
+  }, [o.interrupt, b]), f = g(() => {
+    if (C.current) {
+      let e = C.current.parentElement;
       for (; e; ) {
-        const n = window.getComputedStyle(e);
-        if (n.overflowY === "auto" || n.overflowY === "scroll")
+        const r = window.getComputedStyle(e);
+        if (r.overflowY === "auto" || r.overflowY === "scroll")
           return e;
         e = e.parentElement;
       }
     }
     return null;
   }, []);
-  T(() => {
-    c.length > 0 && R && R(!1);
-  }, [c.length, R]);
-  const U = g((e, n, o) => {
-    const r = u && n === o.length - 1 && e.type === "ai";
-    if (!e.content.length && !W(e) && !r || e.additional_kwargs?.hidden)
+  M(() => {
+    l.length > 0 && _ && _(!1);
+  }, [l.length, _]);
+  const W = g((e, r, s) => {
+    const n = u && r === s.length - 1 && e.type === "ai";
+    if (!e.content.length && !Z(e) && !n || e.additional_kwargs?.hidden)
       return null;
-    const i = e.id ?? `msg-${n}`, h = (t) => typeof t.id == "string" && q.has(t.id);
+    const a = e.id ?? `msg-${r}`, h = (t) => typeof t.id == "string" && G.has(t.id);
     if (e.type === "human")
-      return /* @__PURE__ */ d(Me, { message: e, fontSize: j?.fontSize }, i);
-    if (k(e))
+      return /* @__PURE__ */ c(Ae, { message: e, fontSize: I?.fontSize }, a);
+    if (T(e))
       return null;
-    if (e.type === "ai" && n > 0) {
-      let t = n - 1;
-      for (; t >= 0 && k(o[t]); )
+    if (e.type === "ai" && r > 0) {
+      let t = r - 1;
+      for (; t >= 0 && T(s[t]); )
         t--;
-      if (t >= 0 && o[t].type === "ai" && !h(e))
+      if (t >= 0 && s[t].type === "ai" && !h(e))
         return null;
     }
     const p = [e];
-    let v = n + 1;
-    for (; v < o.length; ) {
-      const t = o[v];
-      if (k(t))
-        p.push(t), v++;
+    let k = r + 1;
+    for (; k < s.length; ) {
+      const t = s[k];
+      if (T(t))
+        p.push(t), k++;
       else if (t.type === "ai") {
         if (h(t))
           break;
-        p.push(t), v++;
+        p.push(t), k++;
       } else
         break;
     }
-    const l = p.filter((t) => t.type === "ai"), H = l.some((t) => Array.isArray(t.content)), m = /* @__PURE__ */ new Set(), S = H ? l.flatMap((t) => Array.isArray(t.content) ? t.content.filter((s) => {
-      if (s.type === "text" && typeof s.text == "string") {
-        if (m.has(s.text)) return !1;
-        m.add(s.text);
+    const d = p.filter((t) => t.type === "ai"), F = d.some((t) => Array.isArray(t.content)), y = /* @__PURE__ */ new Set(), w = F ? d.flatMap((t) => Array.isArray(t.content) ? t.content.filter((i) => {
+      if (i.type === "text" && typeof i.text == "string") {
+        if (y.has(i.text)) return !1;
+        y.add(i.text);
       }
       return !0;
-    }) : typeof t.content == "string" && t.content.length > 0 ? m.has(t.content) ? [] : (m.add(t.content), [{ type: "text", text: t.content }]) : []) : (() => {
+    }) : typeof t.content == "string" && t.content.length > 0 ? y.has(t.content) ? [] : (y.add(t.content), [{ type: "text", text: t.content }]) : []) : (() => {
       const t = [];
-      for (const s of l) {
-        const M = typeof s.content == "string" ? s.content : "";
-        M && !m.has(M) && (m.add(M), t.push(M));
+      for (const i of d) {
+        const S = typeof i.content == "string" ? i.content : "";
+        S && !y.has(S) && (y.add(S), t.push(S));
       }
       return t.join(`
 
 `);
-    })(), ee = H ? S.map((t) => t.type === "text" ? t.text : "").filter(Boolean).join(" ") : S, te = {
+    })(), re = F ? w.map((t) => t.type === "text" ? t.text : "").filter(Boolean).join(" ") : w, se = {
       ...e,
-      content: S
-    }, Y = e ? a.getMessagesMetadata(e) : void 0, ne = H ? S.some(
+      content: w
+    }, Q = e ? o.getMessagesMetadata(e) : void 0, oe = F ? w.some(
       (t) => t.type === "thinking" && t.thinking?.length > 0 || t.type === "reasoning" && t.reasoning?.length > 0
-    ) : !1, re = l.some((t) => {
-      const s = t.additional_kwargs;
-      return typeof s?.reasoning_content == "string" && s.reasoning_content.length > 0;
-    }), oe = l.some((t) => {
-      const s = t.additional_kwargs;
-      return Array.isArray(s?.tool_status) && s.tool_status.length > 0;
-    }), se = p.some((t) => k(t)), ae = _ && (l.some((t) => W(t)) || oe || se), V = !!ee || ne || re || ae, ie = v >= o.length, w = u && ie, I = l.map((t) => t.id).filter((t) => typeof t == "string" && t.length > 0).join("|") || i, ce = (() => {
-      const t = z.current.get(I);
-      if (!w && t && t.length > 0)
+    ) : !1, ie = d.some((t) => {
+      const i = t.additional_kwargs;
+      return typeof i?.reasoning_content == "string" && i.reasoning_content.length > 0;
+    }), ae = d.some((t) => {
+      const i = t.additional_kwargs;
+      return Array.isArray(i?.tool_status) && i.tool_status.length > 0;
+    }), ce = p.some((t) => T(t)), ue = j && (d.some((t) => Z(t)) || ae || ce), X = !!re || oe || ie || ue, le = k >= s.length, x = u && le, K = d.map((t) => t.id).filter((t) => typeof t == "string" && t.length > 0).join("|") || a, de = (() => {
+      const t = L.current.get(K);
+      if (!x && t && t.length > 0)
         return t;
-      if (w) {
-        const s = L(a.values?.todos);
-        if (s.length > 0)
-          return z.current.set(I, s), s;
+      if (x) {
+        const i = H(o.values?.todos);
+        if (i.length > 0)
+          return L.current.set(K, i), i;
       }
-      for (let s = l.length - 1; s >= 0; s--) {
-        const le = a.getMessagesMetadata(l[s])?.firstSeenState?.values, E = L(le?.todos);
-        if (E.length > 0)
-          return (!t || t.length === 0) && z.current.set(I, E), t ?? E;
+      for (let i = d.length - 1; i >= 0; i--) {
+        const fe = o.getMessagesMetadata(d[i])?.firstSeenState?.values, B = H(fe?.todos);
+        if (B.length > 0)
+          return (!t || t.length === 0) && L.current.set(K, B), t ?? B;
       }
       return t && t.length > 0 ? t : [];
-    })(), ue = w && !V;
-    return /* @__PURE__ */ F(J.Fragment, { children: [
-      ue && /* @__PURE__ */ d(Q, {}),
-      V && /* @__PURE__ */ d(
-        ye,
+    })(), pe = x && !X;
+    return /* @__PURE__ */ O(P.Fragment, { children: [
+      pe && /* @__PURE__ */ c(ee, {}),
+      X && /* @__PURE__ */ c(
+        be,
         {
-          agentName: j?.agentName,
-          fontSize: j?.fontSize,
-          message: te,
+          agentName: I?.agentName,
+          fontSize: I?.fontSize,
+          message: se,
           groupedMessages: p,
-          showToolActivity: _,
-          isStreaming: w,
-          onRegenerate: D,
-          feedback: e.id ? B[e.id] : void 0,
-          onFeedback: O,
-          branch: Y?.branch,
-          branchOptions: Y?.branchOptions,
-          onBranchSelect: G,
-          todos: ce
+          showToolActivity: j,
+          isStreaming: x,
+          onRegenerate: Y,
+          feedback: e.id ? D[e.id] : void 0,
+          onFeedback: J,
+          branch: Q?.branch,
+          branchOptions: Q?.branchOptions,
+          onBranchSelect: V,
+          todos: de
         }
       ),
-      l.map((t) => /* @__PURE__ */ d(ve, { message: t, thread: a }, t.id))
-    ] }, i);
-  }, [u, a, L, _, D, B, O, G, q]), P = x(() => c.map((e, n) => {
-    const o = U(e, n, c);
-    return o && !o.key ? J.cloneElement(o, { key: e.id ?? `msg-${n}` }) : o;
-  }), [c, U]);
-  return T(() => {
+      d.map((t) => /* @__PURE__ */ c(Se, { message: t, thread: o }, t.id))
+    ] }, a);
+  }, [u, o, H, j, Y, D, J, V, G]), ne = R(() => l.map((e, r) => {
+    const s = W(e, r, l);
+    return s && !s.key ? P.cloneElement(s, { key: e.id ?? `msg-${r}` }) : s;
+  }), [l, W]);
+  return M(() => {
     const e = f();
     if (!e) return;
-    const n = () => {
-      const { scrollTop: o, scrollHeight: r, clientHeight: i } = e, h = r - o - i;
-      C.current = h < 100;
+    const r = () => {
+      const { scrollTop: s, scrollHeight: n, clientHeight: a } = e, h = n - s - a;
+      A.current = h < 100;
     };
-    return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
-  }, [f]), T(() => {
+    return e.addEventListener("scroll", r), () => e.removeEventListener("scroll", r);
+  }, [f]), M(() => {
     const e = f();
     if (!e) return;
-    const n = c.length;
-    n > K.current && (e.scrollTop = e.scrollHeight, C.current = !0), K.current = n;
-  }, [c, f]), T(() => {
+    const r = l.length;
+    r > $.current && (e.scrollTop = e.scrollHeight, A.current = !0), $.current = r;
+  }, [l, f]), M(() => {
     const e = f();
     if (!e || !u) return;
-    const n = new MutationObserver(() => {
-      C.current && e && (e.scrollTop = e.scrollHeight);
+    const r = new MutationObserver(() => {
+      A.current && e && (e.scrollTop = e.scrollHeight);
     });
-    return y.current && n.observe(y.current, {
+    return C.current && r.observe(C.current, {
       childList: !0,
       subtree: !0,
       characterData: !0
-    }), () => n.disconnect();
-  }, [u, f]), me(() => {
+    }), () => r.disconnect();
+  }, [u, f]), Ce(() => {
     const e = f();
-    u && C.current && e && (e.scrollTop = e.scrollHeight);
-  }), /* @__PURE__ */ d(
+    u && A.current && e && (e.scrollTop = e.scrollHeight);
+  }), /* @__PURE__ */ c(
     "div",
     {
-      ref: y,
+      ref: C,
       className: "flex flex-col gap-4 rounded-4xl p-2",
-      children: c.length === 0 ? /* @__PURE__ */ d("div", { className: "flex items-center justify-center h-full text-zinc-500", children: u ? /* @__PURE__ */ F("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ d("div", { className: "animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full" }),
-        /* @__PURE__ */ d("span", { children: "Loading conversation..." })
-      ] }) : "Start a conversation..." }) : /* @__PURE__ */ F(de, { children: [
-        P,
-        u && c.length > 0 && c[c.length - 1].type === "human" && /* @__PURE__ */ d(Q, {}),
-        !u && a.interrupt && $ && (() => {
-          const e = a.interrupt.value, n = e?.actionRequests?.[0]?.name, o = n ? X[n] : void 0;
-          return o ? /* @__PURE__ */ d(o, { interrupt: e, actions: $ }) : null;
+      children: l.length === 0 ? /* @__PURE__ */ c("div", { className: "flex items-center justify-center h-full text-zinc-500", children: u ? /* @__PURE__ */ O("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ c("div", { className: "animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full" }),
+        /* @__PURE__ */ c("span", { children: "Loading conversation..." })
+      ] }) : "Start a conversation..." }) : /* @__PURE__ */ O(ge, { children: [
+        ne,
+        u && l.length > 0 && l[l.length - 1].type === "human" && /* @__PURE__ */ c(ee, {}),
+        o.interrupt && (() => {
+          const e = o.interrupt.value;
+          if (JSON.stringify(e ?? null) === m.current && m.current !== "")
+            return null;
+          if (e?.type === "ask_user" && Array.isArray(e.questions)) {
+            const s = U.ask_user;
+            return s ? /* @__PURE__ */ c(s, { interrupt: e, actions: E ?? { approve: () => {
+            }, reject: () => {
+            }, edit: () => {
+            } } }) : /* @__PURE__ */ c(
+              ke,
+              {
+                questions: e.questions,
+                onSubmit: (n) => b(n)
+              }
+            );
+          }
+          if (E) {
+            const s = e?.actionRequests?.[0]?.name, n = s ? U[s] : void 0;
+            return n ? /* @__PURE__ */ c(n, { interrupt: e, actions: E }) : null;
+          }
+          return null;
         })()
       ] })
     }
   );
 }
 export {
-  je as default
+  Ee as default
 };
 //# sourceMappingURL=ChatBody.es.js.map

package/dist/components/ChatBody.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBody.es.js","sources":["../../src/components/ChatBody.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport { useCustomComponents } from \"@/providers/CustomComponentProvider\";\nimport type { chatBodyProps } from \"@/types/ChatProps\";\nimport { logger } from \"@/utils/logger\";\nimport { isAiWithToolCalls, isToolMessage } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport type { TodoItem } from \"@/providers/Stream\";\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport AgentMessage from \"./messages/AgentMessage\";\nimport CustomComponentRender from \"./messages/CustomComponentRender\";\nimport HumanMessage from \"./messages/HumanMessage\";\nimport type { MessageFeedback } from \"./messages/MessageActions\";\nimport Thinking from \"./Thinking\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator = true, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n  const stream = useStreamContext();\n  const { interruptComponents } = useCustomComponents();\n  const messages = stream.messages;\n  const isLoading = stream.isLoading;\n\n  // State to track message feedback (likes/dislikes)\n  const [messageFeedback, setMessageFeedback] = useState<Record<string, MessageFeedback>>({});\n\n  logger.debug(\"ChatBody render - messages count:\", messages, \"isLoading:\", isLoading);\n\n  // Memoize messages with stable reference\n  const memoMessages = useMemo(() => messages ?? [], [messages]);\n\n  const uiMessageIds = useMemo(() => {\n    const ids = new Set<string>();\n    const uiMessages = stream.values?.ui;\n    if (!Array.isArray(uiMessages)) return ids;\n\n    for (const ui of uiMessages) {\n      const uiObj = ui as unknown as Record<string, unknown>;\n      const metadata =\n        uiObj.metadata && typeof uiObj.metadata === \"object\"\n          ? (uiObj.metadata as Record<string, unknown>)\n          : undefined;\n\n      const candidates = [\n        typeof uiObj.id === \"string\" ? uiObj.id : undefined,\n        typeof metadata?.id === \"string\" ? metadata.id : undefined,\n        typeof metadata?.message_id === \"string\" ? metadata.message_id : undefined,\n      ];\n\n      for (const candidate of candidates) {\n        if (candidate) ids.add(candidate);\n      }\n    }\n\n    return ids;\n  }, [stream.values?.ui]);\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const prevMessageCountRef = useRef(0);\n  const shouldAutoScrollRef = useRef(true);\n  const frozenTodosByGroupRef = useRef<Map<string, TodoItem[]>>(new Map());\n\n  const normalizeTodos = useCallback((todos: unknown): TodoItem[] => {\n    if (!Array.isArray(todos)) return [];\n\n    return todos\n      .map((todo, index) => {\n        if (!todo || typeof todo !== \"object\") return null;\n        const t = todo as Record<string, unknown>;\n        const status = t.status;\n        if (\n          typeof t.content !== \"string\" ||\n          (status !== \"pending\" && status !== \"in_progress\" && status !== \"completed\")\n        ) {\n          return null;\n        }\n\n        return {\n          id: t.id && typeof t.id === \"string\" ? t.id : `todo-${index}`,\n          content: t.content,\n          status,\n          updatedAt: t.updatedAt instanceof Date || typeof t.updatedAt === \"string\" || typeof t.updatedAt === \"number\"\n            ? (t.updatedAt as string | number | Date)\n            : undefined,\n          run_id: typeof t.run_id === \"string\" ? t.run_id : undefined,\n          runId: typeof t.runId === \"string\" ? t.runId : undefined,\n          messageId: typeof t.messageId === \"string\" ? t.messageId : undefined,\n          checkpoint: typeof t.checkpoint === \"string\" ? t.checkpoint : undefined,\n        } as TodoItem;\n      })\n      .filter((todo): todo is TodoItem => todo !== null);\n  }, []);\n\n  // Handler for message feedback\n  const handleFeedback = useCallback((messageId: string, feedback: MessageFeedback) => {\n    setMessageFeedback(prev => ({\n      ...prev,\n      [messageId]: feedback,\n    }));\n  }, []);\n\n  // Handler for message regeneration\n  const handleRegenerate = useCallback(async (\n    parentCheckpoint: any | null | undefined,\n  ) => {\n    if (!parentCheckpoint) {\n      console.error(\"No parent checkpoint available for regeneration\");\n      return;\n    }\n\n    await stream.submit(undefined, {\n      checkpoint: parentCheckpoint,\n      streamMode: [\"values\"],\n      streamSubgraphs: true,\n      streamResumable: true,\n    });\n  }, [stream]);\n\n  // Handler for selecting a different branch\n  const handleBranchSelect = useCallback((branch: string) => {\n    stream.setBranch(branch);\n  }, [stream]);\n\n  // Handler for HITL interrupt responses\n  const handleInterruptRespond = useCallback((response: any) => {\n    stream.submit(null, {\n      command: { resume: response },\n      streamMode: [\"values\", \"messages-tuple\", \"updates\", \"custom\"],\n      streamSubgraphs: true,\n    });\n  }, [stream]);\n\n  // Build interrupt actions for custom renderers\n  const interruptActions = useMemo(() => {\n    const interrupt = stream.interrupt;\n    if (!interrupt) return null;\n    const payload = interrupt.value as any;\n    const actionRequests = payload?.actionRequests ?? [];\n    return {\n      approve: () => {\n        handleInterruptRespond({\n          decisions: actionRequests.map(() => ({ type: \"approve\" as const })),\n        });\n      },\n      reject: (reason?: string) => {\n        handleInterruptRespond({\n          decisions: actionRequests.map(() => ({\n            type: \"reject\" as const,\n            message: reason || undefined,\n          })),\n        });\n      },\n      edit: (editedArgs: Record<string, unknown>) => {\n        const action = actionRequests[0];\n        handleInterruptRespond({\n          decisions: [\n            {\n              type: \"edit\" as const,\n              editedAction: {\n                name: action?.name ?? \"\",\n                args: { ...action?.args, ...editedArgs },\n              },\n            },\n          ],\n        });\n      },\n    };\n  }, [stream.interrupt, handleInterruptRespond]);\n\n  // Get the parent scroll container\n  const getScrollContainer = useCallback(() => {\n    if (containerRef.current) {\n      // Find the parent with overflow-y-auto class\n      let parent = containerRef.current.parentElement;\n      while (parent) {\n        const style = window.getComputedStyle(parent);\n        if (style.overflowY === 'auto' || style.overflowY === 'scroll') {\n          return parent;\n        }\n        parent = parent.parentElement;\n      }\n    }\n    return null;\n  }, []);\n\n  useEffect(() => {\n    if (memoMessages.length > 0 && setIsFirstMessage) {\n      setIsFirstMessage(false);\n    }\n  }, [memoMessages.length, setIsFirstMessage]);\n\n  // Memoize message rendering logic to prevent unnecessary re-renders\n  const renderMessage = useCallback((msg: typeof messages[0], index: number, messagesArray: typeof messages) => {\n    const isCurrentlyStreamingMessage = isLoading && index === messagesArray.length - 1 && msg.type === \"ai\";\n    if (!msg.content.length && !isAiWithToolCalls(msg) && !isCurrentlyStreamingMessage) return null;\n\n    if (msg.additional_kwargs?.hidden) {\n      return null;\n    }\n\n    // Use message id or fallback to index for key\n    const msgKey = msg.id ?? `msg-${index}`;\n    const hasCustomComponentForMessage = (message: Message) =>\n      typeof message.id === \"string\" && uiMessageIds.has(message.id);\n\n    if (msg.type === \"human\") {\n      return <HumanMessage key={msgKey} message={msg} fontSize={chatBodyProps?.fontSize} />;\n    }\n\n    // Skip standalone tool messages\n    if (isToolMessage(msg)) {\n      return null;\n    }\n\n    // Skip if this AI message was already combined with a previous one\n    if (msg.type === \"ai\" && index > 0) {\n      // Check if previous non-tool message is also an AI message\n      let prevIndex = index - 1;\n      while (prevIndex >= 0 && isToolMessage(messagesArray[prevIndex])) {\n        prevIndex--;\n      }\n\n      if (prevIndex >= 0 && messagesArray[prevIndex].type === \"ai\") {\n        // Only render separately if THIS message owns custom UI (needs its own group).\n        // Otherwise it was already consumed by the previous group's forward scan.\n        const currentHasCustomUi = hasCustomComponentForMessage(msg);\n        if (!currentHasCustomUi) {\n          return null;\n        }\n      }\n    }\n\n    const groupedTimelineMessages: Message[] = [msg];\n    let nextIndex = index + 1;\n\n    while (nextIndex < messagesArray.length) {\n      const nextMsg = messagesArray[nextIndex];\n\n      if (isToolMessage(nextMsg)) {\n        groupedTimelineMessages.push(nextMsg);\n        nextIndex++;\n      } else if (nextMsg.type === \"ai\") {\n        if (hasCustomComponentForMessage(nextMsg)) {\n          // Sub-agent/custom UI messages should be rendered in their own section\n          // to avoid parent-bubble flicker and reparenting during streaming.\n          break;\n        }\n        groupedTimelineMessages.push(nextMsg);\n        nextIndex++;\n      } else {\n        // Stop at human messages or other types\n        break;\n      }\n    }\n\n    const groupedAiMessages = groupedTimelineMessages.filter((m) => m.type === \"ai\");\n\n    // Merge content from all AI messages, preserving reasoning blocks.\n    // Deduplicate identical text content (subgraph messages can duplicate parent messages).\n    const hasArrayContent = groupedAiMessages.some((m) => Array.isArray(m.content));\n    const seenTexts = new Set<string>();\n    const mergedContent: Message[\"content\"] = hasArrayContent\n      ? groupedAiMessages.flatMap((m) => {\n          if (Array.isArray(m.content)) {\n            return (m.content as any[]).filter((block: any) => {\n              if (block.type === \"text\" && typeof block.text === \"string\") {\n                if (seenTexts.has(block.text)) return false;\n                seenTexts.add(block.text);\n              }\n              return true;\n            });\n          }\n          if (typeof m.content === \"string\" && m.content.length > 0) {\n            if (seenTexts.has(m.content)) return [];\n            seenTexts.add(m.content);\n            return [{ type: \"text\", text: m.content }];\n          }\n          return [];\n        })\n      : (() => {\n          const unique: string[] = [];\n          for (const m of groupedAiMessages) {\n            const text = typeof m.content === \"string\" ? m.content : \"\";\n            if (text && !seenTexts.has(text)) {\n              seenTexts.add(text);\n              unique.push(text);\n            }\n          }\n          return unique.join(\"\\n\\n\");\n        })();\n\n    // Extract plain-text portion for legacy checks\n    const combinedContent = hasArrayContent\n      ? (mergedContent as any[])\n          .map((c: any) => (c.type === \"text\" ? (c.text as string) : \"\"))\n          .filter(Boolean)\n          .join(\" \")\n      : (mergedContent as string);\n\n    // Create a combined message object preserving full content (including thinking blocks)\n    const combinedMessage = {\n      ...msg,\n      content: mergedContent,\n    };\n\n    // Get branch metadata from thread\n    const meta = msg ? stream.getMessagesMetadata(msg) : undefined;\n\n    // Determine if there is any displayable content (text OR thinking/reasoning blocks)\n    const hasThinkingContent = hasArrayContent\n      ? (mergedContent as any[]).some(\n          (b: any) =>\n            (b.type === \"thinking\" && (b.thinking as string)?.length > 0) ||\n            (b.type === \"reasoning\" && (b.reasoning as string)?.length > 0),\n        )\n      : false;\n    const hasKwargsReasoning =\n      groupedAiMessages.some((m) => {\n        const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n        return typeof ak?.reasoning_content === \"string\" && (ak.reasoning_content as string).length > 0;\n      });\n\n    const hasKwargsToolStatus = groupedAiMessages.some((m) => {\n      const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n      return Array.isArray(ak?.tool_status) && (ak.tool_status as unknown[]).length > 0;\n    });\n    const hasToolMessages = groupedTimelineMessages.some((m) => isToolMessage(m));\n    const hasToolCalls = enableToolCallIndicator && (\n      groupedAiMessages.some((m) => isAiWithToolCalls(m)) ||\n      hasKwargsToolStatus ||\n      hasToolMessages\n    );\n    const hasAnyDisplayableContent =\n      !!combinedContent ||\n      hasThinkingContent ||\n      hasKwargsReasoning ||\n      hasToolCalls;\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n    const groupKey = groupedAiMessages\n      .map((m) => m.id)\n      .filter((id): id is string => typeof id === \"string\" && id.length > 0)\n      .join(\"|\") || msgKey;\n\n    const todosForGroup = (() => {\n      const frozen = frozenTodosByGroupRef.current.get(groupKey);\n      if (!isStreamingThisMessage && frozen && frozen.length > 0) {\n        return frozen;\n      }\n\n      if (isStreamingThisMessage) {\n        const live = normalizeTodos(stream.values?.todos);\n        if (live.length > 0) {\n          frozenTodosByGroupRef.current.set(groupKey, live);\n          return live;\n        }\n      }\n\n      for (let i = groupedAiMessages.length - 1; i >= 0; i--) {\n        const aiMeta = stream.getMessagesMetadata(groupedAiMessages[i]);\n        const aiValues = aiMeta?.firstSeenState?.values as { todos?: unknown } | undefined;\n        const snapshot = normalizeTodos(aiValues?.todos);\n        if (snapshot.length > 0) {\n          if (!frozen || frozen.length === 0) {\n            frozenTodosByGroupRef.current.set(groupKey, snapshot);\n          }\n          return frozen ?? snapshot;\n        }\n      }\n\n      if (frozen && frozen.length > 0) {\n        return frozen;\n      }\n\n      return [];\n    })();\n\n    // Show Thinking animation whenever streaming with no displayable content yet (plain chat or tool-call)\n    const showThinkingIndicator = isStreamingThisMessage && !hasAnyDisplayableContent;\n\n    return (\n      <React.Fragment key={msgKey}>\n        {/* 1. Thinking indicator - show when streaming with no content yet (no icon shown) */}\n        {showThinkingIndicator && (\n          <Thinking />\n        )}\n        {/* 2. Agent message — pass full mergedContent and grouped timeline for in-order rendering */}\n        {hasAnyDisplayableContent && (\n          <AgentMessage\n            agentName={chatBodyProps?.agentName}\n            fontSize={chatBodyProps?.fontSize}\n            message={combinedMessage}\n            groupedMessages={groupedTimelineMessages}\n            showToolActivity={enableToolCallIndicator}\n            isStreaming={isStreamingThisMessage}\n            onRegenerate={handleRegenerate}\n            feedback={msg.id ? messageFeedback[msg.id] : undefined}\n            onFeedback={handleFeedback}\n            branch={meta?.branch}\n            branchOptions={meta?.branchOptions}\n            onBranchSelect={handleBranchSelect}\n            todos={todosForGroup}\n          />\n        )}\n        {/* 3. Custom component (from all messages in the group) */}\n        {groupedAiMessages.map((m) => (\n          <CustomComponentRender key={m.id} message={m} thread={stream} />\n        ))}\n      </React.Fragment>\n    );\n  }, [isLoading, stream, normalizeTodos, enableToolCallIndicator, handleRegenerate, messageFeedback, handleFeedback, handleBranchSelect, uiMessageIds]);\n\n  // Memoize the rendered messages array\n  const renderedMessages = useMemo(() => {\n    return memoMessages.map((msg, index) => {\n      const element = renderMessage(msg, index, memoMessages);\n      // Ensure every element has a key, using message id or fallback to index\n      if (element && !element.key) {\n        return React.cloneElement(element, { key: msg.id ?? `msg-${index}` });\n      }\n      return element;\n    });\n  }, [memoMessages, renderMessage]);\n\n  // Track user scroll position to determine if we should auto-scroll\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer) return;\n\n    const handleScroll = () => {\n      const { scrollTop, scrollHeight, clientHeight } = scrollContainer;\n      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n      // Consider \"at bottom\" if within 100px\n      shouldAutoScrollRef.current = distanceFromBottom < 100;\n    };\n\n    scrollContainer.addEventListener('scroll', handleScroll);\n    return () => scrollContainer.removeEventListener('scroll', handleScroll);\n  }, [getScrollContainer]);\n\n  // Auto-scroll when new messages are added\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer) return;\n\n    const currentCount = memoMessages.length;\n    const hasNewMessage = currentCount > prevMessageCountRef.current;\n\n    if (hasNewMessage) {\n      scrollContainer.scrollTop = scrollContainer.scrollHeight;\n      shouldAutoScrollRef.current = true;\n    }\n\n    prevMessageCountRef.current = currentCount;\n  }, [memoMessages, getScrollContainer]);\n\n  // Use MutationObserver to detect DOM changes and auto-scroll during streaming\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer || !isLoading) return;\n\n    const observer = new MutationObserver(() => {\n      if (shouldAutoScrollRef.current && scrollContainer) {\n        scrollContainer.scrollTop = scrollContainer.scrollHeight;\n      }\n    });\n\n    // Observe the ChatBody container for changes\n    if (containerRef.current) {\n      observer.observe(containerRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n    }\n\n    return () => observer.disconnect();\n  }, [isLoading, getScrollContainer]);\n\n  // Use useLayoutEffect to scroll after DOM updates\n  useLayoutEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (isLoading && shouldAutoScrollRef.current && scrollContainer) {\n      scrollContainer.scrollTop = scrollContainer.scrollHeight;\n    }\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex flex-col gap-4 rounded-4xl p-2\"\n    >\n      {memoMessages.length === 0 ? (\n        <div className=\"flex items-center justify-center h-full text-zinc-500\">\n          {isLoading ? (\n            <div className=\"flex items-center gap-2\">\n              <div className=\"animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full\" />\n              <span>Loading conversation...</span>\n            </div>\n          ) : (\n            \"Start a conversation...\"\n          )}\n        </div>\n      ) : (\n        <>\n          {renderedMessages}\n          {/* Show HITL interrupt card when agent is paused for approval */}\n          {/* Show thinking indicator when loading and last message is human (no AI response yet) */}\n          {isLoading && memoMessages.length > 0 &&\n            memoMessages[memoMessages.length - 1].type === \"human\" && (\n              <Thinking />\n            )}\n          {!isLoading && stream.interrupt && interruptActions && (() => {\n            const payload = stream.interrupt.value as any;\n            const toolName = payload?.actionRequests?.[0]?.name;\n            const InterruptComponent = toolName ? interruptComponents[toolName] : undefined;\n            if (!InterruptComponent) return null;\n            return <InterruptComponent interrupt={payload} actions={interruptActions} />;\n          })()}\n        </>\n      )}\n\n    </div>\n  );\n}\n"],"names":["ChatBody","setIsFirstMessage","enableToolCallIndicator","chatBodyProps","stream","useStreamContext","interruptComponents","useCustomComponents","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","uiMessageIds","ids","uiMessages","ui","uiObj","metadata","candidates","candidate","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","frozenTodosByGroupRef","normalizeTodos","useCallback","todos","todo","index","t","status","handleFeedback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","handleInterruptRespond","response","interruptActions","interrupt","actionRequests","reason","editedArgs","action","getScrollContainer","parent","style","useEffect","renderMessage","msg","messagesArray","isCurrentlyStreamingMessage","isAiWithToolCalls","msgKey","hasCustomComponentForMessage","message","HumanMessage","isToolMessage","prevIndex","groupedTimelineMessages","nextIndex","nextMsg","groupedAiMessages","m","hasArrayContent","seenTexts","mergedContent","block","unique","text","combinedContent","c","combinedMessage","meta","hasThinkingContent","b","hasKwargsReasoning","ak","hasKwargsToolStatus","hasToolMessages","hasToolCalls","hasAnyDisplayableContent","isLastMessageGroup","isStreamingThisMessage","groupKey","id","todosForGroup","frozen","live","i","aiValues","snapshot","showThinkingIndicator","jsxs","React","Thinking","jsx","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","payload","toolName","InterruptComponent"],"mappings":"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"}
+{"version":3,"file":"ChatBody.es.js","sources":["../../src/components/ChatBody.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport { useCustomComponents } from \"@/providers/CustomComponentProvider\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { chatBodyProps } from \"@/types/ChatProps\";\nimport { logger } from \"@/utils/logger\";\nimport { isAiWithToolCalls, isToolMessage } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport type { TodoItem } from \"@/providers/Stream\";\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport AgentMessage from \"./messages/AgentMessage\";\nimport AskUserInterrupt from \"./AskUserInterrupt\";\nimport CustomComponentRender from \"./messages/CustomComponentRender\";\nimport HumanMessage from \"./messages/HumanMessage\";\nimport type { MessageFeedback } from \"./messages/MessageActions\";\nimport Thinking from \"./Thinking\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator = true, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n  const stream = useStreamContext();\n  const { interruptComponents } = useCustomComponents();\n  const { threadId } = useThread();\n  const messages = stream.messages;\n  const isLoading = stream.isLoading;\n\n  // State to track message feedback (likes/dislikes)\n  const [messageFeedback, setMessageFeedback] = useState<Record<string, MessageFeedback>>({});\n\n  logger.debug(\"ChatBody render - messages count:\", messages, \"isLoading:\", isLoading);\n\n  // Memoize messages with stable reference\n  const memoMessages = useMemo(() => messages ?? [], [messages]);\n\n  const uiMessageIds = useMemo(() => {\n    const ids = new Set<string>();\n    const uiMessages = stream.values?.ui;\n    if (!Array.isArray(uiMessages)) return ids;\n\n    for (const ui of uiMessages) {\n      const uiObj = ui as unknown as Record<string, unknown>;\n      const metadata =\n        uiObj.metadata && typeof uiObj.metadata === \"object\"\n          ? (uiObj.metadata as Record<string, unknown>)\n          : undefined;\n\n      const candidates = [\n        typeof uiObj.id === \"string\" ? uiObj.id : undefined,\n        typeof metadata?.id === \"string\" ? metadata.id : undefined,\n        typeof metadata?.message_id === \"string\" ? metadata.message_id : undefined,\n      ];\n\n      for (const candidate of candidates) {\n        if (candidate) ids.add(candidate);\n      }\n    }\n\n    return ids;\n  }, [stream.values?.ui]);\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const prevMessageCountRef = useRef(0);\n  const shouldAutoScrollRef = useRef(true);\n  const frozenTodosByGroupRef = useRef<Map<string, TodoItem[]>>(new Map());\n\n  const normalizeTodos = useCallback((todos: unknown): TodoItem[] => {\n    if (!Array.isArray(todos)) return [];\n\n    return todos\n      .map((todo, index) => {\n        if (!todo || typeof todo !== \"object\") return null;\n        const t = todo as Record<string, unknown>;\n        const status = t.status;\n        if (\n          typeof t.content !== \"string\" ||\n          (status !== \"pending\" && status !== \"in_progress\" && status !== \"completed\")\n        ) {\n          return null;\n        }\n\n        return {\n          id: t.id && typeof t.id === \"string\" ? t.id : `todo-${index}`,\n          content: t.content,\n          status,\n          updatedAt: t.updatedAt instanceof Date || typeof t.updatedAt === \"string\" || typeof t.updatedAt === \"number\"\n            ? (t.updatedAt as string | number | Date)\n            : undefined,\n          run_id: typeof t.run_id === \"string\" ? t.run_id : undefined,\n          runId: typeof t.runId === \"string\" ? t.runId : undefined,\n          messageId: typeof t.messageId === \"string\" ? t.messageId : undefined,\n          checkpoint: typeof t.checkpoint === \"string\" ? t.checkpoint : undefined,\n        } as TodoItem;\n      })\n      .filter((todo): todo is TodoItem => todo !== null);\n  }, []);\n\n  // Handler for message feedback\n  const handleFeedback = useCallback((messageId: string, feedback: MessageFeedback) => {\n    setMessageFeedback(prev => ({\n      ...prev,\n      [messageId]: feedback,\n    }));\n  }, []);\n\n  // Handler for message regeneration\n  const handleRegenerate = useCallback(async (\n    parentCheckpoint: any | null | undefined,\n  ) => {\n    if (!parentCheckpoint) {\n      console.error(\"No parent checkpoint available for regeneration\");\n      return;\n    }\n\n    await stream.submit(undefined, {\n      checkpoint: parentCheckpoint,\n      streamMode: [\"values\"],\n      streamSubgraphs: true,\n      streamResumable: true,\n    });\n  }, [stream]);\n\n  // Handler for selecting a different branch\n  const handleBranchSelect = useCallback((branch: string) => {\n    stream.setBranch(branch);\n  }, [stream]);\n\n  // Guard against re-showing the interrupt card during the brief window\n  // between when the user submits a resume and when history refetches the new\n  // checkpoint. The SDK can temporarily restore the old interrupt value from\n  // historyValues during this gap, causing a flash. We suppress the card for\n  // the exact interrupt value that was just responded to.\n  //\n  // The key is reset when:\n  //  - A different thread is opened (threadId changes)\n  //  - The interrupt disappears with isLoading=true (new stream fully started)\n  const respondedInterruptKeyRef = useRef<string>(\"\");\n  const prevThreadIdRef = useRef<string | null | undefined>(null);\n\n  // Reset when the thread changes so a new thread with the same questions shows correctly.\n  useEffect(() => {\n    if (prevThreadIdRef.current !== null && prevThreadIdRef.current !== threadId) {\n      respondedInterruptKeyRef.current = \"\";\n    }\n    prevThreadIdRef.current = threadId;\n  }, [threadId]);\n\n  // Reset once a new stream is flowing (isLoading=true and interrupt is gone).\n  // By this point the re-appearance window is closed and we no longer need to suppress.\n  useEffect(() => {\n    if (isLoading && !stream.interrupt && respondedInterruptKeyRef.current !== \"\") {\n      respondedInterruptKeyRef.current = \"\";\n    }\n  }, [isLoading, stream.interrupt]);\n\n  // Handler for HITL interrupt responses\n  const handleInterruptRespond = useCallback((response: any) => {\n    // Fingerprint the current interrupt so we can suppress it if it briefly\n    // re-appears from historyValues while the resume stream is starting.\n    const key = JSON.stringify(stream.interrupt?.value ?? null);\n    respondedInterruptKeyRef.current = key;\n    stream.submit(null, {\n      command: { resume: response },\n      streamMode: [\"values\", \"messages-tuple\", \"updates\", \"custom\"],\n      streamSubgraphs: true,\n    });\n  }, [stream]);\n\n  // Build interrupt actions for custom renderers\n  const interruptActions = useMemo(() => {\n    const interrupt = stream.interrupt;\n    if (!interrupt) return null;\n    const payload = interrupt.value as any;\n    const actionRequests = payload?.actionRequests ?? [];\n    return {\n      approve: () => {\n        handleInterruptRespond({\n          decisions: actionRequests.map(() => ({ type: \"approve\" as const })),\n        });\n      },\n      reject: (reason?: string) => {\n        handleInterruptRespond({\n          decisions: actionRequests.map(() => ({\n            type: \"reject\" as const,\n            message: reason || undefined,\n          })),\n        });\n      },\n      edit: (editedArgs: Record<string, unknown>) => {\n        const action = actionRequests[0];\n        handleInterruptRespond({\n          decisions: [\n            {\n              type: \"edit\" as const,\n              editedAction: {\n                name: action?.name ?? \"\",\n                args: { ...action?.args, ...editedArgs },\n              },\n            },\n          ],\n        });\n      },\n    };\n  }, [stream.interrupt, handleInterruptRespond]);\n\n  // Get the parent scroll container\n  const getScrollContainer = useCallback(() => {\n    if (containerRef.current) {\n      // Find the parent with overflow-y-auto class\n      let parent = containerRef.current.parentElement;\n      while (parent) {\n        const style = window.getComputedStyle(parent);\n        if (style.overflowY === 'auto' || style.overflowY === 'scroll') {\n          return parent;\n        }\n        parent = parent.parentElement;\n      }\n    }\n    return null;\n  }, []);\n\n  useEffect(() => {\n    if (memoMessages.length > 0 && setIsFirstMessage) {\n      setIsFirstMessage(false);\n    }\n  }, [memoMessages.length, setIsFirstMessage]);\n\n  // Memoize message rendering logic to prevent unnecessary re-renders\n  const renderMessage = useCallback((msg: typeof messages[0], index: number, messagesArray: typeof messages) => {\n    const isCurrentlyStreamingMessage = isLoading && index === messagesArray.length - 1 && msg.type === \"ai\";\n    if (!msg.content.length && !isAiWithToolCalls(msg) && !isCurrentlyStreamingMessage) return null;\n\n    if (msg.additional_kwargs?.hidden) {\n      return null;\n    }\n\n    // Use message id or fallback to index for key\n    const msgKey = msg.id ?? `msg-${index}`;\n    const hasCustomComponentForMessage = (message: Message) =>\n      typeof message.id === \"string\" && uiMessageIds.has(message.id);\n\n    if (msg.type === \"human\") {\n      return <HumanMessage key={msgKey} message={msg} fontSize={chatBodyProps?.fontSize} />;\n    }\n\n    // Skip standalone tool messages\n    if (isToolMessage(msg)) {\n      return null;\n    }\n\n    // Skip if this AI message was already combined with a previous one\n    if (msg.type === \"ai\" && index > 0) {\n      // Check if previous non-tool message is also an AI message\n      let prevIndex = index - 1;\n      while (prevIndex >= 0 && isToolMessage(messagesArray[prevIndex])) {\n        prevIndex--;\n      }\n\n      if (prevIndex >= 0 && messagesArray[prevIndex].type === \"ai\") {\n        // Only render separately if THIS message owns custom UI (needs its own group).\n        // Otherwise it was already consumed by the previous group's forward scan.\n        const currentHasCustomUi = hasCustomComponentForMessage(msg);\n        if (!currentHasCustomUi) {\n          return null;\n        }\n      }\n    }\n\n    const groupedTimelineMessages: Message[] = [msg];\n    let nextIndex = index + 1;\n\n    while (nextIndex < messagesArray.length) {\n      const nextMsg = messagesArray[nextIndex];\n\n      if (isToolMessage(nextMsg)) {\n        groupedTimelineMessages.push(nextMsg);\n        nextIndex++;\n      } else if (nextMsg.type === \"ai\") {\n        if (hasCustomComponentForMessage(nextMsg)) {\n          // Sub-agent/custom UI messages should be rendered in their own section\n          // to avoid parent-bubble flicker and reparenting during streaming.\n          break;\n        }\n        groupedTimelineMessages.push(nextMsg);\n        nextIndex++;\n      } else {\n        // Stop at human messages or other types\n        break;\n      }\n    }\n\n    const groupedAiMessages = groupedTimelineMessages.filter((m) => m.type === \"ai\");\n\n    // Merge content from all AI messages, preserving reasoning blocks.\n    // Deduplicate identical text content (subgraph messages can duplicate parent messages).\n    const hasArrayContent = groupedAiMessages.some((m) => Array.isArray(m.content));\n    const seenTexts = new Set<string>();\n    const mergedContent: Message[\"content\"] = hasArrayContent\n      ? groupedAiMessages.flatMap((m) => {\n          if (Array.isArray(m.content)) {\n            return (m.content as any[]).filter((block: any) => {\n              if (block.type === \"text\" && typeof block.text === \"string\") {\n                if (seenTexts.has(block.text)) return false;\n                seenTexts.add(block.text);\n              }\n              return true;\n            });\n          }\n          if (typeof m.content === \"string\" && m.content.length > 0) {\n            if (seenTexts.has(m.content)) return [];\n            seenTexts.add(m.content);\n            return [{ type: \"text\", text: m.content }];\n          }\n          return [];\n        })\n      : (() => {\n          const unique: string[] = [];\n          for (const m of groupedAiMessages) {\n            const text = typeof m.content === \"string\" ? m.content : \"\";\n            if (text && !seenTexts.has(text)) {\n              seenTexts.add(text);\n              unique.push(text);\n            }\n          }\n          return unique.join(\"\\n\\n\");\n        })();\n\n    // Extract plain-text portion for legacy checks\n    const combinedContent = hasArrayContent\n      ? (mergedContent as any[])\n          .map((c: any) => (c.type === \"text\" ? (c.text as string) : \"\"))\n          .filter(Boolean)\n          .join(\" \")\n      : (mergedContent as string);\n\n    // Create a combined message object preserving full content (including thinking blocks)\n    const combinedMessage = {\n      ...msg,\n      content: mergedContent,\n    };\n\n    // Get branch metadata from thread\n    const meta = msg ? stream.getMessagesMetadata(msg) : undefined;\n\n    // Determine if there is any displayable content (text OR thinking/reasoning blocks)\n    const hasThinkingContent = hasArrayContent\n      ? (mergedContent as any[]).some(\n          (b: any) =>\n            (b.type === \"thinking\" && (b.thinking as string)?.length > 0) ||\n            (b.type === \"reasoning\" && (b.reasoning as string)?.length > 0),\n        )\n      : false;\n    const hasKwargsReasoning =\n      groupedAiMessages.some((m) => {\n        const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n        return typeof ak?.reasoning_content === \"string\" && (ak.reasoning_content as string).length > 0;\n      });\n\n    const hasKwargsToolStatus = groupedAiMessages.some((m) => {\n      const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n      return Array.isArray(ak?.tool_status) && (ak.tool_status as unknown[]).length > 0;\n    });\n    const hasToolMessages = groupedTimelineMessages.some((m) => isToolMessage(m));\n    const hasToolCalls = enableToolCallIndicator && (\n      groupedAiMessages.some((m) => isAiWithToolCalls(m)) ||\n      hasKwargsToolStatus ||\n      hasToolMessages\n    );\n    const hasAnyDisplayableContent =\n      !!combinedContent ||\n      hasThinkingContent ||\n      hasKwargsReasoning ||\n      hasToolCalls;\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n    const groupKey = groupedAiMessages\n      .map((m) => m.id)\n      .filter((id): id is string => typeof id === \"string\" && id.length > 0)\n      .join(\"|\") || msgKey;\n\n    const todosForGroup = (() => {\n      const frozen = frozenTodosByGroupRef.current.get(groupKey);\n      if (!isStreamingThisMessage && frozen && frozen.length > 0) {\n        return frozen;\n      }\n\n      if (isStreamingThisMessage) {\n        const live = normalizeTodos(stream.values?.todos);\n        if (live.length > 0) {\n          frozenTodosByGroupRef.current.set(groupKey, live);\n          return live;\n        }\n      }\n\n      for (let i = groupedAiMessages.length - 1; i >= 0; i--) {\n        const aiMeta = stream.getMessagesMetadata(groupedAiMessages[i]);\n        const aiValues = aiMeta?.firstSeenState?.values as { todos?: unknown } | undefined;\n        const snapshot = normalizeTodos(aiValues?.todos);\n        if (snapshot.length > 0) {\n          if (!frozen || frozen.length === 0) {\n            frozenTodosByGroupRef.current.set(groupKey, snapshot);\n          }\n          return frozen ?? snapshot;\n        }\n      }\n\n      if (frozen && frozen.length > 0) {\n        return frozen;\n      }\n\n      return [];\n    })();\n\n    // Show Thinking animation whenever streaming with no displayable content yet (plain chat or tool-call)\n    const showThinkingIndicator = isStreamingThisMessage && !hasAnyDisplayableContent;\n\n    return (\n      <React.Fragment key={msgKey}>\n        {/* 1. Thinking indicator - show when streaming with no content yet (no icon shown) */}\n        {showThinkingIndicator && (\n          <Thinking />\n        )}\n        {/* 2. Agent message — pass full mergedContent and grouped timeline for in-order rendering */}\n        {hasAnyDisplayableContent && (\n          <AgentMessage\n            agentName={chatBodyProps?.agentName}\n            fontSize={chatBodyProps?.fontSize}\n            message={combinedMessage}\n            groupedMessages={groupedTimelineMessages}\n            showToolActivity={enableToolCallIndicator}\n            isStreaming={isStreamingThisMessage}\n            onRegenerate={handleRegenerate}\n            feedback={msg.id ? messageFeedback[msg.id] : undefined}\n            onFeedback={handleFeedback}\n            branch={meta?.branch}\n            branchOptions={meta?.branchOptions}\n            onBranchSelect={handleBranchSelect}\n            todos={todosForGroup}\n          />\n        )}\n        {/* 3. Custom component (from all messages in the group) */}\n        {groupedAiMessages.map((m) => (\n          <CustomComponentRender key={m.id} message={m} thread={stream} />\n        ))}\n      </React.Fragment>\n    );\n  }, [isLoading, stream, normalizeTodos, enableToolCallIndicator, handleRegenerate, messageFeedback, handleFeedback, handleBranchSelect, uiMessageIds]);\n\n  // Memoize the rendered messages array\n  const renderedMessages = useMemo(() => {\n    return memoMessages.map((msg, index) => {\n      const element = renderMessage(msg, index, memoMessages);\n      // Ensure every element has a key, using message id or fallback to index\n      if (element && !element.key) {\n        return React.cloneElement(element, { key: msg.id ?? `msg-${index}` });\n      }\n      return element;\n    });\n  }, [memoMessages, renderMessage]);\n\n  // Track user scroll position to determine if we should auto-scroll\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer) return;\n\n    const handleScroll = () => {\n      const { scrollTop, scrollHeight, clientHeight } = scrollContainer;\n      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n      // Consider \"at bottom\" if within 100px\n      shouldAutoScrollRef.current = distanceFromBottom < 100;\n    };\n\n    scrollContainer.addEventListener('scroll', handleScroll);\n    return () => scrollContainer.removeEventListener('scroll', handleScroll);\n  }, [getScrollContainer]);\n\n  // Auto-scroll when new messages are added\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer) return;\n\n    const currentCount = memoMessages.length;\n    const hasNewMessage = currentCount > prevMessageCountRef.current;\n\n    if (hasNewMessage) {\n      scrollContainer.scrollTop = scrollContainer.scrollHeight;\n      shouldAutoScrollRef.current = true;\n    }\n\n    prevMessageCountRef.current = currentCount;\n  }, [memoMessages, getScrollContainer]);\n\n  // Use MutationObserver to detect DOM changes and auto-scroll during streaming\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer || !isLoading) return;\n\n    const observer = new MutationObserver(() => {\n      if (shouldAutoScrollRef.current && scrollContainer) {\n        scrollContainer.scrollTop = scrollContainer.scrollHeight;\n      }\n    });\n\n    // Observe the ChatBody container for changes\n    if (containerRef.current) {\n      observer.observe(containerRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n    }\n\n    return () => observer.disconnect();\n  }, [isLoading, getScrollContainer]);\n\n  // Use useLayoutEffect to scroll after DOM updates\n  useLayoutEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (isLoading && shouldAutoScrollRef.current && scrollContainer) {\n      scrollContainer.scrollTop = scrollContainer.scrollHeight;\n    }\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex flex-col gap-4 rounded-4xl p-2\"\n    >\n      {memoMessages.length === 0 ? (\n        <div className=\"flex items-center justify-center h-full text-zinc-500\">\n          {isLoading ? (\n            <div className=\"flex items-center gap-2\">\n              <div className=\"animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full\" />\n              <span>Loading conversation...</span>\n            </div>\n          ) : (\n            \"Start a conversation...\"\n          )}\n        </div>\n      ) : (\n        <>\n          {renderedMessages}\n          {/* Show HITL interrupt card when agent is paused for approval */}\n          {/* Show thinking indicator when loading and last message is human (no AI response yet) */}\n          {isLoading && memoMessages.length > 0 &&\n            memoMessages[memoMessages.length - 1].type === \"human\" && (\n              <Thinking />\n            )}\n          {stream.interrupt && (() => {\n            const payload = stream.interrupt.value as any;\n\n            // Suppress the card if this is the same interrupt the user already\n            // responded to (it can briefly re-appear from history while the\n            // resume stream is still in-flight before history refetches).\n            const currentKey = JSON.stringify(payload ?? null);\n            if (currentKey === respondedInterruptKeyRef.current && respondedInterruptKeyRef.current !== \"\") {\n              return null;\n            }\n\n            // Check consumer-registered override first, then fall back to built-in.\n            if (payload?.type === \"ask_user\" && Array.isArray(payload.questions)) {\n              const CustomAskUser = interruptComponents[\"ask_user\"];\n              if (CustomAskUser) {\n                return <CustomAskUser interrupt={payload} actions={interruptActions ?? { approve: () => {}, reject: () => {}, edit: () => {} }} />;\n              }\n              return (\n                <AskUserInterrupt\n                  questions={payload.questions}\n                  onSubmit={(response) => handleInterruptRespond(response)}\n                />\n              );\n            }\n\n            if (interruptActions) {\n              const toolName = payload?.actionRequests?.[0]?.name;\n              const InterruptComponent = toolName ? interruptComponents[toolName] : undefined;\n              if (!InterruptComponent) return null;\n              return <InterruptComponent interrupt={payload} actions={interruptActions} />;\n            }\n\n            return null;\n          })()}\n        </>\n      )}\n\n    </div>\n  );\n}\n"],"names":["ChatBody","setIsFirstMessage","enableToolCallIndicator","chatBodyProps","stream","useStreamContext","interruptComponents","useCustomComponents","threadId","useThread","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","uiMessageIds","ids","uiMessages","ui","uiObj","metadata","candidates","candidate","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","frozenTodosByGroupRef","normalizeTodos","useCallback","todos","todo","index","t","status","handleFeedback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","respondedInterruptKeyRef","prevThreadIdRef","useEffect","handleInterruptRespond","response","key","interruptActions","interrupt","actionRequests","reason","editedArgs","action","getScrollContainer","parent","style","renderMessage","msg","messagesArray","isCurrentlyStreamingMessage","isAiWithToolCalls","msgKey","hasCustomComponentForMessage","message","HumanMessage","isToolMessage","prevIndex","groupedTimelineMessages","nextIndex","nextMsg","groupedAiMessages","m","hasArrayContent","seenTexts","mergedContent","block","unique","text","combinedContent","c","combinedMessage","meta","hasThinkingContent","b","hasKwargsReasoning","ak","hasKwargsToolStatus","hasToolMessages","hasToolCalls","hasAnyDisplayableContent","isLastMessageGroup","isStreamingThisMessage","groupKey","id","todosForGroup","frozen","live","aiValues","snapshot","showThinkingIndicator","jsxs","React","Thinking","jsx","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","payload","CustomAskUser","AskUserInterrupt","toolName","InterruptComponent"],"mappings":"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"}