langgraph-ui-components 0.0.27 → 0.0.29

package/dist/components/ChatBody.es.js

@@ -1,231 +1,258 @@
-import { jsx as l, jsxs as T, Fragment as oe } from "react/jsx-runtime";
-import { parsePartialJson as re } from "../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/utils/json.es.js";
-import "../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/errors/index.es.js";
-import "../_virtual/index.es.js";
-import "../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/messages/block_translators/index.es.js";
-import "../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/_uuid.es.js";
-import "../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/prompt_cache/index.es.js";
-import "../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/p-queue.es.js";
-import "../_virtual/index.es2.js";
-import "../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/fast-safe-stringify/index.es.js";
-import "../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/tracers/console.es.js";
-import "../_virtual/index.es3.js";
-import "../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/utils/fast-json-patch/index.es.js";
-import "../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/utils/sax-js/sax.es.js";
-import { useStreamContext as se } from "../providers/Stream.es.js";
-import { useCustomComponents as ie } from "../providers/CustomComponentProvider.es.js";
-import { logger as ae } from "../utils/logger.es.js";
-import { isAiWithToolCalls as A, isToolMessage as M } from "../utils/utils.es.js";
-import D, { useState as le, useMemo as _, useRef as N, useCallback as d, useEffect as b, useLayoutEffect as ce } from "react";
-import ue from "./messages/AgentMessage.es.js";
-import pe from "./messages/CustomComponentRender.es.js";
-import me from "./messages/HumanMessage.es.js";
-import Y from "./Thinking.es.js";
-function Be({ setIsFirstMessage: k, enableToolCallIndicator: w = !0, chatBodyProps: S }) {
-  const r = se(), { interruptComponents: $ } = ie(), R = r.messages, a = r.isLoading, [j, G] = le({});
-  ae.debug("ChatBody render - messages count:", R, "isLoading:", a);
-  const i = _(() => R ?? [], [R]), f = N(null), L = N(0), y = N(!0), E = d((e, o) => {
-    G((n) => ({
-      ...n,
-      [e]: o
+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
+      ];
+      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
+    };
+  }).filter((n) => n !== null) : [], []), O = g((e, n) => {
+    Z((o) => ({
+      ...o,
+      [e]: n
     }));
-  }, []), F = d(async (e) => {
+  }, []), D = g(async (e) => {
     if (!e) {
       console.error("No parent checkpoint available for regeneration");
       return;
     }
-    await r.submit(void 0, {
+    await a.submit(void 0, {
       checkpoint: e,
       streamMode: ["values"],
       streamSubgraphs: !0,
       streamResumable: !0
     });
-  }, [r]), z = d((e) => {
-    r.setBranch(e);
-  }, [r]), C = d((e) => {
-    r.submit(null, { command: { resume: e } });
-  }, [r]), B = _(() => {
-    const e = r.interrupt;
+  }, [a]), G = g((e) => {
+    a.setBranch(e);
+  }, [a]), b = g((e) => {
+    a.submit(null, {
+      command: { resume: e },
+      streamMode: ["values", "messages-tuple", "updates", "custom"],
+      streamSubgraphs: !0
+    });
+  }, [a]), $ = x(() => {
+    const e = a.interrupt;
     if (!e) return null;
-    const n = e.value?.actionRequests ?? [];
+    const o = e.value?.actionRequests ?? [];
     return {
       approve: () => {
-        C({
-          decisions: n.map(() => ({ type: "approve" }))
+        b({
+          decisions: o.map(() => ({ type: "approve" }))
         });
       },
-      reject: (s) => {
-        C({
-          decisions: n.map(() => ({
+      reject: (r) => {
+        b({
+          decisions: o.map(() => ({
             type: "reject",
-            message: s || void 0
+            message: r || void 0
           }))
         });
       },
-      edit: (s) => {
-        const p = n[0];
-        C({
+      edit: (r) => {
+        const i = o[0];
+        b({
           decisions: [
             {
               type: "edit",
               editedAction: {
-                name: p?.name ?? "",
-                args: { ...p?.args, ...s }
+                name: i?.name ?? "",
+                args: { ...i?.args, ...r }
               }
             }
           ]
         });
       }
     };
-  }, [r.interrupt, C]), I = d((e) => Array.isArray(e) ? e.filter(
-    (n) => typeof n == "object" && n !== null && n.type === "tool_use" && n.id
-  ).map((n) => {
-    let s = {};
-    if (n?.input)
-      if (typeof n.input == "string")
-        try {
-          s = re(n.input) ?? {};
-        } catch {
-          s = {};
-        }
-      else typeof n.input == "object" && (s = n.input);
-    return {
-      name: n.name ?? "",
-      id: n.id ?? "",
-      args: s,
-      type: "tool_call"
-    };
-  }) : [], []), u = d(() => {
-    if (f.current) {
-      let e = f.current.parentElement;
+  }, [a.interrupt, b]), f = g(() => {
+    if (y.current) {
+      let e = y.current.parentElement;
       for (; e; ) {
-        const o = window.getComputedStyle(e);
-        if (o.overflowY === "auto" || o.overflowY === "scroll")
+        const n = window.getComputedStyle(e);
+        if (n.overflowY === "auto" || n.overflowY === "scroll")
           return e;
         e = e.parentElement;
       }
     }
     return null;
   }, []);
-  b(() => {
-    i.length > 0 && k && k(!1);
-  }, [i.length, k]);
-  const H = d((e, o, n) => {
-    const s = a && o === n.length - 1 && e.type === "ai";
-    if (!e.content.length && !A(e) && !s || e.additional_kwargs?.hidden)
+  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)
       return null;
-    const p = e.id ?? `msg-${o}`;
+    const i = e.id ?? `msg-${n}`, h = (t) => typeof t.id == "string" && q.has(t.id);
     if (e.type === "human")
-      return /* @__PURE__ */ l(me, { message: e, fontSize: S?.fontSize }, p);
-    if (M(e))
+      return /* @__PURE__ */ d(Me, { message: e, fontSize: j?.fontSize }, i);
+    if (k(e))
       return null;
-    if (e.type === "ai" && o > 0) {
-      let t = o - 1;
-      for (; t >= 0 && M(n[t]); )
+    if (e.type === "ai" && n > 0) {
+      let t = n - 1;
+      for (; t >= 0 && k(o[t]); )
         t--;
-      if (t >= 0 && n[t].type === "ai")
+      if (t >= 0 && o[t].type === "ai" && !h(e))
         return null;
     }
-    const m = [e];
-    let h = o + 1;
-    for (; h < n.length; ) {
-      const t = n[h];
-      if (M(t))
-        m.push(t), h++;
-      else if (t.type === "ai")
-        m.push(t), h++;
-      else
+    const p = [e];
+    let v = n + 1;
+    for (; v < o.length; ) {
+      const t = o[v];
+      if (k(t))
+        p.push(t), v++;
+      else if (t.type === "ai") {
+        if (h(t))
+          break;
+        p.push(t), v++;
+      } else
         break;
     }
-    const c = m.filter((t) => t.type === "ai"), W = m.filter((t) => M(t)), x = c.some((t) => Array.isArray(t.content)), v = x ? c.flatMap((t) => Array.isArray(t.content) ? t.content : typeof t.content == "string" && t.content.length > 0 ? [{ type: "text", text: t.content }] : []) : c.map((t) => typeof t.content == "string" ? t.content : "").filter(Boolean).join(`
+    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);
+      }
+      return !0;
+    }) : typeof t.content == "string" && t.content.length > 0 ? m.has(t.content) ? [] : (m.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));
+      }
+      return t.join(`
 
-`), Q = x ? v.map((t) => t.type === "text" ? t.text : "").filter(Boolean).join(" ") : v, U = c.flatMap((t) => I(t.content) || []).filter((t) => t != null && t !== void 0), V = {
+`);
+    })(), ee = H ? S.map((t) => t.type === "text" ? t.text : "").filter(Boolean).join(" ") : S, te = {
       ...e,
-      content: v
-    }, q = e ? r.getMessagesMetadata(e) : void 0, X = x ? v.some(
+      content: S
+    }, Y = e ? a.getMessagesMetadata(e) : void 0, ne = H ? S.some(
       (t) => t.type === "thinking" && t.thinking?.length > 0 || t.type === "reasoning" && t.reasoning?.length > 0
-    ) : !1, Z = c.some((t) => {
-      const g = t.additional_kwargs;
-      return typeof g?.reasoning_content == "string" && g.reasoning_content.length > 0;
-    }), P = c.some((t) => {
-      const g = t.additional_kwargs;
-      return Array.isArray(g?.tool_status) && g.tool_status.length > 0;
-    }), ee = c.some((t) => A(t)) || U.length > 0 || W.length > 0 || P, K = !!Q || X || Z || w && ee, te = h >= n.length, O = a && te, ne = O && !K;
-    return /* @__PURE__ */ T(D.Fragment, { children: [
-      ne && /* @__PURE__ */ l(Y, {}),
-      K && /* @__PURE__ */ l(
-        ue,
+    ) : !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)
+        return t;
+      if (w) {
+        const s = L(a.values?.todos);
+        if (s.length > 0)
+          return z.current.set(I, s), s;
+      }
+      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;
+      }
+      return t && t.length > 0 ? t : [];
+    })(), ue = w && !V;
+    return /* @__PURE__ */ F(J.Fragment, { children: [
+      ue && /* @__PURE__ */ d(Q, {}),
+      V && /* @__PURE__ */ d(
+        ye,
         {
-          agentName: S?.agentName,
-          fontSize: S?.fontSize,
-          message: V,
-          groupedMessages: m,
-          showToolActivity: w,
-          isStreaming: O,
-          onRegenerate: F,
-          feedback: e.id ? j[e.id] : void 0,
-          onFeedback: E,
-          branch: q?.branch,
-          branchOptions: q?.branchOptions,
-          onBranchSelect: z
+          agentName: j?.agentName,
+          fontSize: j?.fontSize,
+          message: te,
+          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
         }
       ),
-      c.map((t) => /* @__PURE__ */ l(pe, { message: t, thread: r }, t.id))
-    ] }, p);
-  }, [a, r, w, F, j, E, z]), J = _(() => i.map((e, o) => {
-    const n = H(e, o, i);
-    return n && !n.key ? D.cloneElement(n, { key: e.id ?? `msg-${o}` }) : n;
-  }), [i, H]);
-  return b(() => {
-    const e = u();
+      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(() => {
+    const e = f();
     if (!e) return;
-    const o = () => {
-      const { scrollTop: n, scrollHeight: s, clientHeight: p } = e, m = s - n - p;
-      y.current = m < 100;
+    const n = () => {
+      const { scrollTop: o, scrollHeight: r, clientHeight: i } = e, h = r - o - i;
+      C.current = h < 100;
     };
-    return e.addEventListener("scroll", o), () => e.removeEventListener("scroll", o);
-  }, [u]), b(() => {
-    const e = u();
+    return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
+  }, [f]), T(() => {
+    const e = f();
     if (!e) return;
-    const o = i.length;
-    o > L.current && (e.scrollTop = e.scrollHeight, y.current = !0), L.current = o;
-  }, [i, u]), b(() => {
-    const e = u();
-    if (!e || !a) return;
-    const o = new MutationObserver(() => {
-      y.current && e && (e.scrollTop = e.scrollHeight);
+    const n = c.length;
+    n > K.current && (e.scrollTop = e.scrollHeight, C.current = !0), K.current = n;
+  }, [c, f]), T(() => {
+    const e = f();
+    if (!e || !u) return;
+    const n = new MutationObserver(() => {
+      C.current && e && (e.scrollTop = e.scrollHeight);
     });
-    return f.current && o.observe(f.current, {
+    return y.current && n.observe(y.current, {
       childList: !0,
       subtree: !0,
       characterData: !0
-    }), () => o.disconnect();
-  }, [a, u]), ce(() => {
-    const e = u();
-    a && y.current && e && (e.scrollTop = e.scrollHeight);
-  }), /* @__PURE__ */ l(
+    }), () => n.disconnect();
+  }, [u, f]), me(() => {
+    const e = f();
+    u && C.current && e && (e.scrollTop = e.scrollHeight);
+  }), /* @__PURE__ */ d(
     "div",
     {
-      ref: f,
+      ref: y,
       className: "flex flex-col gap-4 rounded-4xl p-2",
-      children: i.length === 0 ? /* @__PURE__ */ l("div", { className: "flex items-center justify-center h-full text-zinc-500", children: a ? /* @__PURE__ */ T("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ l("div", { className: "animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full" }),
-        /* @__PURE__ */ l("span", { children: "Loading conversation..." })
-      ] }) : "Start a conversation..." }) : /* @__PURE__ */ T(oe, { children: [
-        J,
-        !a && r.interrupt && B && (() => {
-          const e = r.interrupt.value, o = e?.actionRequests?.[0]?.name, n = o ? $[o] : void 0;
-          return n ? /* @__PURE__ */ l(n, { interrupt: e, actions: B }) : null;
-        })(),
-        a && i.length > 0 && (() => {
-          const e = i[i.length - 1];
-          return e.type === "human" || e.type === "ai" && !e.content && A(e);
-        })() && /* @__PURE__ */ l(Y, {})
+      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;
+        })()
       ] })
     }
   );
 }
 export {
-  Be as default
+  je 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 { parsePartialJson } from \"@langchain/core/output_parsers\";\nimport { 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 { AIMessage, Message } from \"@langchain/langgraph-sdk\";\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 containerRef = useRef<HTMLDivElement | null>(null);\n  const prevMessageCountRef = useRef(0);\n  const shouldAutoScrollRef = useRef(true);\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, { command: { resume: response } });\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  const getToolCallsFromContent = useCallback((content: Message[\"content\"]): AIMessage[\"tool_calls\"] => {\n    if (!Array.isArray(content)) return [];\n    const toolCallContents = content.filter(\n      (c) => typeof c === \"object\" && c !== null && (c as any).type === \"tool_use\" && (c as any).id,\n    ) as Array<Record<string, any>>;\n\n    return toolCallContents.map((tc) => {\n      let args: Record<string, any> = {};\n      if (tc?.input) {\n        if (typeof tc.input === \"string\") {\n          try {\n            args = parsePartialJson(tc.input) ?? {};\n          } catch {\n            args = {};\n          }\n        } else if (typeof tc.input === \"object\") {\n          args = tc.input as Record<string, any>;\n        }\n      }\n      return {\n        name: tc.name ?? \"\",\n        id: tc.id ?? \"\",\n        args,\n        type: \"tool_call\",\n      };\n    });\n  }, []);\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\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        // This is a consecutive AI message, skip it (it will be combined with the previous one)\n        return null;\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        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    const toolMessages = groupedTimelineMessages.filter((m) => isToolMessage(m));\n\n    // Merge content from all AI messages, preserving r/reasoning blocks\n    const hasArrayContent = groupedAiMessages.some((m) => Array.isArray(m.content));\n    const mergedContent: Message[\"content\"] = hasArrayContent\n      ? groupedAiMessages.flatMap((m) => {\n          if (Array.isArray(m.content)) return m.content as any[];\n          if (typeof m.content === \"string\" && m.content.length > 0)\n            return [{ type: \"text\", text: m.content }];\n          return [];\n        })\n      : groupedAiMessages\n          .map((m) => (typeof m.content === \"string\" ? m.content : \"\"))\n          .filter(Boolean)\n          .join(\"\\n\\n\");\n\n    // Extract plain-text portion for legacy checks (tool-call extraction, etc.)\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    const toolCallsFromContent = groupedAiMessages\n      .flatMap((m) => {\n        const calls = getToolCallsFromContent(m.content);\n        return calls || [];\n      })\n      .filter((tc): tc is NonNullable<typeof tc> => tc != null && tc !== undefined);\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    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\n    const hasToolCalls =\n      groupedAiMessages.some((m) => isAiWithToolCalls(m)) ||\n      toolCallsFromContent.length > 0 ||\n      toolMessages.length > 0 ||\n      hasKwargsToolStatus;\n\n    const hasAnyDisplayableContent =\n      !!combinedContent ||\n      hasThinkingContent ||\n      hasKwargsReasoning ||\n      (enableToolCallIndicator && hasToolCalls);\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\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            // agentAvatarUrl={chatBodyProps?.agentAvatarUrl}\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          />\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, enableToolCallIndicator, handleRegenerate, messageFeedback, handleFeedback, handleBranchSelect]);\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          {!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          {/* Show thinking indicator when loading and no AI response has started yet */}\n          {isLoading && memoMessages.length > 0 && (() => {\n            const lastMsg = memoMessages[memoMessages.length - 1];\n            // Show if last message is human or if last AI has no content (only tool calls)\n            return lastMsg.type === \"human\" ||\n              (lastMsg.type === \"ai\" && !lastMsg.content && isAiWithToolCalls(lastMsg));\n          })() && (\n              <Thinking />\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","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","handleFeedback","useCallback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","handleInterruptRespond","response","interruptActions","interrupt","actionRequests","reason","editedArgs","action","getToolCallsFromContent","content","c","tc","args","parsePartialJson","getScrollContainer","parent","style","useEffect","renderMessage","msg","index","messagesArray","isCurrentlyStreamingMessage","isAiWithToolCalls","msgKey","HumanMessage","isToolMessage","prevIndex","groupedTimelineMessages","nextIndex","nextMsg","groupedAiMessages","m","toolMessages","hasArrayContent","mergedContent","combinedContent","toolCallsFromContent","combinedMessage","meta","hasThinkingContent","b","hasKwargsReasoning","ak","hasKwargsToolStatus","hasToolCalls","hasAnyDisplayableContent","isLastMessageGroup","isStreamingThisMessage","showThinkingIndicator","jsxs","React","Thinking","jsx","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","payload","toolName","InterruptComponent","lastMsg"],"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 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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"}

package/dist/components/TodoList.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("lucide-react"),o={completed:{icon:t.CheckCircle2,iconClass:"text-emerald-400",textClass:"text-zinc-400 line-through"},in_progress:{icon:t.Loader2,iconClass:"text-blue-400 animate-spin",textClass:"text-zinc-100"},pending:{icon:t.Circle,iconClass:"text-zinc-500",textClass:"text-zinc-400"}};function d({todos:n}){if(!n.length)return null;const c=n.filter(s=>s.status==="completed").length,l=n.find(s=>s.status==="in_progress"),r=Math.round(c/n.length*100);return e.jsxs("div",{className:"mb-3 w-full max-w-full rounded-2xl border border-zinc-700/60 bg-zinc-950/35 px-4 py-3.5 shadow-[0_10px_30px_rgba(0,0,0,0.25)] backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 text-zinc-200",children:[e.jsx(t.Sparkles,{className:"h-3.5 w-3.5 text-cyan-300/90"}),e.jsx("span",{className:"text-xs font-semibold uppercase tracking-[0.14em] text-zinc-300",children:"Agent Plan"})]}),e.jsx("p",{className:"mt-1 truncate text-xs text-zinc-400",children:l?`Now: ${l.content}`:"Wrapping up remaining steps"})]}),e.jsxs("div",{className:"rounded-lg border border-zinc-700/80 bg-zinc-900/70 px-2.5 py-1 text-[11px] font-medium text-zinc-300",children:[c,"/",n.length," done"]})]}),e.jsx("div",{className:"mb-3 h-1.5 overflow-hidden rounded-full bg-zinc-800/80",children:e.jsx("div",{className:"h-full rounded-full bg-linear-to-r from-cyan-400 to-emerald-400 transition-all duration-500",style:{width:`${r}%`}})}),e.jsx("ul",{className:"space-y-1.5",children:n.map(s=>{const i=o[s.status],a=i.icon;return e.jsxs("li",{className:"group flex items-center gap-2 rounded-lg border border-zinc-800/80 bg-zinc-900/45 px-2.5 py-2 transition-colors duration-200 hover:border-zinc-700/80",children:[e.jsx(a,{className:`h-3.5 w-3.5 flex-shrink-0 ${i.iconClass}`}),e.jsx("span",{className:`line-clamp-1 text-xs ${i.textClass}`,children:s.content})]},s.id)})})]})}module.exports=d;
+//# sourceMappingURL=TodoList.cjs.js.map

package/dist/components/TodoList.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodoList.cjs.js","sources":["../../src/components/TodoList.tsx"],"sourcesContent":["import type { TodoItem } from \"@/providers/Stream\";\nimport { CheckCircle2, Circle, Loader2, Sparkles } from \"lucide-react\";\n\nconst statusConfig = {\n  completed: {\n    icon: CheckCircle2,\n    iconClass: \"text-emerald-400\",\n    textClass: \"text-zinc-400 line-through\",\n  },\n  in_progress: {\n    icon: Loader2,\n    iconClass: \"text-blue-400 animate-spin\",\n    textClass: \"text-zinc-100\",\n  },\n  pending: {\n    icon: Circle,\n    iconClass: \"text-zinc-500\",\n    textClass: \"text-zinc-400\",\n  },\n} as const;\n\nexport default function TodoList({ todos }: { todos: TodoItem[] }) {\n  if (!todos.length) return null;\n\n  const completed = todos.filter((t) => t.status === \"completed\").length;\n  const inProgress = todos.find((t) => t.status === \"in_progress\");\n  const percentage = Math.round((completed / todos.length) * 100);\n\n  return (\n    <div className=\"mb-3 w-full max-w-full rounded-2xl border border-zinc-700/60 bg-zinc-950/35 px-4 py-3.5 shadow-[0_10px_30px_rgba(0,0,0,0.25)] backdrop-blur-sm\">\n      <div className=\"mb-3 flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2 text-zinc-200\">\n            <Sparkles className=\"h-3.5 w-3.5 text-cyan-300/90\" />\n            <span className=\"text-xs font-semibold uppercase tracking-[0.14em] text-zinc-300\">Agent Plan</span>\n          </div>\n          <p className=\"mt-1 truncate text-xs text-zinc-400\">\n            {inProgress ? `Now: ${inProgress.content}` : \"Wrapping up remaining steps\"}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-zinc-700/80 bg-zinc-900/70 px-2.5 py-1 text-[11px] font-medium text-zinc-300\">\n          {completed}/{todos.length} done\n        </div>\n      </div>\n\n      <div className=\"mb-3 h-1.5 overflow-hidden rounded-full bg-zinc-800/80\">\n        <div\n          className=\"h-full rounded-full bg-linear-to-r from-cyan-400 to-emerald-400 transition-all duration-500\"\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n\n      <ul className=\"space-y-1.5\">\n        {todos.map((todo) => {\n          const config = statusConfig[todo.status];\n          const Icon = config.icon;\n          return (\n            <li\n              key={todo.id}\n              className=\"group flex items-center gap-2 rounded-lg border border-zinc-800/80 bg-zinc-900/45 px-2.5 py-2 transition-colors duration-200 hover:border-zinc-700/80\"\n            >\n              <Icon className={`h-3.5 w-3.5 flex-shrink-0 ${config.iconClass}`} />\n              <span className={`line-clamp-1 text-xs ${config.textClass}`}>\n                {todo.content}\n              </span>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"names":["statusConfig","CheckCircle2","Loader2","Circle","TodoList","todos","completed","t","inProgress","percentage","jsxs","jsx","Sparkles","todo","config","Icon"],"mappings":"4EAGMA,EAAe,CACnB,UAAW,CACT,KAAMC,EAAAA,aACN,UAAW,mBACX,UAAW,4BAAA,EAEb,YAAa,CACX,KAAMC,EAAAA,QACN,UAAW,6BACX,UAAW,eAAA,EAEb,QAAS,CACP,KAAMC,EAAAA,OACN,UAAW,gBACX,UAAW,eAAA,CAEf,EAEA,SAAwBC,EAAS,CAAE,MAAAC,GAAgC,CACjE,GAAI,CAACA,EAAM,OAAQ,OAAO,KAE1B,MAAMC,EAAYD,EAAM,OAAQE,GAAMA,EAAE,SAAW,WAAW,EAAE,OAC1DC,EAAaH,EAAM,KAAME,GAAMA,EAAE,SAAW,aAAa,EACzDE,EAAa,KAAK,MAAOH,EAAYD,EAAM,OAAU,GAAG,EAE9D,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,iJACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,8CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,UACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAA,CAAS,UAAU,8BAAA,CAA+B,EACnDD,EAAAA,IAAC,OAAA,CAAK,UAAU,kEAAkE,SAAA,YAAA,CAAU,CAAA,EAC9F,EACAA,EAAAA,IAAC,KAAE,UAAU,sCACV,WAAa,QAAQH,EAAW,OAAO,GAAK,6BAAA,CAC/C,CAAA,EACF,EACAE,EAAAA,KAAC,MAAA,CAAI,UAAU,wGACZ,SAAA,CAAAJ,EAAU,IAAED,EAAM,OAAO,OAAA,CAAA,CAC5B,CAAA,EACF,EAEAM,EAAAA,IAAC,MAAA,CAAI,UAAU,yDACb,SAAAA,EAAAA,IAAC,MAAA,CACC,UAAU,8FACV,MAAO,CAAE,MAAO,GAAGF,CAAU,GAAA,CAAI,CAAA,EAErC,QAEC,KAAA,CAAG,UAAU,cACX,SAAAJ,EAAM,IAAKQ,GAAS,CACnB,MAAMC,EAASd,EAAaa,EAAK,MAAM,EACjCE,EAAOD,EAAO,KACpB,OACEJ,EAAAA,KAAC,KAAA,CAEC,UAAU,wJAEV,SAAA,CAAAC,MAACI,EAAA,CAAK,UAAW,6BAA6BD,EAAO,SAAS,GAAI,EAClEH,EAAAA,IAAC,QAAK,UAAW,wBAAwBG,EAAO,SAAS,GACtD,WAAK,OAAA,CACR,CAAA,CAAA,EANKD,EAAK,EAAA,CAShB,CAAC,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/components/TodoList.d.ts

@@ -0,0 +1,5 @@
+import { TodoItem } from '../providers/Stream';
+export default function TodoList({ todos }: {
+    todos: TodoItem[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TodoList.d.ts.map

package/dist/components/TodoList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodoList.d.ts","sourceRoot":"","sources":["../../src/components/TodoList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAqBnD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;CAAE,kDAkDhE"}