langgraph-ui-components 0.0.24 → 0.0.27

package/dist/_virtual/index.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index.es5.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
-import { __require as r } from "../node_modules/.pnpm/decamelize@1.2.0/node_modules/decamelize/index.es.js";
-var a = r();
-const m = /* @__PURE__ */ e(a);
+var r = {};
 export {
-  m as default
+  r as __exports
 };
 //# sourceMappingURL=index.es5.js.map

package/dist/_virtual/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.es5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es6.js

@@ -1,3 +1,5 @@
-import { __require as e } from "../node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.es.js";
-e();
+var r = {};
+export {
+  r as __exports
+};
 //# sourceMappingURL=index.es6.js.map

package/dist/_virtual/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es7.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };
 //# sourceMappingURL=index.es7.js.map

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 a=require("react/jsx-runtime"),V=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 X=require("../providers/Stream.cjs.js"),Z=require("../providers/CustomComponentProvider.cjs.js"),ee=require("../utils/logger.cjs.js"),f=require("../utils/utils.cjs.js"),s=require("react"),te=require("./messages/AgentMessage.cjs.js"),ne=require("./messages/CustomComponentRender.cjs.js"),re=require("./messages/HumanMessage.cjs.js"),z=require("./Thinking.cjs.js");function se({setIsFirstMessage:M,enableToolCallIndicator:k=!0,chatBodyProps:q}){const o=X.useStreamContext(),{interruptComponents:B}=Z.useCustomComponents(),x=o.messages,c=o.isLoading,[w,H]=s.useState({});ee.logger.debug("ChatBody render - messages count:",x,"isLoading:",c);const l=s.useMemo(()=>x??[],[x]),m=s.useRef(null),S=s.useRef(0),C=s.useRef(!0),T=s.useCallback((e,r)=>{H(n=>({...n,[e]:r}))},[]),R=s.useCallback(async e=>{if(!e){console.error("No parent checkpoint available for regeneration");return}await o.submit(void 0,{checkpoint:e,streamMode:["values"],streamSubgraphs:!0,streamResumable:!0})},[o]),A=s.useCallback(e=>{o.setBranch(e)},[o]),b=s.useCallback(e=>{o.submit(null,{command:{resume:e}})},[o]),E=s.useMemo(()=>{const e=o.interrupt;if(!e)return null;const n=e.value?.actionRequests??[];return{approve:()=>{b({decisions:n.map(()=>({type:"approve"}))})},reject:i=>{b({decisions:n.map(()=>({type:"reject",message:i||void 0}))})},edit:i=>{const p=n[0];b({decisions:[{type:"edit",editedAction:{name:p?.name??"",args:{...p?.args,...i}}}]})}}},[o.interrupt,b]),K=s.useCallback(e=>Array.isArray(e)?e.filter(n=>typeof n=="object"&&n!==null&&n.type==="tool_use"&&n.id).map(n=>{let i={};if(n?.input)if(typeof n.input=="string")try{i=V.parsePartialJson(n.input)??{}}catch{i={}}else typeof n.input=="object"&&(i=n.input);return{name:n.name??"",id:n.id??"",args:i,type:"tool_call"}}):[],[]),g=s.useCallback(()=>{if(m.current){let e=m.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&&M&&M(!1)},[l.length,M]);const N=s.useCallback((e,r,n)=>{const i=c&&r===n.length-1&&e.type==="ai";if(!e.content.length&&!f.isAiWithToolCalls(e)&&!i||e.additional_kwargs?.hidden)return null;const p=e.id??`msg-${r}`;if(e.type==="human")return a.jsx(re,{message:e,fontSize:q?.fontSize},p);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 d=[e];let y=r+1;for(;y<n.length;){const t=n[y];if(f.isToolMessage(t))d.push(t),y++;else if(t.type==="ai")d.push(t),y++;else break}const u=d.filter(t=>t.type==="ai"),W=d.filter(t=>f.isToolMessage(t)),j=u.some(t=>Array.isArray(t.content)),v=j?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;
+`),D=j?v.map(t=>t.type==="text"?t.text:"").filter(Boolean).join(" "):v,Y=u.flatMap(t=>K(t.content)||[]).filter(t=>t!=null&&t!==void 0),$={...e,content:v},L=e?o.getMessagesMetadata(e):void 0,G=j?v.some(t=>t.type==="thinking"&&t.thinking?.length>0||t.type==="reasoning"&&t.reasoning?.length>0):!1,I=u.some(t=>{const h=t.additional_kwargs;return typeof h?.reasoning_content=="string"&&h.reasoning_content.length>0}),J=u.some(t=>{const h=t.additional_kwargs;return Array.isArray(h?.tool_status)&&h.tool_status.length>0}),P=u.some(t=>f.isAiWithToolCalls(t))||Y.length>0||W.length>0||J,_=!!D||G||I||k&&P,Q=y>=n.length,F=c&&Q,U=F&&!_;return a.jsxs(s.Fragment,{children:[U&&a.jsx(z,{}),_&&a.jsx(te,{agentName:q?.agentName,fontSize:q?.fontSize,message:$,groupedMessages:d,showToolActivity:k,isStreaming:F,onRegenerate:R,feedback:e.id?w[e.id]:void 0,onFeedback:T,branch:L?.branch,branchOptions:L?.branchOptions,onBranchSelect:A}),u.map(t=>a.jsx(ne,{message:t,thread:o},t.id))]},p)},[c,o,k,R,w,T,A]),O=s.useMemo(()=>l.map((e,r)=>{const n=N(e,r,l);return n&&!n.key?s.cloneElement(n,{key:e.id??`msg-${r}`}):n}),[l,N]);return s.useEffect(()=>{const e=g();if(!e)return;const r=()=>{const{scrollTop:n,scrollHeight:i,clientHeight:p}=e,d=i-n-p;C.current=d<100};return e.addEventListener("scroll",r),()=>e.removeEventListener("scroll",r)},[g]),s.useEffect(()=>{const e=g();if(!e)return;const r=l.length;r>S.current&&(e.scrollTop=e.scrollHeight,C.current=!0),S.current=r},[l,g]),s.useEffect(()=>{const e=g();if(!e||!c)return;const r=new MutationObserver(()=>{C.current&&e&&(e.scrollTop=e.scrollHeight)});return m.current&&r.observe(m.current,{childList:!0,subtree:!0,characterData:!0}),()=>r.disconnect()},[c,g]),s.useLayoutEffect(()=>{const e=g();c&&C.current&&e&&(e.scrollTop=e.scrollHeight)}),a.jsx("div",{ref:m,className:"flex flex-col gap-4 rounded-4xl p-2",children:l.length===0?a.jsx("div",{className:"flex items-center justify-center h-full text-zinc-500",children:c?a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("div",{className:"animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full"}),a.jsx("span",{children:"Loading conversation..."})]}):"Start a conversation..."}):a.jsxs(a.Fragment,{children:[O,!c&&o.interrupt&&E&&(()=>{const e=o.interrupt.value,r=e?.actionRequests?.[0]?.name,n=r?B[r]:void 0;return n?a.jsx(n,{interrupt:e,actions:E}):null})(),c&&l.length>0&&(()=>{const e=l[l.length-1];return e.type==="human"||e.type==="ai"&&!e.content&&f.isAiWithToolCalls(e)})()&&a.jsx(z,{})]})})}module.exports=se;
 //# 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 { 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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"}

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":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,KAA6E,MAAM,OAAO,CAAC;AAOlG,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,iBAAiB,EAAE,uBAA8B,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,2CAka7O"}

package/dist/components/ChatBody.es.js

@@ -1,178 +1,231 @@
-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 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
     }));
-  }, []), F = f(async (e) => {
+  }, []), F = d(async (e) => {
     if (!e) {
       console.error("No parent checkpoint available for regeneration");
       return;
     }
-    await l.submit(void 0, {
+    await r.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")
+  }, [r]), z = d((e) => {
+    r.setBranch(e);
+  }, [r]), C = d((e) => {
+    r.submit(null, { command: { resume: e } });
+  }, [r]), B = _(() => {
+    const e = r.interrupt;
+    if (!e) return null;
+    const n = e.value?.actionRequests ?? [];
+    return {
+      approve: () => {
+        C({
+          decisions: n.map(() => ({ type: "approve" }))
+        });
+      },
+      reject: (s) => {
+        C({
+          decisions: n.map(() => ({
+            type: "reject",
+            message: s || void 0
+          }))
+        });
+      },
+      edit: (s) => {
+        const p = n[0];
+        C({
+          decisions: [
+            {
+              type: "edit",
+              editedAction: {
+                name: p?.name ?? "",
+                args: { ...p?.args, ...s }
+              }
+            }
+          ]
+        });
+      }
+    };
+  }, [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 {
-          a = ne(t.input) ?? {};
+          s = re(n.input) ?? {};
         } catch {
-          a = {};
+          s = {};
         }
-      else typeof t.input == "object" && (a = t.input);
+      else typeof n.input == "object" && (s = n.input);
     return {
-      name: t.name ?? "",
-      id: t.id ?? "",
-      args: a,
+      name: n.name ?? "",
+      id: n.id ?? "",
+      args: s,
       type: "tool_call"
     };
-  }) : [], []), c = f(() => {
-    if (d.current) {
-      let e = d.current.parentElement;
+  }) : [], []), u = d(() => {
+    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)
+  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)
       return null;
-    const a = e.id ?? `msg-${r}`;
+    const p = e.id ?? `msg-${o}`;
     if (e.type === "human")
-      return /* @__PURE__ */ s(ee, { message: e, fontSize: y?.fontSize }, a);
-    if (x(e))
+      return /* @__PURE__ */ l(me, { message: e, fontSize: S?.fontSize }, p);
+    if (M(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 && M(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 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
         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 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(`
 
-`), B = u.flatMap((n) => G(n.content) || []).filter((n) => n != null && n !== void 0), K = {
+`), 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 = {
       ...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;
-    return /* @__PURE__ */ k(O.Fragment, { children: [
-      q && C && /* @__PURE__ */ s($, {}),
-      C && A && /* @__PURE__ */ s(
-        te,
-        {
-          title: "Agent Thinking",
-          toolMessages: m,
-          toolCalls: B
-        }
-      ),
-      M && /* @__PURE__ */ s(
-        I,
+      content: v
+    }, q = e ? r.getMessagesMetadata(e) : void 0, X = x ? v.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,
         {
-          agentName: y?.agentName,
-          fontSize: y?.fontSize,
-          message: { ...K, content: M },
-          isStreaming: _,
+          agentName: S?.agentName,
+          fontSize: S?.fontSize,
+          message: V,
+          groupedMessages: m,
+          showToolActivity: w,
+          isStreaming: O,
           onRegenerate: F,
-          feedback: e.id ? L[e.id] : void 0,
-          onFeedback: R,
-          branch: H?.branch,
-          branchOptions: H?.branchOptions,
-          onBranchSelect: j
+          feedback: e.id ? j[e.id] : void 0,
+          onFeedback: E,
+          branch: q?.branch,
+          branchOptions: q?.branchOptions,
+          onBranchSelect: z
         }
       ),
-      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__ */ 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();
     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: s, clientHeight: p } = e, m = s - n - p;
+      y.current = m < 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]), b(() => {
+    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 = 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);
     });
-    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);
-  }), /* @__PURE__ */ s(
+    }), () => o.disconnect();
+  }, [a, u]), ce(() => {
+    const e = u();
+    a && y.current && e && (e.scrollTop = e.scrollHeight);
+  }), /* @__PURE__ */ l(
     "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: [
-        /* @__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: [
+      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,
-        i && o.length > 0 && (() => {
-          const e = o[o.length - 1];
-          return e.type === "human" || e.type === "ai" && !e.content && w(e);
-        })() && /* @__PURE__ */ s($, {})
+        !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, {})
       ] })
     }
   );
 }
 export {
-  me as default
+  Be as default
 };
 //# sourceMappingURL=ChatBody.es.js.map