langgraph-ui-components 0.0.24 → 0.0.25

package/dist/components/ChatBody.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime");require("../node_modules/.pnpm/@langchain_core@1.1.13_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/output_parsers/index.cjs.js");const Y=require("../providers/Stream.cjs.js"),$=require("../utils/logger.cjs.js"),d=require("../utils/utils.cjs.js"),r=require("react"),D=require("./messages/AgentMessage.cjs.js"),G=require("./messages/CustomComponentRender.cjs.js"),J=require("./messages/HumanMessage.cjs.js"),z=require("./Thinking.cjs.js"),K=require("./ToolCallFunctions.cjs.js"),Q=require("../node_modules/.pnpm/@langchain_core@1.1.13_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/utils/json.cjs.js");function U({setIsFirstMessage:C,enableToolCallIndicator:b,chatBodyProps:x}){const a=Y.useStreamContext(),M=a.messages,c=a.isLoading,[j,A]=r.useState({});$.logger.debug("ChatBody render - messages count:",M,"isLoading:",c);const l=r.useMemo(()=>M??[],[M]),h=r.useRef(null),k=r.useRef(0),p=r.useRef(!0),S=r.useCallback((e,s)=>{A(t=>({...t,[e]:s}))},[]),T=r.useCallback(async e=>{if(!e){console.error("No parent checkpoint available for regeneration");return}await a.submit(void 0,{checkpoint:e,streamMode:["values"],streamSubgraphs:!0,streamResumable:!0})},[a]),w=r.useCallback(e=>{a.setBranch(e)},[a]),B=r.useCallback(e=>Array.isArray(e)?e.filter(t=>typeof t=="object"&&t!==null&&t.type==="tool_use"&&t.id).map(t=>{let i={};if(t?.input)if(typeof t.input=="string")try{i=Q.parsePartialJson(t.input)??{}}catch{i={}}else typeof t.input=="object"&&(i=t.input);return{name:t.name??"",id:t.id??"",args:i,type:"tool_call"}}):[],[]),u=r.useCallback(()=>{if(h.current){let e=h.current.parentElement;for(;e;){const s=window.getComputedStyle(e);if(s.overflowY==="auto"||s.overflowY==="scroll")return e;e=e.parentElement}}return null},[]);r.useEffect(()=>{l.length>0&&C&&C(!1)},[l.length,C]);const q=r.useCallback((e,s,t)=>{if(!e.content.length&&!d.isAiWithToolCalls(e)||e.additional_kwargs?.hidden)return null;const i=e.id??`msg-${s}`;if(e.type==="human")return o.jsx(J,{message:e,fontSize:x?.fontSize},i);if(d.isToolMessage(e))return null;if(e.type==="ai"&&s>0){let n=s-1;for(;n>=0&&d.isToolMessage(t[n]);)n--;if(n>=0&&t[n].type==="ai")return null}const f=[e],m=[];let g=s+1;for(;g<t.length;){const n=t[g];if(d.isToolMessage(n))m.push(n),g++;else if(n.type==="ai")f.push(n),g++;else break}const R=f.map(n=>typeof n.content=="string"?n.content:Array.isArray(n.content)?n.content.map(v=>v.type==="text"?v.text:"").filter(Boolean).join(" "):"").filter(Boolean).join(`
+"use strict";const o=require("react/jsx-runtime"),G=require("../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/utils/json.cjs.js");require("../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/errors/index.cjs.js");require("../_virtual/index.cjs.js");require("../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.cjs.js");require("../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/_uuid.cjs.js");require("../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/prompt_cache/index.cjs.js");require("../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/p-queue.cjs.js");require("../_virtual/index.cjs2.js");require("../node_modules/.pnpm/langsmith@0.5.10_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/fast-safe-stringify/index.cjs.js");require("../node_modules/.pnpm/@langchain_core@1.1.33_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/tracers/console.cjs.js");require("../_virtual/index.cjs3.js");require("../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.cjs.js");require("../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.cjs.js");const J=require("../providers/Stream.cjs.js"),I=require("../utils/logger.cjs.js"),f=require("../utils/utils.cjs.js"),s=require("react"),Q=require("./messages/AgentMessage.cjs.js"),U=require("./messages/CustomComponentRender.cjs.js"),V=require("./messages/HumanMessage.cjs.js"),F=require("./Thinking.cjs.js"),X=require("./ToolCallFunctions.cjs.js");function Z({setIsFirstMessage:y,enableToolCallIndicator:k,chatBodyProps:b}){const i=J.useStreamContext(),M=i.messages,a=i.isLoading,[q,_]=s.useState({});I.logger.debug("ChatBody render - messages count:",M,"isLoading:",a);const l=s.useMemo(()=>M??[],[M]),h=s.useRef(null),v=s.useRef(0),p=s.useRef(!0),j=s.useCallback((e,r)=>{_(n=>({...n,[e]:r}))},[]),S=s.useCallback(async e=>{if(!e){console.error("No parent checkpoint available for regeneration");return}await i.submit(void 0,{checkpoint:e,streamMode:["values"],streamSubgraphs:!0,streamResumable:!0})},[i]),w=s.useCallback(e=>{i.setBranch(e)},[i]),z=s.useCallback(e=>Array.isArray(e)?e.filter(n=>typeof n=="object"&&n!==null&&n.type==="tool_use"&&n.id).map(n=>{let c={};if(n?.input)if(typeof n.input=="string")try{c=G.parsePartialJson(n.input)??{}}catch{c={}}else typeof n.input=="object"&&(c=n.input);return{name:n.name??"",id:n.id??"",args:c,type:"tool_call"}}):[],[]),g=s.useCallback(()=>{if(h.current){let e=h.current.parentElement;for(;e;){const r=window.getComputedStyle(e);if(r.overflowY==="auto"||r.overflowY==="scroll")return e;e=e.parentElement}}return null},[]);s.useEffect(()=>{l.length>0&&y&&y(!1)},[l.length,y]);const T=s.useCallback((e,r,n)=>{const c=a&&r===n.length-1&&e.type==="ai";if(!e.content.length&&!f.isAiWithToolCalls(e)&&!c||e.additional_kwargs?.hidden)return null;const C=e.id??`msg-${r}`;if(e.type==="human")return o.jsx(V,{message:e,fontSize:b?.fontSize},C);if(f.isToolMessage(e))return null;if(e.type==="ai"&&r>0){let t=r-1;for(;t>=0&&f.isToolMessage(n[t]);)t--;if(t>=0&&n[t].type==="ai")return null}const u=[e],R=[];let d=r+1;for(;d<n.length;){const t=n[d];if(f.isToolMessage(t))R.push(t),d++;else if(t.type==="ai")u.push(t),d++;else break}const x=u.some(t=>Array.isArray(t.content)),m=x?u.flatMap(t=>Array.isArray(t.content)?t.content:typeof t.content=="string"&&t.content.length>0?[{type:"text",text:t.content}]:[]):u.map(t=>typeof t.content=="string"?t.content:"").filter(Boolean).join(`
 
-`),E=f.flatMap(n=>B(n.content)||[]).filter(n=>n!=null&&n!==void 0),O={...e,content:R},L=e?a.getMessagesMetadata(e):void 0,y=R,W=g>=t.length,N=c&&W,F=d.isAiWithToolCalls(e)||E.length>0,_=N&&!y&&F;return o.jsxs(r.Fragment,{children:[_&&b&&o.jsx(z,{}),b&&F&&o.jsx(K,{title:"Agent Thinking",toolMessages:m,toolCalls:E}),y&&o.jsx(D,{agentName:x?.agentName,fontSize:x?.fontSize,message:{...O,content:y},isStreaming:N,onRegenerate:T,feedback:e.id?j[e.id]:void 0,onFeedback:S,branch:L?.branch,branchOptions:L?.branchOptions,onBranchSelect:w}),f.map(n=>o.jsx(G,{message:n,thread:a},n.id))]},i)},[c,a,b,T,j,S,w]),H=r.useMemo(()=>l.map((e,s)=>{const t=q(e,s,l);return t&&!t.key?r.cloneElement(t,{key:e.id??`msg-${s}`}):t}),[l,q]);return r.useEffect(()=>{const e=u();if(!e)return;const s=()=>{const{scrollTop:t,scrollHeight:i,clientHeight:f}=e,m=i-t-f;p.current=m<100};return e.addEventListener("scroll",s),()=>e.removeEventListener("scroll",s)},[u]),r.useEffect(()=>{const e=u();if(!e)return;const s=l.length;s>k.current&&(e.scrollTop=e.scrollHeight,p.current=!0),k.current=s},[l,u]),r.useEffect(()=>{const e=u();if(!e||!c)return;const s=new MutationObserver(()=>{p.current&&e&&(e.scrollTop=e.scrollHeight)});return h.current&&s.observe(h.current,{childList:!0,subtree:!0,characterData:!0}),()=>s.disconnect()},[c,u]),r.useLayoutEffect(()=>{const e=u();c&&p.current&&e&&(e.scrollTop=e.scrollHeight)}),o.jsx("div",{ref:h,className:"flex flex-col gap-4 rounded-4xl p-2",children:l.length===0?o.jsx("div",{className:"flex items-center justify-center h-full text-zinc-500",children:c?o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsx("div",{className:"animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full"}),o.jsx("span",{children:"Loading conversation..."})]}):"Start a conversation..."}):o.jsxs(o.Fragment,{children:[H,c&&l.length>0&&(()=>{const e=l[l.length-1];return e.type==="human"||e.type==="ai"&&!e.content&&d.isAiWithToolCalls(e)})()&&o.jsx(z,{})]})})}module.exports=U;
+`),H=x?m.map(t=>t.type==="text"?t.text:"").filter(Boolean).join(" "):m,E=u.flatMap(t=>z(t.content)||[]).filter(t=>t!=null&&t!==void 0),O={...e,content:m},A=e?i.getMessagesMetadata(e):void 0,W=x?m.some(t=>t.type==="thinking"&&t.thinking?.length>0||t.type==="reasoning"&&t.reasoning?.length>0):!1,D=typeof e.additional_kwargs?.reasoning_content=="string"&&e.additional_kwargs.reasoning_content.length>0,L=!!H||W||D,K=d>=n.length,N=a&&K,Y=f.isAiWithToolCalls(e)||E.length>0,$=N&&!L;return o.jsxs(s.Fragment,{children:[$&&o.jsx(F,{}),k&&Y&&o.jsx(X,{title:"Agent Thinking",toolMessages:R,toolCalls:E}),L&&o.jsx(Q,{agentName:b?.agentName,fontSize:b?.fontSize,message:O,isStreaming:N,onRegenerate:S,feedback:e.id?q[e.id]:void 0,onFeedback:j,branch:A?.branch,branchOptions:A?.branchOptions,onBranchSelect:w}),u.map(t=>o.jsx(U,{message:t,thread:i},t.id))]},C)},[a,i,k,S,q,j,w]),B=s.useMemo(()=>l.map((e,r)=>{const n=T(e,r,l);return n&&!n.key?s.cloneElement(n,{key:e.id??`msg-${r}`}):n}),[l,T]);return s.useEffect(()=>{const e=g();if(!e)return;const r=()=>{const{scrollTop:n,scrollHeight:c,clientHeight:C}=e,u=c-n-C;p.current=u<100};return e.addEventListener("scroll",r),()=>e.removeEventListener("scroll",r)},[g]),s.useEffect(()=>{const e=g();if(!e)return;const r=l.length;r>v.current&&(e.scrollTop=e.scrollHeight,p.current=!0),v.current=r},[l,g]),s.useEffect(()=>{const e=g();if(!e||!a)return;const r=new MutationObserver(()=>{p.current&&e&&(e.scrollTop=e.scrollHeight)});return h.current&&r.observe(h.current,{childList:!0,subtree:!0,characterData:!0}),()=>r.disconnect()},[a,g]),s.useLayoutEffect(()=>{const e=g();a&&p.current&&e&&(e.scrollTop=e.scrollHeight)}),o.jsx("div",{ref:h,className:"flex flex-col gap-4 rounded-4xl p-2",children:l.length===0?o.jsx("div",{className:"flex items-center justify-center h-full text-zinc-500",children:a?o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsx("div",{className:"animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full"}),o.jsx("span",{children:"Loading conversation..."})]}):"Start a conversation..."}):o.jsxs(o.Fragment,{children:[B,a&&l.length>0&&(()=>{const e=l[l.length-1];return e.type==="human"||e.type==="ai"&&!e.content&&f.isAiWithToolCalls(e)})()&&o.jsx(F,{})]})})}module.exports=Z;
 //# sourceMappingURL=ChatBody.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBody.cjs.js","sources":["../../src/components/ChatBody.tsx"],"sourcesContent":["import { parsePartialJson } from \"@langchain/core/output_parsers\";\nimport { useStreamContext } from \"@/providers/Stream\";\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\";\nimport ToolCallFunctions from \"./ToolCallFunctions\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n  const stream = useStreamContext();\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  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    // Skip empty content messages UNLESS they have tool calls (which means tool messages will follow)\n    if (!msg.content.length && !isAiWithToolCalls(msg)) 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    // Collect all consecutive AI messages and tool messages\n    const groupedMessages = [msg];\n    const toolMessages = [];\n    let nextIndex = index + 1;\n\n    while (nextIndex < messagesArray.length) {\n      const nextMsg = messagesArray[nextIndex];\n\n      if (isToolMessage(nextMsg)) {\n        toolMessages.push(nextMsg);\n        nextIndex++;\n      } else if (nextMsg.type === \"ai\") {\n        // Combine consecutive AI messages\n        groupedMessages.push(nextMsg);\n        nextIndex++;\n      } else {\n        // Stop at human messages or other types\n        break;\n      }\n    }\n\n    // Combine content from all AI messages\n    const combinedContent = groupedMessages\n      .map(m => {\n        if (typeof m.content === \"string\") return m.content;\n        if (Array.isArray(m.content)) {\n          return m.content\n            .map((c: any) => c.type === \"text\" ? c.text : \"\")\n            .filter(Boolean)\n            .join(\" \");\n        }\n        return \"\";\n      })\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n\n    const toolCallsFromContent = groupedMessages\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\n    const combinedMessage = {\n      ...msg,\n      content: combinedContent,\n    };\n\n    // Get branch metadata from thread\n    const meta = msg ? stream.getMessagesMetadata(msg) : undefined;\n    const displayContent = combinedContent;\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n    // Check if the first message in the group has tool calls\n    const hasToolCalls = isAiWithToolCalls(msg) || toolCallsFromContent.length > 0;\n\n    // Show thinking if streaming and no content yet (only tool calls exist)\n    const showThinkingIndicator = isStreamingThisMessage && !displayContent && hasToolCalls;\n\n    return (\n      <React.Fragment key={msgKey}>\n        {/* 1. Thinking indicator - show when streaming with no content OR when tool messages exist */}\n        {showThinkingIndicator && enableToolCallIndicator && (\n          <Thinking />\n        )}\n        {enableToolCallIndicator && hasToolCalls && (\n          <ToolCallFunctions\n            title=\"Agent Thinking\"\n            toolMessages={toolMessages}\n            toolCalls={toolCallsFromContent}\n          />\n        )}\n        {/* 2. Agent message (combined content) */}\n        {displayContent && (\n          <AgentMessage\n            agentName={chatBodyProps?.agentName}\n            fontSize={chatBodyProps?.fontSize}\n            // agentAvatarUrl={chatBodyProps?.agentAvatarUrl}\n            message={{ ...combinedMessage, content: displayContent }}\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        {groupedMessages.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 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","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","handleFeedback","useCallback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","getToolCallsFromContent","content","c","tc","args","parsePartialJson","getScrollContainer","parent","style","useEffect","renderMessage","msg","index","messagesArray","isAiWithToolCalls","msgKey","HumanMessage","isToolMessage","prevIndex","groupedMessages","toolMessages","nextIndex","nextMsg","combinedContent","m","toolCallsFromContent","combinedMessage","meta","displayContent","isLastMessageGroup","isStreamingThisMessage","hasToolCalls","showThinkingIndicator","jsxs","React","Thinking","jsx","ToolCallFunctions","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","lastMsg"],"mappings":"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"}
+{"version":3,"file":"ChatBody.cjs.js","sources":["../../src/components/ChatBody.tsx"],"sourcesContent":["import { parsePartialJson } from \"@langchain/core/output_parsers\";\nimport { useStreamContext } from \"@/providers/Stream\";\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\";\nimport ToolCallFunctions from \"./ToolCallFunctions\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n  const stream = useStreamContext();\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  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    // Collect all consecutive AI messages and tool messages\n    const groupedMessages = [msg];\n    const toolMessages = [];\n    let nextIndex = index + 1;\n\n    while (nextIndex < messagesArray.length) {\n      const nextMsg = messagesArray[nextIndex];\n\n      if (isToolMessage(nextMsg)) {\n        toolMessages.push(nextMsg);\n        nextIndex++;\n      } else if (nextMsg.type === \"ai\") {\n        // Combine consecutive AI messages\n        groupedMessages.push(nextMsg);\n        nextIndex++;\n      } else {\n        // Stop at human messages or other types\n        break;\n      }\n    }\n\n    // Merge content from all AI messages, preserving r/reasoning blocks\n    const hasArrayContent = groupedMessages.some(m => Array.isArray(m.content));\n    const mergedContent: Message[\"content\"] = hasArrayContent\n      ? groupedMessages.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      : groupedMessages\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 = groupedMessages\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      typeof (msg as any).additional_kwargs?.reasoning_content === \"string\" &&\n      ((msg as any).additional_kwargs.reasoning_content as string).length > 0;\n    const hasAnyDisplayableContent = !!combinedContent || hasThinkingContent || hasKwargsReasoning;\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n    // Check if the first message in the group has tool calls\n    const hasToolCalls = isAiWithToolCalls(msg) || toolCallsFromContent.length > 0;\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        {enableToolCallIndicator && hasToolCalls && (\n          <ToolCallFunctions\n            title=\"Agent Thinking\"\n            toolMessages={toolMessages}\n            toolCalls={toolCallsFromContent}\n          />\n        )}\n        {/* 2. Agent message — pass full mergedContent so thinking/reasoning blocks are preserved */}\n        {hasAnyDisplayableContent && (\n          <AgentMessage\n            agentName={chatBodyProps?.agentName}\n            fontSize={chatBodyProps?.fontSize}\n            // agentAvatarUrl={chatBodyProps?.agentAvatarUrl}\n            message={combinedMessage}\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        {groupedMessages.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 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","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","handleFeedback","useCallback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","getToolCallsFromContent","content","c","tc","args","parsePartialJson","getScrollContainer","parent","style","useEffect","renderMessage","msg","index","messagesArray","isCurrentlyStreamingMessage","isAiWithToolCalls","msgKey","HumanMessage","isToolMessage","prevIndex","groupedMessages","toolMessages","nextIndex","nextMsg","hasArrayContent","m","mergedContent","combinedContent","toolCallsFromContent","combinedMessage","meta","hasThinkingContent","b","hasKwargsReasoning","hasAnyDisplayableContent","isLastMessageGroup","isStreamingThisMessage","hasToolCalls","showThinkingIndicator","jsxs","React","Thinking","jsx","ToolCallFunctions","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","lastMsg"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBody.d.ts","sourceRoot":"","sources":["../../src/components/ChatBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,KAA6E,MAAM,OAAO,CAAC;AAQlG,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,aAAa,EAAE,EAAE;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAAC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,aAAa,CAAA;CAAE,2CAmVtO"}
+{"version":3,"file":"ChatBody.d.ts","sourceRoot":"","sources":["../../src/components/ChatBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,KAA6E,MAAM,OAAO,CAAC;AAQlG,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,aAAa,EAAE,EAAE;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAAC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,aAAa,CAAA;CAAE,2CAsWtO"}

package/dist/components/ChatBody.es.js

@@ -1,178 +1,192 @@
-import { jsx as s, jsxs as k, Fragment as Q } from "react/jsx-runtime";
-import "../node_modules/.pnpm/@langchain_core@1.1.13_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/output_parsers/index.es.js";
-import { useStreamContext as U } from "../providers/Stream.es.js";
-import { logger as V } from "../utils/logger.es.js";
-import { isAiWithToolCalls as w, isToolMessage as x } from "../utils/utils.es.js";
-import O, { useState as X, useMemo as Y, useRef as T, useCallback as f, useEffect as g, useLayoutEffect as Z } from "react";
-import I from "./messages/AgentMessage.es.js";
-import P from "./messages/CustomComponentRender.es.js";
-import ee from "./messages/HumanMessage.es.js";
-import $ from "./Thinking.es.js";
-import te from "./ToolCallFunctions.es.js";
-import { parsePartialJson as ne } from "../node_modules/.pnpm/@langchain_core@1.1.13_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/utils/json.es.js";
-function me({ setIsFirstMessage: b, enableToolCallIndicator: C, chatBodyProps: y }) {
-  const l = U(), v = l.messages, i = l.isLoading, [L, D] = X({});
-  V.debug("ChatBody render - messages count:", v, "isLoading:", i);
-  const o = Y(() => v ?? [], [v]), d = T(null), N = T(0), h = T(!0), R = f((e, r) => {
-    D((t) => ({
-      ...t,
-      [e]: r
+import { jsx as s, jsxs as k, Fragment as X } from "react/jsx-runtime";
+import { parsePartialJson as Z } 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 P } from "../providers/Stream.es.js";
+import { logger as ee } from "../utils/logger.es.js";
+import { isAiWithToolCalls as w, isToolMessage as S } from "../utils/utils.es.js";
+import O, { useState as te, useMemo as D, useRef as x, useCallback as p, useEffect as y, useLayoutEffect as ne } from "react";
+import oe from "./messages/AgentMessage.es.js";
+import re from "./messages/CustomComponentRender.es.js";
+import se from "./messages/HumanMessage.es.js";
+import K from "./Thinking.es.js";
+import ie from "./ToolCallFunctions.es.js";
+function Fe({ setIsFirstMessage: C, enableToolCallIndicator: T, chatBodyProps: b }) {
+  const i = P(), M = i.messages, a = i.isLoading, [R, Y] = te({});
+  ee.debug("ChatBody render - messages count:", M, "isLoading:", a);
+  const r = D(() => M ?? [], [M]), f = x(null), L = x(0), d = x(!0), N = p((e, o) => {
+    Y((n) => ({
+      ...n,
+      [e]: o
     }));
-  }, []), F = f(async (e) => {
+  }, []), _ = p(async (e) => {
     if (!e) {
       console.error("No parent checkpoint available for regeneration");
       return;
     }
-    await l.submit(void 0, {
+    await i.submit(void 0, {
       checkpoint: e,
       streamMode: ["values"],
       streamSubgraphs: !0,
       streamResumable: !0
     });
-  }, [l]), j = f((e) => {
-    l.setBranch(e);
-  }, [l]), G = f((e) => Array.isArray(e) ? e.filter(
-    (t) => typeof t == "object" && t !== null && t.type === "tool_use" && t.id
-  ).map((t) => {
-    let a = {};
-    if (t?.input)
-      if (typeof t.input == "string")
+  }, [i]), F = p((e) => {
+    i.setBranch(e);
+  }, [i]), $ = p((e) => Array.isArray(e) ? e.filter(
+    (n) => typeof n == "object" && n !== null && n.type === "tool_use" && n.id
+  ).map((n) => {
+    let l = {};
+    if (n?.input)
+      if (typeof n.input == "string")
         try {
-          a = ne(t.input) ?? {};
+          l = Z(n.input) ?? {};
         } catch {
-          a = {};
+          l = {};
         }
-      else typeof t.input == "object" && (a = t.input);
+      else typeof n.input == "object" && (l = n.input);
     return {
-      name: t.name ?? "",
-      id: t.id ?? "",
-      args: a,
+      name: n.name ?? "",
+      id: n.id ?? "",
+      args: l,
       type: "tool_call"
     };
-  }) : [], []), c = f(() => {
-    if (d.current) {
-      let e = d.current.parentElement;
+  }) : [], []), u = p(() => {
+    if (f.current) {
+      let e = f.current.parentElement;
       for (; e; ) {
-        const r = window.getComputedStyle(e);
-        if (r.overflowY === "auto" || r.overflowY === "scroll")
+        const o = window.getComputedStyle(e);
+        if (o.overflowY === "auto" || o.overflowY === "scroll")
           return e;
         e = e.parentElement;
       }
     }
     return null;
   }, []);
-  g(() => {
-    o.length > 0 && b && b(!1);
-  }, [o.length, b]);
-  const E = f((e, r, t) => {
-    if (!e.content.length && !w(e) || e.additional_kwargs?.hidden)
+  y(() => {
+    r.length > 0 && C && C(!1);
+  }, [r.length, C]);
+  const j = p((e, o, n) => {
+    const l = a && o === n.length - 1 && e.type === "ai";
+    if (!e.content.length && !w(e) && !l || e.additional_kwargs?.hidden)
       return null;
-    const a = e.id ?? `msg-${r}`;
+    const h = e.id ?? `msg-${o}`;
     if (e.type === "human")
-      return /* @__PURE__ */ s(ee, { message: e, fontSize: y?.fontSize }, a);
-    if (x(e))
+      return /* @__PURE__ */ s(se, { message: e, fontSize: b?.fontSize }, h);
+    if (S(e))
       return null;
-    if (e.type === "ai" && r > 0) {
-      let n = r - 1;
-      for (; n >= 0 && x(t[n]); )
-        n--;
-      if (n >= 0 && t[n].type === "ai")
+    if (e.type === "ai" && o > 0) {
+      let t = o - 1;
+      for (; t >= 0 && S(n[t]); )
+        t--;
+      if (t >= 0 && n[t].type === "ai")
         return null;
     }
-    const u = [e], m = [];
-    let p = r + 1;
-    for (; p < t.length; ) {
-      const n = t[p];
-      if (x(n))
-        m.push(n), p++;
-      else if (n.type === "ai")
-        u.push(n), p++;
+    const c = [e], A = [];
+    let g = o + 1;
+    for (; g < n.length; ) {
+      const t = n[g];
+      if (S(t))
+        A.push(t), g++;
+      else if (t.type === "ai")
+        c.push(t), g++;
       else
         break;
     }
-    const z = u.map((n) => typeof n.content == "string" ? n.content : Array.isArray(n.content) ? n.content.map((S) => S.type === "text" ? S.text : "").filter(Boolean).join(" ") : "").filter(Boolean).join(`
+    const v = c.some((t) => Array.isArray(t.content)), m = v ? 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(`
 
-`), B = u.flatMap((n) => G(n.content) || []).filter((n) => n != null && n !== void 0), K = {
+`), J = v ? m.map((t) => t.type === "text" ? t.text : "").filter(Boolean).join(" ") : m, E = c.flatMap((t) => $(t.content) || []).filter((t) => t != null && t !== void 0), W = {
       ...e,
-      content: z
-    }, H = e ? l.getMessagesMetadata(e) : void 0, M = z, W = p >= t.length, _ = i && W, A = w(e) || B.length > 0, q = _ && !M && A;
+      content: m
+    }, z = e ? i.getMessagesMetadata(e) : void 0, q = v ? m.some(
+      (t) => t.type === "thinking" && t.thinking?.length > 0 || t.type === "reasoning" && t.reasoning?.length > 0
+    ) : !1, I = typeof e.additional_kwargs?.reasoning_content == "string" && e.additional_kwargs.reasoning_content.length > 0, B = !!J || q || I, Q = g >= n.length, H = a && Q, U = w(e) || E.length > 0, V = H && !B;
     return /* @__PURE__ */ k(O.Fragment, { children: [
-      q && C && /* @__PURE__ */ s($, {}),
-      C && A && /* @__PURE__ */ s(
-        te,
+      V && /* @__PURE__ */ s(K, {}),
+      T && U && /* @__PURE__ */ s(
+        ie,
         {
           title: "Agent Thinking",
-          toolMessages: m,
-          toolCalls: B
+          toolMessages: A,
+          toolCalls: E
         }
       ),
-      M && /* @__PURE__ */ s(
-        I,
+      B && /* @__PURE__ */ s(
+        oe,
         {
-          agentName: y?.agentName,
-          fontSize: y?.fontSize,
-          message: { ...K, content: M },
-          isStreaming: _,
-          onRegenerate: F,
-          feedback: e.id ? L[e.id] : void 0,
-          onFeedback: R,
-          branch: H?.branch,
-          branchOptions: H?.branchOptions,
-          onBranchSelect: j
+          agentName: b?.agentName,
+          fontSize: b?.fontSize,
+          message: W,
+          isStreaming: H,
+          onRegenerate: _,
+          feedback: e.id ? R[e.id] : void 0,
+          onFeedback: N,
+          branch: z?.branch,
+          branchOptions: z?.branchOptions,
+          onBranchSelect: F
         }
       ),
-      u.map((n) => /* @__PURE__ */ s(P, { message: n, thread: l }, n.id))
-    ] }, a);
-  }, [i, l, C, F, L, R, j]), J = Y(() => o.map((e, r) => {
-    const t = E(e, r, o);
-    return t && !t.key ? O.cloneElement(t, { key: e.id ?? `msg-${r}` }) : t;
-  }), [o, E]);
-  return g(() => {
-    const e = c();
+      c.map((t) => /* @__PURE__ */ s(re, { message: t, thread: i }, t.id))
+    ] }, h);
+  }, [a, i, T, _, R, N, F]), G = D(() => r.map((e, o) => {
+    const n = j(e, o, r);
+    return n && !n.key ? O.cloneElement(n, { key: e.id ?? `msg-${o}` }) : n;
+  }), [r, j]);
+  return y(() => {
+    const e = u();
     if (!e) return;
-    const r = () => {
-      const { scrollTop: t, scrollHeight: a, clientHeight: u } = e, m = a - t - u;
-      h.current = m < 100;
+    const o = () => {
+      const { scrollTop: n, scrollHeight: l, clientHeight: h } = e, c = l - n - h;
+      d.current = c < 100;
     };
-    return e.addEventListener("scroll", r), () => e.removeEventListener("scroll", r);
-  }, [c]), g(() => {
-    const e = c();
+    return e.addEventListener("scroll", o), () => e.removeEventListener("scroll", o);
+  }, [u]), y(() => {
+    const e = u();
     if (!e) return;
-    const r = o.length;
-    r > N.current && (e.scrollTop = e.scrollHeight, h.current = !0), N.current = r;
-  }, [o, c]), g(() => {
-    const e = c();
-    if (!e || !i) return;
-    const r = new MutationObserver(() => {
-      h.current && e && (e.scrollTop = e.scrollHeight);
+    const o = r.length;
+    o > L.current && (e.scrollTop = e.scrollHeight, d.current = !0), L.current = o;
+  }, [r, u]), y(() => {
+    const e = u();
+    if (!e || !a) return;
+    const o = new MutationObserver(() => {
+      d.current && e && (e.scrollTop = e.scrollHeight);
     });
-    return d.current && r.observe(d.current, {
+    return f.current && o.observe(f.current, {
       childList: !0,
       subtree: !0,
       characterData: !0
-    }), () => r.disconnect();
-  }, [i, c]), Z(() => {
-    const e = c();
-    i && h.current && e && (e.scrollTop = e.scrollHeight);
+    }), () => o.disconnect();
+  }, [a, u]), ne(() => {
+    const e = u();
+    a && d.current && e && (e.scrollTop = e.scrollHeight);
   }), /* @__PURE__ */ s(
     "div",
     {
-      ref: d,
+      ref: f,
       className: "flex flex-col gap-4 rounded-4xl p-2",
-      children: o.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-zinc-500", children: i ? /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
+      children: r.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-zinc-500", children: a ? /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ s("div", { className: "animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full" }),
         /* @__PURE__ */ s("span", { children: "Loading conversation..." })
-      ] }) : "Start a conversation..." }) : /* @__PURE__ */ k(Q, { children: [
-        J,
-        i && o.length > 0 && (() => {
-          const e = o[o.length - 1];
+      ] }) : "Start a conversation..." }) : /* @__PURE__ */ k(X, { children: [
+        G,
+        a && r.length > 0 && (() => {
+          const e = r[r.length - 1];
           return e.type === "human" || e.type === "ai" && !e.content && w(e);
-        })() && /* @__PURE__ */ s($, {})
+        })() && /* @__PURE__ */ s(K, {})
       ] })
     }
   );
 }
 export {
-  me as default
+  Fe 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 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\";\nimport ToolCallFunctions from \"./ToolCallFunctions\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n  const stream = useStreamContext();\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  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    // Skip empty content messages UNLESS they have tool calls (which means tool messages will follow)\n    if (!msg.content.length && !isAiWithToolCalls(msg)) 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    // Collect all consecutive AI messages and tool messages\n    const groupedMessages = [msg];\n    const toolMessages = [];\n    let nextIndex = index + 1;\n\n    while (nextIndex < messagesArray.length) {\n      const nextMsg = messagesArray[nextIndex];\n\n      if (isToolMessage(nextMsg)) {\n        toolMessages.push(nextMsg);\n        nextIndex++;\n      } else if (nextMsg.type === \"ai\") {\n        // Combine consecutive AI messages\n        groupedMessages.push(nextMsg);\n        nextIndex++;\n      } else {\n        // Stop at human messages or other types\n        break;\n      }\n    }\n\n    // Combine content from all AI messages\n    const combinedContent = groupedMessages\n      .map(m => {\n        if (typeof m.content === \"string\") return m.content;\n        if (Array.isArray(m.content)) {\n          return m.content\n            .map((c: any) => c.type === \"text\" ? c.text : \"\")\n            .filter(Boolean)\n            .join(\" \");\n        }\n        return \"\";\n      })\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n\n    const toolCallsFromContent = groupedMessages\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\n    const combinedMessage = {\n      ...msg,\n      content: combinedContent,\n    };\n\n    // Get branch metadata from thread\n    const meta = msg ? stream.getMessagesMetadata(msg) : undefined;\n    const displayContent = combinedContent;\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n    // Check if the first message in the group has tool calls\n    const hasToolCalls = isAiWithToolCalls(msg) || toolCallsFromContent.length > 0;\n\n    // Show thinking if streaming and no content yet (only tool calls exist)\n    const showThinkingIndicator = isStreamingThisMessage && !displayContent && hasToolCalls;\n\n    return (\n      <React.Fragment key={msgKey}>\n        {/* 1. Thinking indicator - show when streaming with no content OR when tool messages exist */}\n        {showThinkingIndicator && enableToolCallIndicator && (\n          <Thinking />\n        )}\n        {enableToolCallIndicator && hasToolCalls && (\n          <ToolCallFunctions\n            title=\"Agent Thinking\"\n            toolMessages={toolMessages}\n            toolCalls={toolCallsFromContent}\n          />\n        )}\n        {/* 2. Agent message (combined content) */}\n        {displayContent && (\n          <AgentMessage\n            agentName={chatBodyProps?.agentName}\n            fontSize={chatBodyProps?.fontSize}\n            // agentAvatarUrl={chatBodyProps?.agentAvatarUrl}\n            message={{ ...combinedMessage, content: displayContent }}\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        {groupedMessages.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 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","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","handleFeedback","useCallback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","getToolCallsFromContent","content","c","tc","args","parsePartialJson","getScrollContainer","parent","style","useEffect","renderMessage","msg","index","messagesArray","isAiWithToolCalls","msgKey","HumanMessage","isToolMessage","prevIndex","groupedMessages","toolMessages","nextIndex","nextMsg","combinedContent","m","toolCallsFromContent","combinedMessage","meta","displayContent","isLastMessageGroup","isStreamingThisMessage","hasToolCalls","showThinkingIndicator","jsxs","React","Thinking","jsx","ToolCallFunctions","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","lastMsg"],"mappings":"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"}
+{"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 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\";\nimport ToolCallFunctions from \"./ToolCallFunctions\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n  const stream = useStreamContext();\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  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    // Collect all consecutive AI messages and tool messages\n    const groupedMessages = [msg];\n    const toolMessages = [];\n    let nextIndex = index + 1;\n\n    while (nextIndex < messagesArray.length) {\n      const nextMsg = messagesArray[nextIndex];\n\n      if (isToolMessage(nextMsg)) {\n        toolMessages.push(nextMsg);\n        nextIndex++;\n      } else if (nextMsg.type === \"ai\") {\n        // Combine consecutive AI messages\n        groupedMessages.push(nextMsg);\n        nextIndex++;\n      } else {\n        // Stop at human messages or other types\n        break;\n      }\n    }\n\n    // Merge content from all AI messages, preserving r/reasoning blocks\n    const hasArrayContent = groupedMessages.some(m => Array.isArray(m.content));\n    const mergedContent: Message[\"content\"] = hasArrayContent\n      ? groupedMessages.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      : groupedMessages\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 = groupedMessages\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      typeof (msg as any).additional_kwargs?.reasoning_content === \"string\" &&\n      ((msg as any).additional_kwargs.reasoning_content as string).length > 0;\n    const hasAnyDisplayableContent = !!combinedContent || hasThinkingContent || hasKwargsReasoning;\n\n    const isLastMessageGroup = nextIndex >= messagesArray.length;\n    const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n    // Check if the first message in the group has tool calls\n    const hasToolCalls = isAiWithToolCalls(msg) || toolCallsFromContent.length > 0;\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        {enableToolCallIndicator && hasToolCalls && (\n          <ToolCallFunctions\n            title=\"Agent Thinking\"\n            toolMessages={toolMessages}\n            toolCalls={toolCallsFromContent}\n          />\n        )}\n        {/* 2. Agent message — pass full mergedContent so thinking/reasoning blocks are preserved */}\n        {hasAnyDisplayableContent && (\n          <AgentMessage\n            agentName={chatBodyProps?.agentName}\n            fontSize={chatBodyProps?.fontSize}\n            // agentAvatarUrl={chatBodyProps?.agentAvatarUrl}\n            message={combinedMessage}\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        {groupedMessages.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 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","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","handleFeedback","useCallback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","getToolCallsFromContent","content","c","tc","args","parsePartialJson","getScrollContainer","parent","style","useEffect","renderMessage","msg","index","messagesArray","isCurrentlyStreamingMessage","isAiWithToolCalls","msgKey","HumanMessage","isToolMessage","prevIndex","groupedMessages","toolMessages","nextIndex","nextMsg","hasArrayContent","m","mergedContent","combinedContent","toolCallsFromContent","combinedMessage","meta","hasThinkingContent","b","hasKwargsReasoning","hasAnyDisplayableContent","isLastMessageGroup","isStreamingThisMessage","hasToolCalls","showThinkingIndicator","jsxs","React","Thinking","jsx","ToolCallFunctions","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","lastMsg"],"mappings":"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"}

package/dist/components/Thinking.cjs.js

@@ -82,5 +82,5 @@
                         transform: translateY(0);
                     }
                 }
-            `}),e.jsxs("div",{className:"loader-wrapper",children:[e.jsx("div",{className:"loader"}),e.jsxs("div",{className:"letter-wrapper",children:[e.jsx("span",{className:"loader-letter",children:"T"}),e.jsx("span",{className:"loader-letter",children:"h"}),e.jsx("span",{className:"loader-letter",children:"i"}),e.jsx("span",{className:"loader-letter",children:"n"}),e.jsx("span",{className:"loader-letter",children:"k"}),e.jsx("span",{className:"loader-letter",children:"i"}),e.jsx("span",{className:"loader-letter",children:"n"}),e.jsx("span",{className:"loader-letter",children:"g"})]})]})]})}module.exports=a;
+            `}),e.jsx("div",{className:"loader-wrapper",children:e.jsxs("div",{className:"letter-wrapper",children:[e.jsx("span",{className:"loader-letter",children:"T"}),e.jsx("span",{className:"loader-letter",children:"h"}),e.jsx("span",{className:"loader-letter",children:"i"}),e.jsx("span",{className:"loader-letter",children:"n"}),e.jsx("span",{className:"loader-letter",children:"k"}),e.jsx("span",{className:"loader-letter",children:"i"}),e.jsx("span",{className:"loader-letter",children:"n"}),e.jsx("span",{className:"loader-letter",children:"g"})]})})]})}module.exports=a;
 //# sourceMappingURL=Thinking.cjs.js.map