npm - langgraph-ui-components - Versions diffs - 0.0.24 → 0.0.27 - Mend

langgraph-ui-components 0.0.24 → 0.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (950) hide show

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

	@@ -1 +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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"}
1	+ {"version":3,"file":"ChatBody.es.js","sources":["../../src/components/ChatBody.tsx"],"sourcesContent":["import { parsePartialJson } from \"@langchain/core/output_parsers\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useCustomComponents } from \"@/providers/CustomComponentProvider\";\nimport type { chatBodyProps } from \"@/types/ChatProps\";\nimport { logger } from \"@/utils/logger\";\nimport { isAiWithToolCalls, isToolMessage } from \"@/utils/utils\";\nimport type { AIMessage, Message } from \"@langchain/langgraph-sdk\";\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport AgentMessage from \"./messages/AgentMessage\";\nimport CustomComponentRender from \"./messages/CustomComponentRender\";\nimport HumanMessage from \"./messages/HumanMessage\";\nimport type { MessageFeedback } from \"./messages/MessageActions\";\nimport Thinking from \"./Thinking\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator = true, chatBodyProps }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean, chatBodyProps?: chatBodyProps }) {\n const stream = useStreamContext();\n const { interruptComponents } = useCustomComponents();\n const messages = stream.messages;\n const isLoading = stream.isLoading;\n\n // State to track message feedback (likes/dislikes)\n const [messageFeedback, setMessageFeedback] = useState<Record<string, MessageFeedback>>({});\n\n logger.debug(\"ChatBody render - messages count:\", messages, \"isLoading:\", isLoading);\n\n // Memoize messages with stable reference\n const memoMessages = useMemo(() => messages ?? [], [messages]);\n\n const containerRef = useRef<HTMLDivElement \| null>(null);\n const prevMessageCountRef = useRef(0);\n const shouldAutoScrollRef = useRef(true);\n\n // Handler for message feedback\n const handleFeedback = useCallback((messageId: string, feedback: MessageFeedback) => {\n setMessageFeedback(prev => ({\n ...prev,\n [messageId]: feedback,\n }));\n }, []);\n\n // Handler for message regeneration\n const handleRegenerate = useCallback(async (\n parentCheckpoint: any \| null \| undefined,\n ) => {\n if (!parentCheckpoint) {\n console.error(\"No parent checkpoint available for regeneration\");\n return;\n }\n\n await stream.submit(undefined, {\n checkpoint: parentCheckpoint,\n streamMode: [\"values\"],\n streamSubgraphs: true,\n streamResumable: true,\n });\n }, [stream]);\n\n // Handler for selecting a different branch\n const handleBranchSelect = useCallback((branch: string) => {\n stream.setBranch(branch);\n }, [stream]);\n\n // Handler for HITL interrupt responses\n const handleInterruptRespond = useCallback((response: any) => {\n stream.submit(null, { command: { resume: response } });\n }, [stream]);\n\n // Build interrupt actions for custom renderers\n const interruptActions = useMemo(() => {\n const interrupt = stream.interrupt;\n if (!interrupt) return null;\n const payload = interrupt.value as any;\n const actionRequests = payload?.actionRequests ?? [];\n return {\n approve: () => {\n handleInterruptRespond({\n decisions: actionRequests.map(() => ({ type: \"approve\" as const })),\n });\n },\n reject: (reason?: string) => {\n handleInterruptRespond({\n decisions: actionRequests.map(() => ({\n type: \"reject\" as const,\n message: reason \|\| undefined,\n })),\n });\n },\n edit: (editedArgs: Record<string, unknown>) => {\n const action = actionRequests[0];\n handleInterruptRespond({\n decisions: [\n {\n type: \"edit\" as const,\n editedAction: {\n name: action?.name ?? \"\",\n args: { ...action?.args, ...editedArgs },\n },\n },\n ],\n });\n },\n };\n }, [stream.interrupt, handleInterruptRespond]);\n\n const getToolCallsFromContent = useCallback((content: Message[\"content\"]): AIMessage[\"tool_calls\"] => {\n if (!Array.isArray(content)) return [];\n const toolCallContents = content.filter(\n (c) => typeof c === \"object\" && c !== null && (c as any).type === \"tool_use\" && (c as any).id,\n ) as Array<Record<string, any>>;\n\n return toolCallContents.map((tc) => {\n let args: Record<string, any> = {};\n if (tc?.input) {\n if (typeof tc.input === \"string\") {\n try {\n args = parsePartialJson(tc.input) ?? {};\n } catch {\n args = {};\n }\n } else if (typeof tc.input === \"object\") {\n args = tc.input as Record<string, any>;\n }\n }\n return {\n name: tc.name ?? \"\",\n id: tc.id ?? \"\",\n args,\n type: \"tool_call\",\n };\n });\n }, []);\n\n // Get the parent scroll container\n const getScrollContainer = useCallback(() => {\n if (containerRef.current) {\n // Find the parent with overflow-y-auto class\n let parent = containerRef.current.parentElement;\n while (parent) {\n const style = window.getComputedStyle(parent);\n if (style.overflowY === 'auto' \|\| style.overflowY === 'scroll') {\n return parent;\n }\n parent = parent.parentElement;\n }\n }\n return null;\n }, []);\n\n useEffect(() => {\n if (memoMessages.length > 0 && setIsFirstMessage) {\n setIsFirstMessage(false);\n }\n }, [memoMessages.length, setIsFirstMessage]);\n\n // Memoize message rendering logic to prevent unnecessary re-renders\n const renderMessage = useCallback((msg: typeof messages[0], index: number, messagesArray: typeof messages) => {\n const isCurrentlyStreamingMessage = isLoading && index === messagesArray.length - 1 && msg.type === \"ai\";\n if (!msg.content.length && !isAiWithToolCalls(msg) && !isCurrentlyStreamingMessage) return null;\n\n if (msg.additional_kwargs?.hidden) {\n return null;\n }\n\n // Use message id or fallback to index for key\n const msgKey = msg.id ?? `msg-${index}`;\n\n if (msg.type === \"human\") {\n return <HumanMessage key={msgKey} message={msg} fontSize={chatBodyProps?.fontSize} />;\n }\n\n // Skip standalone tool messages\n if (isToolMessage(msg)) {\n return null;\n }\n\n // Skip if this AI message was already combined with a previous one\n if (msg.type === \"ai\" && index > 0) {\n // Check if previous non-tool message is also an AI message\n let prevIndex = index - 1;\n while (prevIndex >= 0 && isToolMessage(messagesArray[prevIndex])) {\n prevIndex--;\n }\n\n if (prevIndex >= 0 && messagesArray[prevIndex].type === \"ai\") {\n // This is a consecutive AI message, skip it (it will be combined with the previous one)\n return null;\n }\n }\n\n const groupedTimelineMessages: Message[] = [msg];\n let nextIndex = index + 1;\n\n while (nextIndex < messagesArray.length) {\n const nextMsg = messagesArray[nextIndex];\n\n if (isToolMessage(nextMsg)) {\n groupedTimelineMessages.push(nextMsg);\n nextIndex++;\n } else if (nextMsg.type === \"ai\") {\n groupedTimelineMessages.push(nextMsg);\n nextIndex++;\n } else {\n // Stop at human messages or other types\n break;\n }\n }\n\n const groupedAiMessages = groupedTimelineMessages.filter((m) => m.type === \"ai\");\n const toolMessages = groupedTimelineMessages.filter((m) => isToolMessage(m));\n\n // Merge content from all AI messages, preserving r/reasoning blocks\n const hasArrayContent = groupedAiMessages.some((m) => Array.isArray(m.content));\n const mergedContent: Message[\"content\"] = hasArrayContent\n ? groupedAiMessages.flatMap((m) => {\n if (Array.isArray(m.content)) return m.content as any[];\n if (typeof m.content === \"string\" && m.content.length > 0)\n return [{ type: \"text\", text: m.content }];\n return [];\n })\n : groupedAiMessages\n .map((m) => (typeof m.content === \"string\" ? m.content : \"\"))\n .filter(Boolean)\n .join(\"\\n\\n\");\n\n // Extract plain-text portion for legacy checks (tool-call extraction, etc.)\n const combinedContent = hasArrayContent\n ? (mergedContent as any[])\n .map((c: any) => (c.type === \"text\" ? (c.text as string) : \"\"))\n .filter(Boolean)\n .join(\" \")\n : (mergedContent as string);\n\n const toolCallsFromContent = groupedAiMessages\n .flatMap((m) => {\n const calls = getToolCallsFromContent(m.content);\n return calls \|\| [];\n })\n .filter((tc): tc is NonNullable<typeof tc> => tc != null && tc !== undefined);\n\n // Create a combined message object preserving full content (including thinking blocks)\n const combinedMessage = {\n ...msg,\n content: mergedContent,\n };\n\n // Get branch metadata from thread\n const meta = msg ? stream.getMessagesMetadata(msg) : undefined;\n\n // Determine if there is any displayable content (text OR thinking/reasoning blocks)\n const hasThinkingContent = hasArrayContent\n ? (mergedContent as any[]).some(\n (b: any) =>\n (b.type === \"thinking\" && (b.thinking as string)?.length > 0) \|\|\n (b.type === \"reasoning\" && (b.reasoning as string)?.length > 0),\n )\n : false;\n const hasKwargsReasoning =\n groupedAiMessages.some((m) => {\n const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> \| undefined;\n return typeof ak?.reasoning_content === \"string\" && (ak.reasoning_content as string).length > 0;\n });\n const hasKwargsToolStatus = groupedAiMessages.some((m) => {\n const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> \| undefined;\n return Array.isArray(ak?.tool_status) && (ak.tool_status as unknown[]).length > 0;\n });\n\n const hasToolCalls =\n groupedAiMessages.some((m) => isAiWithToolCalls(m)) \|\|\n toolCallsFromContent.length > 0 \|\|\n toolMessages.length > 0 \|\|\n hasKwargsToolStatus;\n\n const hasAnyDisplayableContent =\n !!combinedContent \|\|\n hasThinkingContent \|\|\n hasKwargsReasoning \|\|\n (enableToolCallIndicator && hasToolCalls);\n\n const isLastMessageGroup = nextIndex >= messagesArray.length;\n const isStreamingThisMessage = isLoading && isLastMessageGroup;\n\n // Show Thinking animation whenever streaming with no displayable content yet (plain chat or tool-call)\n const showThinkingIndicator = isStreamingThisMessage && !hasAnyDisplayableContent;\n\n return (\n <React.Fragment key={msgKey}>\n {/* 1. Thinking indicator - show when streaming with no content yet (no icon shown) /}\n {showThinkingIndicator && (\n <Thinking />\n )}\n {/ 2. Agent message — pass full mergedContent and grouped timeline for in-order rendering /}\n {hasAnyDisplayableContent && (\n <AgentMessage\n agentName={chatBodyProps?.agentName}\n fontSize={chatBodyProps?.fontSize}\n // agentAvatarUrl={chatBodyProps?.agentAvatarUrl}\n message={combinedMessage}\n groupedMessages={groupedTimelineMessages}\n showToolActivity={enableToolCallIndicator}\n isStreaming={isStreamingThisMessage}\n onRegenerate={handleRegenerate}\n feedback={msg.id ? messageFeedback[msg.id] : undefined}\n onFeedback={handleFeedback}\n branch={meta?.branch}\n branchOptions={meta?.branchOptions}\n onBranchSelect={handleBranchSelect}\n />\n )}\n {/ 3. Custom component (from all messages in the group) /}\n {groupedAiMessages.map((m) => (\n <CustomComponentRender key={m.id} message={m} thread={stream} />\n ))}\n </React.Fragment>\n );\n }, [isLoading, stream, enableToolCallIndicator, handleRegenerate, messageFeedback, handleFeedback, handleBranchSelect]);\n\n // Memoize the rendered messages array\n const renderedMessages = useMemo(() => {\n return memoMessages.map((msg, index) => {\n const element = renderMessage(msg, index, memoMessages);\n // Ensure every element has a key, using message id or fallback to index\n if (element && !element.key) {\n return React.cloneElement(element, { key: msg.id ?? `msg-${index}` });\n }\n return element;\n });\n }, [memoMessages, renderMessage]);\n\n // Track user scroll position to determine if we should auto-scroll\n useEffect(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) return;\n\n const handleScroll = () => {\n const { scrollTop, scrollHeight, clientHeight } = scrollContainer;\n const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n // Consider \"at bottom\" if within 100px\n shouldAutoScrollRef.current = distanceFromBottom < 100;\n };\n\n scrollContainer.addEventListener('scroll', handleScroll);\n return () => scrollContainer.removeEventListener('scroll', handleScroll);\n }, [getScrollContainer]);\n\n // Auto-scroll when new messages are added\n useEffect(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) return;\n\n const currentCount = memoMessages.length;\n const hasNewMessage = currentCount > prevMessageCountRef.current;\n\n if (hasNewMessage) {\n scrollContainer.scrollTop = scrollContainer.scrollHeight;\n shouldAutoScrollRef.current = true;\n }\n\n prevMessageCountRef.current = currentCount;\n }, [memoMessages, getScrollContainer]);\n\n // Use MutationObserver to detect DOM changes and auto-scroll during streaming\n useEffect(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer \|\| !isLoading) return;\n\n const observer = new MutationObserver(() => {\n if (shouldAutoScrollRef.current && scrollContainer) {\n scrollContainer.scrollTop = scrollContainer.scrollHeight;\n }\n });\n\n // Observe the ChatBody container for changes\n if (containerRef.current) {\n observer.observe(containerRef.current, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n }\n\n return () => observer.disconnect();\n }, [isLoading, getScrollContainer]);\n\n // Use useLayoutEffect to scroll after DOM updates\n useLayoutEffect(() => {\n const scrollContainer = getScrollContainer();\n if (isLoading && shouldAutoScrollRef.current && scrollContainer) {\n scrollContainer.scrollTop = scrollContainer.scrollHeight;\n }\n });\n\n return (\n <div\n ref={containerRef}\n className=\"flex flex-col gap-4 rounded-4xl p-2\"\n >\n {memoMessages.length === 0 ? (\n <div className=\"flex items-center justify-center h-full text-zinc-500\">\n {isLoading ? (\n <div className=\"flex items-center gap-2\">\n <div className=\"animate-spin h-5 w-5 border-2 border-zinc-500 border-t-transparent rounded-full\" />\n <span>Loading conversation...</span>\n </div>\n ) : (\n \"Start a conversation...\"\n )}\n </div>\n ) : (\n <>\n {renderedMessages}\n {/ Show HITL interrupt card when agent is paused for approval /}\n {!isLoading && stream.interrupt && interruptActions && (() => {\n const payload = stream.interrupt.value as any;\n const toolName = payload?.actionRequests?.[0]?.name;\n const InterruptComponent = toolName ? interruptComponents[toolName] : undefined;\n if (!InterruptComponent) return null;\n return <InterruptComponent interrupt={payload} actions={interruptActions} />;\n })()}\n {/ Show thinking indicator when loading and no AI response has started yet */}\n {isLoading && memoMessages.length > 0 && (() => {\n const lastMsg = memoMessages[memoMessages.length - 1];\n // Show if last message is human or if last AI has no content (only tool calls)\n return lastMsg.type === \"human\" \|\|\n (lastMsg.type === \"ai\" && !lastMsg.content && isAiWithToolCalls(lastMsg));\n })() && (\n <Thinking />\n )}\n </>\n )}\n\n </div>\n );\n}\n"],"names":["ChatBody","setIsFirstMessage","enableToolCallIndicator","chatBodyProps","stream","useStreamContext","interruptComponents","useCustomComponents","messages","isLoading","messageFeedback","setMessageFeedback","useState","logger","memoMessages","useMemo","containerRef","useRef","prevMessageCountRef","shouldAutoScrollRef","handleFeedback","useCallback","messageId","feedback","prev","handleRegenerate","parentCheckpoint","handleBranchSelect","branch","handleInterruptRespond","response","interruptActions","interrupt","actionRequests","reason","editedArgs","action","getToolCallsFromContent","content","c","tc","args","parsePartialJson","getScrollContainer","parent","style","useEffect","renderMessage","msg","index","messagesArray","isCurrentlyStreamingMessage","isAiWithToolCalls","msgKey","HumanMessage","isToolMessage","prevIndex","groupedTimelineMessages","nextIndex","nextMsg","groupedAiMessages","m","toolMessages","hasArrayContent","mergedContent","combinedContent","toolCallsFromContent","combinedMessage","meta","hasThinkingContent","b","hasKwargsReasoning","ak","hasKwargsToolStatus","hasToolCalls","hasAnyDisplayableContent","isLastMessageGroup","isStreamingThisMessage","showThinkingIndicator","jsxs","React","Thinking","jsx","AgentMessage","CustomComponentRender","renderedMessages","element","scrollContainer","handleScroll","scrollTop","scrollHeight","clientHeight","distanceFromBottom","currentCount","observer","useLayoutEffect","Fragment","payload","toolName","InterruptComponent","lastMsg"],"mappings":"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"}

package/dist/components/Thinking.cjs.js CHANGED Viewed

@@ -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

package/dist/components/Thinking.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thinking.cjs.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n return (\n <>\n <style>{`\n .loader-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n color: white;\n user-select: none;\n gap: 10px;\n }\n\n .loader {\n width: 20px;\n height: 20px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n background-color: transparent;\n animation: loader-rotate 1.5s linear infinite;\n z-index: 0;\n }\n\n @keyframes loader-rotate {\n 0% {\n transform: rotate(90deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #0693ff inset;\n }\n 50% {\n transform: rotate(270deg);\n background: #7c0911;\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #d60a47 inset,\n 0 4px 4px 0 #fbef19 inset;\n }\n 100% {\n transform: rotate(450deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #28a9ff inset;\n }\n }\n\n .letter-wrapper {\n display: flex;\n gap: 1px;\n }\n\n .loader-letter {\n display: inline-block;\n opacity: 0.4;\n transform: translateY(0);\n animation: loader-letter-anim 2s infinite;\n z-index: 1;\n border-radius: 50ch;\n border: none;\n }\n\n .loader-letter:nth-child(1) { animation-delay: 0s; }\n .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n @keyframes loader-letter-anim {\n 0%, 100% {\n opacity: 0.4;\n transform: translateY(0);\n }\n 20% {\n opacity: 1;\n transform: scale(1.15);\n }\n 40% {\n opacity: 0.7;\n transform: translateY(0);\n }\n }\n `}</style>\n <div className=\"loader-wrapper\">\n <div className=\"~~loader\"></div>\n <div className=\"~~letter-wrapper\">\n <span className=\"loader-letter\">T</span>\n <span className=\"loader-letter\">h</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">k</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">g</span>\n </div>\n </div>\n </>\n )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":"kDAAA,SAAwBA,GAAW,CAC/B,OACIC,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,MAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAoFN,~~EACFF~~,~~EAAAA,KAAC,~~MAAA,CAAI,UAAU,iBACX,~~SAAA~~,~~CAAAE,~~EAAAA,~~IAAC,MAAA,CAAI,UAAU,QAAA,CAAS,EACxBF,EAAAA,~~KAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,GAAA,CAAC,CAAA,CAAA,CACrC,CAAA,~~CAAA,~~CACJ,CAAA,EACJ,CAER"}
1	+ {"version":3,"file":"Thinking.cjs.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n return (\n <>\n <style>{`\n .loader-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n color: white;\n user-select: none;\n gap: 10px;\n }\n\n .loader {\n width: 20px;\n height: 20px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n background-color: transparent;\n animation: loader-rotate 1.5s linear infinite;\n z-index: 0;\n }\n\n @keyframes loader-rotate {\n 0% {\n transform: rotate(90deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #0693ff inset;\n }\n 50% {\n transform: rotate(270deg);\n background: #7c0911;\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #d60a47 inset,\n 0 4px 4px 0 #fbef19 inset;\n }\n 100% {\n transform: rotate(450deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #28a9ff inset;\n }\n }\n\n .letter-wrapper {\n display: flex;\n gap: 1px;\n }\n\n .loader-letter {\n display: inline-block;\n opacity: 0.4;\n transform: translateY(0);\n animation: loader-letter-anim 2s infinite;\n z-index: 1;\n border-radius: 50ch;\n border: none;\n }\n\n .loader-letter:nth-child(1) { animation-delay: 0s; }\n .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n @keyframes loader-letter-anim {\n 0%, 100% {\n opacity: 0.4;\n transform: translateY(0);\n }\n 20% {\n opacity: 1;\n transform: scale(1.15);\n }\n 40% {\n opacity: 0.7;\n transform: translateY(0);\n }\n }\n `}</style>\n <div className=\"loader-wrapper\">\n <div className=\"letter-wrapper\">\n <span className=\"loader-letter\">T</span>\n <span className=\"loader-letter\">h</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">k</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">g</span>\n </div>\n </div>\n </>\n )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":"kDAAA,SAAwBA,GAAW,CAC/B,OACIC,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,MAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAoFN,QACD,MAAA,CAAI,UAAU,iBACX,SAAAF,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,GAAA,CAAC,CAAA,CAAA,CACrC,CAAA,CACJ,CAAA,EACJ,CAER"}

package/dist/components/Thinking.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thinking.d.ts","sourceRoot":"","sources":["../../src/components/Thinking.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,~~4CAuG~~/B"}
1	+ {"version":3,"file":"Thinking.d.ts","sourceRoot":"","sources":["../../src/components/Thinking.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAsG/B"}

package/dist/components/Thinking.es.js CHANGED Viewed

@@ -86,19 +86,16 @@ function l() {
                     }
                 }
             ` }),
-    /* @__PURE__ */ a("div", { className: "loader-wrapper", children: [
-      /* @__PURE__ */ e("div", { className: "loader" }),
-      /* @__PURE__ */ a("div", { className: "letter-wrapper", children: [
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "T" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "h" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "k" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "g" })
-      ] })
-    ] })
+    /* @__PURE__ */ e("div", { className: "loader-wrapper", children: /* @__PURE__ */ a("div", { className: "letter-wrapper", children: [
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "T" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "h" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "k" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "g" })
+    ] }) })
   ] });
 }
 export {

package/dist/components/Thinking.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thinking.es.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n return (\n <>\n <style>{`\n .loader-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n color: white;\n user-select: none;\n gap: 10px;\n }\n\n .loader {\n width: 20px;\n height: 20px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n background-color: transparent;\n animation: loader-rotate 1.5s linear infinite;\n z-index: 0;\n }\n\n @keyframes loader-rotate {\n 0% {\n transform: rotate(90deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #0693ff inset;\n }\n 50% {\n transform: rotate(270deg);\n background: #7c0911;\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #d60a47 inset,\n 0 4px 4px 0 #fbef19 inset;\n }\n 100% {\n transform: rotate(450deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #28a9ff inset;\n }\n }\n\n .letter-wrapper {\n display: flex;\n gap: 1px;\n }\n\n .loader-letter {\n display: inline-block;\n opacity: 0.4;\n transform: translateY(0);\n animation: loader-letter-anim 2s infinite;\n z-index: 1;\n border-radius: 50ch;\n border: none;\n }\n\n .loader-letter:nth-child(1) { animation-delay: 0s; }\n .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n @keyframes loader-letter-anim {\n 0%, 100% {\n opacity: 0.4;\n transform: translateY(0);\n }\n 20% {\n opacity: 1;\n transform: scale(1.15);\n }\n 40% {\n opacity: 0.7;\n transform: translateY(0);\n }\n }\n `}</style>\n <div className=\"loader-wrapper\">\n <div className=\"~~loader\"></div>\n <div className=\"~~letter-wrapper\">\n <span className=\"loader-letter\">T</span>\n <span className=\"loader-letter\">h</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">k</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">g</span>\n </div>\n </div>\n </>\n )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":";AAAA,SAAwBA,IAAW;AAC/B,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAoFN;AAAA,~~IACF~~,~~gBAAAF,EAAC,~~OAAA,EAAI,WAAU,kBACX,UAAA~~;AAAA~~,~~MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxB,~~gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,~~QAAA~~,gBAAAE,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,~~QACjC~~,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,IAAA,CAAC;AAAA,~~MAAA~~,EAAA,CACrC~~;AAAA~~,~~IAAA,~~EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Thinking.es.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n return (\n <>\n <style>{`\n .loader-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n color: white;\n user-select: none;\n gap: 10px;\n }\n\n .loader {\n width: 20px;\n height: 20px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n background-color: transparent;\n animation: loader-rotate 1.5s linear infinite;\n z-index: 0;\n }\n\n @keyframes loader-rotate {\n 0% {\n transform: rotate(90deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #0693ff inset;\n }\n 50% {\n transform: rotate(270deg);\n background: #7c0911;\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #d60a47 inset,\n 0 4px 4px 0 #fbef19 inset;\n }\n 100% {\n transform: rotate(450deg);\n box-shadow:\n 0 1px 1px 0 #fff inset,\n 0 3px 5px 0 #ff5f9f inset,\n 0 4px 4px 0 #28a9ff inset;\n }\n }\n\n .letter-wrapper {\n display: flex;\n gap: 1px;\n }\n\n .loader-letter {\n display: inline-block;\n opacity: 0.4;\n transform: translateY(0);\n animation: loader-letter-anim 2s infinite;\n z-index: 1;\n border-radius: 50ch;\n border: none;\n }\n\n .loader-letter:nth-child(1) { animation-delay: 0s; }\n .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n @keyframes loader-letter-anim {\n 0%, 100% {\n opacity: 0.4;\n transform: translateY(0);\n }\n 20% {\n opacity: 1;\n transform: scale(1.15);\n }\n 40% {\n opacity: 0.7;\n transform: translateY(0);\n }\n }\n `}</style>\n <div className=\"loader-wrapper\">\n <div className=\"letter-wrapper\">\n <span className=\"loader-letter\">T</span>\n <span className=\"loader-letter\">h</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">k</span>\n <span className=\"loader-letter\">i</span>\n <span className=\"loader-letter\">n</span>\n <span className=\"loader-letter\">g</span>\n </div>\n </div>\n </>\n )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":";AAAA,SAAwBA,IAAW;AAC/B,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAoFN;AAAA,sBACD,OAAA,EAAI,WAAU,kBACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,IAAA,CAAC;AAAA,IAAA,EAAA,CACrC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/components/messages/AgentMessage.cjs.js CHANGED Viewed

@@ -1,2 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("../../utils/tailwindUtil.cjs.js"),w=require("../../utils/utils.cjs.js"),d=require("lucide-react"),f=require("react"),m=require("../ui/AgentMarkdown.cjs.js"),A=require("./BranchSwitcher.cjs.js"),b=require("./MessageActions.cjs.js");function q(n){if(!n)return null;const t=n.additional_kwargs;return t&&typeof t.reasoning_content=="string"&&t.reasoning_content.length>0?t.reasoning_content:null}function j({text:n,isStreaming:t,fontSize:c}){const[s,a]=f.useState(!1);return f.useEffect(()=>{a(!!t)},[t]),e.jsxs("div",{className:"my-1",children:[e.jsxs("button",{type:"button",onClick:()=>a(g=>!g),className:"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300",children:[t?e.jsx(d.LoaderCircle,{className:"size-3 animate-spin"}):e.jsx(d.Sparkles,{className:"size-3"}),e.jsx("span",{children:t?"Thinking":"Thought"}),e.jsx(d.ChevronRight,{className:p.cn("size-3 transition-transform duration-200",s&&"rotate-90")})]}),s&&e.jsx("div",{className:"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300",children:e.jsx(m.AgentMarkdown,{fontSize:c,children:n})})]})}function M(n,t,c){if(!n)return null;const s=n.content,a=[],g=q(n);if(g){const r=typeof s=="string"?s.length>0:Array.isArray(s)&&s.some(i=>i.type==="text"&&typeof i.text=="string"&&i.text.length>0);a.push(e.jsx(j,{text:g,isStreaming:t&&!r,fontSize:c},"kwargs-reasoning"))}if(typeof s=="string")return s.length>0&&a.push(e.jsx("div",{className:"py-1",children:e.jsx(m.AgentMarkdown,{fontSize:c,children:s})},"text-content")),a.length>0?e.jsx(e.Fragment,{children:a}):null;if(!Array.isArray(s))return null;const x=s;let o="",l=0;const h=()=>{o.length>0&&(a.push(e.jsx("div",{className:"py-1",children:e.jsx(m.AgentMarkdown,{fontSize:c,children:o})},`text-${l}`)),o="",l++)};for(let r=0;r<x.length;r++){const i=x[r];if(i.type==="text"&&typeof i.text=="string")o+=i.text;else if(i.type==="reasoning"&&typeof i.reasoning=="string"||i.type==="thinking"&&typeof i.thinking=="string"){h();const k=i.reasoning??i.thinking,y=x.slice(r+1).some(u=>u.type==="text"&&typeof u.text=="string"&&u.text.length>0),N=t&&!y;a.push(e.jsx(j,{text:k,isStreaming:N,fontSize:c},`thinking-${l}`)),l++}}return h(),a.length>0?e.jsx(e.Fragment,{children:a}):null}function R({agentName:n,fontSize:t,message:c,isStreaming:s=!1,onRegenerate:a,feedback:g,onFeedback:x,branch:o,branchOptions:l,onBranchSelect:h}){const r=w.getContentString(c?.content),i=M(c,s,t);return e.jsxs("div",{className:"agent-message flex flex-col gap-1 w-full group",children:[e.jsxs("div",{className:"flex items-center gap-3 w-full",children:[e.jsx("div",{className:"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2","data-alt":"AI Avatar",children:e.jsx(d.BotMessageSquare,{className:"text-xs",color:"white"})}),e.jsx("span",{className:"text-zinc-500 text-sm",children:n||"Agent"})]}),e.jsxs("div",{className:"flex flex-1 flex-col gap-1 items-start min-w-0",children:[e.jsx("div",{className:"text-content text-foreground",style:t?{fontSize:t}:void 0,children:i||e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 text-zinc-500",children:[e.jsx(d.Loader2,{className:"animate-spin",size:16}),e.jsx("span",{children:"Thinking..."})]}),s&&r&&e.jsx("span",{className:"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse"})]})}),!s&&o&&l&&h&&l.length>1&&e.jsx(A.BranchSwitcher,{branch:o,branchOptions:l,onSelect:h,isLoading:s}),!s&&r&&e.jsx(b.MessageActions,{message:c,onRegenerate:a,feedback:g,onFeedback:x,className:""})]})]})}const T=f.memo(R,(n,t)=>t.isStreaming?!1:n.message.id===t.message.id&&n.isStreaming===t.isStreaming&&n.feedback===t.feedback&&n.onRegenerate===t.onRegenerate&&n.onFeedback===t.onFeedback&&n.branch===t.branch&&n.branchOptions?.length===t.branchOptions?.length&&n.onBranchSelect===t.onBranchSelect);module.exports=T;
+"use strict";const n=require("react/jsx-runtime"),L=require("../../utils/tailwindUtil.cjs.js"),E=require("../../utils/utils.cjs.js"),j=require("lucide-react"),C=require("react"),R=require("../ui/AgentMarkdown.cjs.js"),O=require("./BranchSwitcher.cjs.js"),J=require("./MessageActions.cjs.js");function U(t){if(!t)return null;const e=t.additional_kwargs;return e&&typeof e.reasoning_content=="string"&&e.reasoning_content.length>0?e.reasoning_content:null}function W({reasoningText:t,toolStatuses:e,isStreaming:s,fontSize:m}){const[g,a]=C.useState(!1);C.useEffect(()=>{a(!!s)},[s]);const x=e&&e.length>0,y=!!t&&t.length>0;return!x&&!y&&!s?null:n.jsxs("div",{className:"my-1",children:[n.jsxs("button",{type:"button",onClick:()=>a(d=>!d),className:"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300",children:[s?n.jsx(j.LoaderCircle,{className:"size-3 animate-spin"}):n.jsx(j.Sparkles,{className:"size-3"}),n.jsx("span",{children:s?"Thinking":"Thought"}),n.jsx(j.ChevronRight,{className:L.cn("size-3 transition-transform duration-200",g&&"rotate-90")})]}),g&&n.jsxs("div",{className:"mt-1.5 border-l-2 border-white/10 pl-4 space-y-1",children:[x&&e.map(d=>n.jsxs("div",{className:"flex items-center gap-2 text-sm text-zinc-300 py-0.5",children:[!d.isCompleted&&n.jsx(j.LoaderCircle,{className:"size-3.5 animate-spin text-zinc-400"}),n.jsx(j.Wrench,{className:"size-3.5 text-zinc-500"}),n.jsx("span",{children:d.label})]},d.key)),y&&n.jsx("div",{className:"text-sm text-zinc-300",children:n.jsx(R.AgentMarkdown,{fontSize:m,children:t})})]})]})}function D(t){if(!t||typeof t!="object")return null;const e=t,s=typeof e.visible=="boolean"?e.visible:typeof e.show=="boolean"?e.show:typeof e.display=="boolean"?e.display:typeof e.hidden=="boolean"?!e.hidden:!0;return{id:typeof e.id=="string"?e.id:void 0,name:typeof e.name=="string"?e.name:void 0,label:typeof e.label=="string"?e.label:void 0,event:typeof e.event=="string"?e.event:void 0,visible:s}}function G(t){if(!t)return[];const e=t.additional_kwargs;return!e||!Array.isArray(e.tool_status)?[]:e.tool_status.map(D).filter(s=>s!==null)}function H(t){if(!t)return!1;const e=t.additional_kwargs;return e?Object.prototype.hasOwnProperty.call(e,"tool_status"):!1}function T(t){return t?t.toLowerCase().replace(/\s+/g," ").replace(/\s*event:\s*metadata\s*$/i,"").trim():""}function Q(t){return!(t.visible===!1||T(t.label).length===0||t.event?.toLowerCase()==="metadata"||/\bevent:\s*metadata\b/i.test(t.label??""))}function V(t,e){if(!e)return t;if(typeof e=="string"){const s=e.trim();return s.length===0?t:`${t} ${s.slice(0,80)}${s.length>80?"...":""}`}if(typeof e=="object")try{const s=JSON.stringify(e);return`${t} ${s.length>80?`${s.slice(0,80)}...`:s}`}catch{return t}return t}function X(t,e,s,m){if(!t||t.length===0)return null;const g=t,a=g.filter(i=>i.type==="tool"),x=g.some(i=>H(i)),y=new Set(a.map(i=>i.tool_call_id).filter(i=>typeof i=="string"&&i.length>0)),d=new Set(a.map(i=>i.name).filter(i=>typeof i=="string"&&i.length>0)),f=[],u=[],h=[],p=new Set;let c=0;const q=i=>{if(e)for(const o of G(i)){if(!Q(o))continue;const r=T(o.label)||T(o.name)||"tool";if(p.has(r))continue;p.add(r);const w=o.label??o.name??"Running tool",b=(o.id?y.has(o.id):!1)||(o.name?d.has(o.name):!1)||!s;f.push({key:r,label:w,isCompleted:b})}};for(const i of g){if(i.type!=="ai")continue;const o=i.content,r=U(i);if(q(i),typeof o=="string"){r?u.push(r):o.length>0&&(h.push(n.jsx("div",{className:"py-1",children:n.jsx(R.AgentMarkdown,{fontSize:m,children:o})},`text-content-${i.id??c}`)),c++);continue}if(!Array.isArray(o)){r&&u.push(r);continue}const w=o;let b="",M=!1;const z=()=>{b.length>0&&(h.push(n.jsx("div",{className:"py-1",children:n.jsx(R.AgentMarkdown,{fontSize:m,children:b})},`text-${i.id??c}-${c}`)),b="",c++)};for(let N=0;N<w.length;N++){const l=w[N];if(l.type==="text"&&typeof l.text=="string"){b+=l.text;continue}if(l.type==="reasoning"&&typeof l.reasoning=="string"||l.type==="thinking"&&typeof l.thinking=="string"){z(),M=!0;const v=l.reasoning??l.thinking;u.push(v);continue}if(e&&!x&&l.type==="tool_use"){z();const v=typeof l.id=="string"?l.id:void 0,K=typeof l.name=="string"?l.name:"tool",A=T(K)||`tool-${N}`;if(!p.has(A)){p.add(A);const I=V(K,l.input),B=v?y.has(v):!s;f.push({key:A,label:I,isCompleted:B})}}}!M&&r?(b="",u.push(r)):z()}if(e&&!s&&!x&&f.length===0&&h.length===0&&a.length>0)for(const i of a)f.push({key:`tool-msg-${i.id??c}`,label:"Tool call completed",isCompleted:!0}),c++;const k=[],S=h.length>0,$=u.join(`
+`),F=e&&f.length>0||$.length>0,_=!!s&&!S;return(F||_)&&k.push(n.jsx(W,{reasoningText:$||void 0,toolStatuses:e?f:void 0,isStreaming:_,fontSize:m},"agent-activity")),k.push(...h),k.length>0?n.jsx(n.Fragment,{children:k}):null}function Y({agentName:t,fontSize:e,message:s,groupedMessages:m,showToolActivity:g=!0,isStreaming:a=!1,onRegenerate:x,feedback:y,onFeedback:d,branch:f,branchOptions:u,onBranchSelect:h}){const p=E.getContentString(s?.content),c=X(m??[s],g,a,e);return n.jsxs("div",{className:"agent-message flex flex-col gap-1 w-full group",children:[n.jsxs("div",{className:"flex items-center gap-3 w-full",children:[n.jsx("div",{className:"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2","data-alt":"AI Avatar",children:n.jsx(j.BotMessageSquare,{className:"text-xs",color:"white"})}),n.jsx("span",{className:"text-zinc-500 text-sm",children:t||"Agent"})]}),n.jsxs("div",{className:"flex flex-1 flex-col gap-1 items-start min-w-0",children:[n.jsx("div",{className:"text-content text-foreground",style:e?{fontSize:e}:void 0,children:c||n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"flex items-center gap-2 text-zinc-500",children:n.jsx("span",{children:"Thinking..."})}),a&&p&&n.jsx("span",{className:"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse"})]})}),!a&&f&&u&&h&&u.length>1&&n.jsx(O.BranchSwitcher,{branch:f,branchOptions:u,onSelect:h,isLoading:a}),!a&&p&&n.jsx(J.MessageActions,{message:s,onRegenerate:x,feedback:y,onFeedback:d,className:""})]})]})}const Z=C.memo(Y,(t,e)=>e.isStreaming?!1:t.message.id===e.message.id&&t.groupedMessages?.length===e.groupedMessages?.length&&t.showToolActivity===e.showToolActivity&&t.isStreaming===e.isStreaming&&t.feedback===e.feedback&&t.onRegenerate===e.onRegenerate&&t.onFeedback===e.onFeedback&&t.branch===e.branch&&t.branchOptions?.length===e.branchOptions?.length&&t.onBranchSelect===e.onBranchSelect);module.exports=Z;
 //# sourceMappingURL=AgentMessage.cjs.js.map

package/dist/components/messages/AgentMessage.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentMessage.cjs.js","sources":["../../../src/components/messages/AgentMessage.tsx"],"sourcesContent":["import { cn } from \"@/utils/tailwindUtil\";\nimport { getContentString } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { BotMessageSquare, ChevronRight, Loader2, LoaderCircle, Sparkles } from \"lucide-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { AgentMarkdown } from \"../ui/AgentMarkdown\";\nimport { BranchSwitcher } from \"./BranchSwitcher\";\nimport { MessageActions, type MessageFeedback } from \"./MessageActions\";\n\nfunction getReasoningFromKwargs(message: Message \| undefined): string \| null {\n if (!message) return null;\n const ak = (message as Record<string, unknown>).additional_kwargs as\n \| Record<string, unknown>\n \| undefined;\n if (\n ak &&\n typeof ak.reasoning_content === \"string\" &&\n ak.reasoning_content.length > 0\n ) {\n return ak.reasoning_content;\n }\n return null;\n}\n\nfunction InlineThinking({ text, isStreaming, fontSize }: { text: string; isStreaming?: boolean; fontSize?: string }) {\n const [expanded, setExpanded] = useState(false);\n\n useEffect(() => {\n setExpanded(!!isStreaming);\n }, [isStreaming]);\n\n return (\n <div className=\"my-1\">\n <button\n type=\"button\"\n onClick={() => setExpanded((p) => !p)}\n className=\"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300\"\n >\n {isStreaming ? (\n <LoaderCircle className=\"size-3 animate-spin\" />\n ) : (\n <Sparkles className=\"size-3\" />\n )}\n <span>{isStreaming ? \"Thinking\" : \"Thought\"}</span>\n <ChevronRight\n className={cn(\n \"size-3 transition-transform duration-200\",\n expanded && \"rotate-90\",\n )}\n />\n </button>\n {expanded && (\n <div className=\"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300\">\n <AgentMarkdown fontSize={fontSize}>{text}</AgentMarkdown>\n </div>\n )}\n </div>\n );\n}\n\nfunction renderContentInline(message: Message \| undefined, isActivelyStreaming?: boolean, fontSize?: string) {\n if (!message) return null;\n const content = message.content;\n const parts: React.ReactNode[] = [];\n\n const kwargsReasoning = getReasoningFromKwargs(message);\n if (kwargsReasoning) {\n const hasTextContent =\n typeof content === \"string\"\n ? content.length > 0\n : Array.isArray(content) &&\n (content as Record<string, unknown>[]).some(\n (b) =>\n b.type === \"text\" &&\n typeof b.text === \"string\" &&\n (b.text as string).length > 0,\n );\n parts.push(\n <InlineThinking\n key=\"kwargs-reasoning\"\n text={kwargsReasoning}\n isStreaming={isActivelyStreaming && !hasTextContent}\n fontSize={fontSize}\n />,\n );\n }\n\n if (typeof content === \"string\") {\n if (content.length > 0) {\n parts.push(\n <div key=\"text-content\" className=\"py-1\">\n <AgentMarkdown fontSize={fontSize}>{content}</AgentMarkdown>\n </div>,\n );\n }\n return parts.length > 0 ? <>{parts}</> : null;\n }\n\n if (!Array.isArray(content)) return null;\n\n const blocks = content as Record<string, unknown>[];\n let textAccum = \"\";\n let idx = 0;\n\n const flushText = () => {\n if (textAccum.length > 0) {\n parts.push(\n <div key={`text-${idx}`} className=\"py-1\">\n <AgentMarkdown fontSize={fontSize}>{textAccum}</AgentMarkdown>\n </div>,\n );\n textAccum = \"\";\n idx++;\n }\n };\n\n for (let i = 0; i < blocks.length; i++) {\n const block = blocks[i];\n if (block.type === \"text\" && typeof block.text === \"string\") {\n textAccum += block.text;\n } else if (\n (block.type === \"reasoning\" && typeof block.reasoning === \"string\") \|\|\n (block.type === \"thinking\" && typeof block.thinking === \"string\")\n ) {\n flushText();\n const text = (block.reasoning ?? block.thinking) as string;\n const hasTextAfter = blocks.slice(i + 1).some(\n (b) =>\n b.type === \"text\" &&\n typeof b.text === \"string\" &&\n (b.text as string).length > 0,\n );\n const isThisBlockStreaming = isActivelyStreaming && !hasTextAfter;\n parts.push(\n <InlineThinking key={`thinking-${idx}`} text={text} isStreaming={isThisBlockStreaming} fontSize={fontSize} />,\n );\n idx++;\n }\n }\n\n flushText();\n return parts.length > 0 ? <>{parts}</> : null;\n}\n\nfunction AgentMessage({\n agentName,\n fontSize,\n message,\n isStreaming = false,\n onRegenerate,\n feedback,\n onFeedback,\n branch,\n branchOptions,\n onBranchSelect,\n}: {\n agentName?: string;\n fontSize?: string;\n message: Message;\n isStreaming?: boolean;\n onRegenerate?: (parentCheckpoint: any \| null \| undefined, messageId: string, currentMessage: any) => void;\n feedback?: MessageFeedback;\n onFeedback?: (messageId: string, feedback: MessageFeedback) => void;\n branch?: string;\n branchOptions?: string[];\n onBranchSelect?: (branch: string) => void;\n}) {\n const content = getContentString(message?.content);\n const inlineContent = renderContentInline(message, isStreaming, fontSize);\n\n return (\n <div className=\"agent-message flex flex-col gap-1 w-full group\">\n <div className=\"flex items-center gap-3 w-full\">\n <div\n className=\"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2\"\n data-alt=\"AI Avatar\"\n >\n <BotMessageSquare className=\"text-xs\" color=\"white\" />\n </div>\n <span className=\"text-zinc-500 text-sm\">{agentName \|\| \"Agent\"}</span>\n </div>\n <div className=\"flex flex-1 flex-col gap-1 items-start min-w-0\">\n <div className=\"text-content text-foreground\" style={fontSize ? { fontSize } : undefined}>\n {inlineContent ? (\n inlineContent\n ) : (\n <>\n <div className=\"flex items-center gap-2 text-zinc-500\">\n <Loader2 className=\"animate-spin\" size={16} />\n <span>Thinking...</span>\n </div>\n {isStreaming && content && (\n <span className=\"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse\" />\n )}\n </>\n )}\n </div>\n\n {/* Branch switcher - show when multiple branches exist /}\n {!isStreaming && branch && branchOptions && onBranchSelect && branchOptions.length > 1 && (\n <BranchSwitcher\n branch={branch}\n branchOptions={branchOptions}\n onSelect={onBranchSelect}\n isLoading={isStreaming}\n />\n )}\n\n {/ Show actions only when not streaming and content exists */}\n {!isStreaming && content && (\n <MessageActions\n message={message}\n onRegenerate={onRegenerate}\n feedback={feedback}\n onFeedback={onFeedback}\n className=\"\"\n />\n )}\n </div>\n </div>\n );\n}\n\n// Memoize - only re-render if message ID changes or streaming state changes\nexport default React.memo(AgentMessage, (prevProps, nextProps) => {\n // If it's streaming, we need to re-render to show updates\n if (nextProps.isStreaming) {\n return false; // Always re-render when streaming\n }\n\n // Otherwise, only re-render if the message ID, feedback, branch, or callbacks changed\n return (\n prevProps.message.id === nextProps.message.id &&\n prevProps.isStreaming === nextProps.isStreaming &&\n prevProps.feedback === nextProps.feedback &&\n prevProps.onRegenerate === nextProps.onRegenerate &&\n prevProps.onFeedback === nextProps.onFeedback &&\n prevProps.branch === nextProps.branch &&\n prevProps.branchOptions?.length === nextProps.branchOptions?.length &&\n prevProps.onBranchSelect === nextProps.onBranchSelect\n );\n});\n"],"names":["getReasoningFromKwargs","message","ak","InlineThinking","text","isStreaming","fontSize","expanded","setExpanded","useState","useEffect","jsxs","p","jsx","LoaderCircle","Sparkles","ChevronRight","cn","AgentMarkdown","renderContentInline","isActivelyStreaming","content","parts","kwargsReasoning","hasTextContent","b","Fragment","blocks","textAccum","idx","flushText","i","block","hasTextAfter","isThisBlockStreaming","AgentMessage","agentName","onRegenerate","feedback","onFeedback","branch","branchOptions","onBranchSelect","getContentString","inlineContent","BotMessageSquare","Loader2","BranchSwitcher","MessageActions","React","prevProps","nextProps"],"mappings":"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"}
1	+ {"version":3,"file":"AgentMessage.cjs.js","sources":["../../../src/components/messages/AgentMessage.tsx"],"sourcesContent":["import { cn } from \"@/utils/tailwindUtil\";\nimport { getContentString } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { BotMessageSquare, ChevronRight, LoaderCircle, Sparkles, Wrench } from \"lucide-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { AgentMarkdown } from \"../ui/AgentMarkdown\";\nimport { BranchSwitcher } from \"./BranchSwitcher\";\nimport { MessageActions, type MessageFeedback } from \"./MessageActions\";\n\ntype ToolStatusEntry = {\n id?: string;\n name?: string;\n label?: string;\n event?: string;\n visible?: boolean;\n};\n\nfunction getReasoningFromKwargs(message: Message \| undefined): string \| null {\n if (!message) return null;\n const ak = (message as Record<string, unknown>).additional_kwargs as\n \| Record<string, unknown>\n \| undefined;\n if (\n ak &&\n typeof ak.reasoning_content === \"string\" &&\n ak.reasoning_content.length > 0\n ) {\n return ak.reasoning_content;\n }\n return null;\n}\n\nfunction AgentActivity({\n reasoningText,\n toolStatuses,\n isStreaming,\n fontSize,\n}: {\n reasoningText?: string;\n toolStatuses?: Array<{ key: string; label: string; isCompleted: boolean }>;\n isStreaming?: boolean;\n fontSize?: string;\n}) {\n const [expanded, setExpanded] = useState(false);\n\n useEffect(() => {\n setExpanded(!!isStreaming);\n }, [isStreaming]);\n\n const hasTools = toolStatuses && toolStatuses.length > 0;\n const hasReasoning = !!reasoningText && reasoningText.length > 0;\n\n if (!hasTools && !hasReasoning && !isStreaming) return null;\n\n return (\n <div className=\"my-1\">\n <button\n type=\"button\"\n onClick={() => setExpanded((p) => !p)}\n className=\"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300\"\n >\n {isStreaming ? (\n <LoaderCircle className=\"size-3 animate-spin\" />\n ) : (\n <Sparkles className=\"size-3\" />\n )}\n <span>{isStreaming ? \"Thinking\" : \"Thought\"}</span>\n <ChevronRight\n className={cn(\n \"size-3 transition-transform duration-200\",\n expanded && \"rotate-90\",\n )}\n />\n </button>\n {expanded && (\n <div className=\"mt-1.5 border-l-2 border-white/10 pl-4 space-y-1\">\n {hasTools && toolStatuses!.map((ts) => (\n <div key={ts.key} className=\"flex items-center gap-2 text-sm text-zinc-300 py-0.5\">\n {!ts.isCompleted && (\n <LoaderCircle className=\"size-3.5 animate-spin text-zinc-400\" />\n )}\n <Wrench className=\"size-3.5 text-zinc-500\" />\n <span>{ts.label}</span>\n </div>\n ))}\n {hasReasoning && (\n <div className=\"text-sm text-zinc-300\">\n <AgentMarkdown fontSize={fontSize}>{reasoningText!}</AgentMarkdown>\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n\nfunction toToolStatusEntry(value: unknown): ToolStatusEntry \| null {\n if (!value \|\| typeof value !== \"object\") return null;\n const v = value as Record<string, unknown>;\n\n const visible =\n typeof v.visible === \"boolean\"\n ? v.visible\n : typeof v.show === \"boolean\"\n ? v.show\n : typeof v.display === \"boolean\"\n ? v.display\n : typeof v.hidden === \"boolean\"\n ? !v.hidden\n : true;\n\n return {\n id: typeof v.id === \"string\" ? v.id : undefined,\n name: typeof v.name === \"string\" ? v.name : undefined,\n label: typeof v.label === \"string\" ? v.label : undefined,\n event: typeof v.event === \"string\" ? v.event : undefined,\n visible,\n };\n}\n\nfunction getToolStatusFromKwargs(message: Message \| undefined): ToolStatusEntry[] {\n if (!message) return [];\n const ak = (message as Record<string, unknown>).additional_kwargs as\n \| Record<string, unknown>\n \| undefined;\n\n if (!ak \|\| !Array.isArray(ak.tool_status)) return [];\n\n return (ak.tool_status as unknown[])\n .map(toToolStatusEntry)\n .filter((s): s is ToolStatusEntry => s !== null);\n}\n\nfunction hasToolStatusFieldInKwargs(message: Message \| undefined): boolean {\n if (!message) return false;\n const ak = (message as Record<string, unknown>).additional_kwargs as\n \| Record<string, unknown>\n \| undefined;\n if (!ak) return false;\n return Object.prototype.hasOwnProperty.call(ak, \"tool_status\");\n}\n\nfunction normalizeSemanticKey(value: string \| undefined): string {\n if (!value) return \"\";\n return value\n .toLowerCase()\n .replace(/\\s+/g, \" \")\n .replace(/\\sevent:\\smetadata\\s$/i, \"\")\n .trim();\n}\n\nfunction shouldRenderToolStatus(status: ToolStatusEntry): boolean {\n if (status.visible === false) return false;\n\n const labelKey = normalizeSemanticKey(status.label);\n if (labelKey.length === 0) return false;\n\n // Filter transport/debug noise like \"event: metadata\".\n if (status.event?.toLowerCase() === \"metadata\") return false;\n if (/\\bevent:\\smetadata\\b/i.test(status.label ?? \"\")) return false;\n\n return true;\n}\n\nfunction normalizeToolLabel(name: string, input: unknown): string {\n if (!input) return name;\n if (typeof input === \"string\") {\n const trimmed = input.trim();\n if (trimmed.length === 0) return name;\n return `${name} ${trimmed.slice(0, 80)}${trimmed.length > 80 ? \"...\" : \"\"}`;\n }\n if (typeof input === \"object\") {\n try {\n const json = JSON.stringify(input);\n return `${name} ${json.length > 80 ? `${json.slice(0, 80)}...` : json}`;\n } catch {\n return name;\n }\n }\n return name;\n}\n\nfunction renderContentInline(\n groupedMessages: Message[] \| undefined,\n showToolActivity: boolean,\n isActivelyStreaming?: boolean,\n fontSize?: string,\n) {\n if (!groupedMessages \|\| groupedMessages.length === 0) return null;\n\n const timeline = groupedMessages;\n const toolMessages = timeline.filter((m) => m.type === \"tool\");\n const hasBackendToolStatus = timeline.some((m) => hasToolStatusFieldInKwargs(m));\n\n const completedToolIds = new Set(\n toolMessages\n .map((m) => (m as Record<string, unknown>).tool_call_id)\n .filter((id): id is string => typeof id === \"string\" && id.length > 0),\n );\n const completedToolNames = new Set(\n toolMessages\n .map((m) => (m as Record<string, unknown>).name)\n .filter((name): name is string => typeof name === \"string\" && name.length > 0),\n );\n\n // ── Collect activity (reasoning + tool statuses) and text content separately ──\n const collectedToolStatuses: Array<{ key: string; label: string; isCompleted: boolean }> = [];\n const reasoningTexts: string[] = [];\n const textParts: React.ReactNode[] = [];\n const renderedToolKeys = new Set<string>();\n let textIdx = 0;\n\n const collectToolStatusFromKwargs = (message: Message) => {\n if (!showToolActivity) return;\n for (const status of getToolStatusFromKwargs(message)) {\n if (!shouldRenderToolStatus(status)) continue;\n const semanticKey =\n normalizeSemanticKey(status.label) \|\| normalizeSemanticKey(status.name) \|\| \"tool\";\n if (renderedToolKeys.has(semanticKey)) continue;\n renderedToolKeys.add(semanticKey);\n const label = status.label ?? status.name ?? \"Running tool\";\n const isCompleted =\n (status.id ? completedToolIds.has(status.id) : false) \|\|\n (status.name ? completedToolNames.has(status.name) : false) \|\|\n !isActivelyStreaming;\n collectedToolStatuses.push({ key: semanticKey, label, isCompleted });\n }\n };\n\n for (const message of timeline) {\n if (message.type !== \"ai\") continue;\n\n const content = message.content;\n const kwargsReasoning = getReasoningFromKwargs(message);\n\n // Collect tool statuses from kwargs\n collectToolStatusFromKwargs(message);\n\n if (typeof content === \"string\") {\n if (kwargsReasoning) {\n // When reasoning_content exists in kwargs, the string content is the\n // same thinking text (set by messages-tuple before wrapModelCall clears\n // it). Capture it only as reasoning to avoid duplication.\n reasoningTexts.push(kwargsReasoning);\n } else if (content.length > 0) {\n textParts.push(\n <div key={`text-content-${message.id ?? textIdx}`} className=\"py-1\">\n <AgentMarkdown fontSize={fontSize}>{content}</AgentMarkdown>\n </div>,\n );\n textIdx++;\n }\n continue;\n }\n\n if (!Array.isArray(content)) {\n if (kwargsReasoning) reasoningTexts.push(kwargsReasoning);\n continue;\n }\n\n const blocks = content as Record<string, unknown>[];\n let textAccum = \"\";\n let hasReasoningBlock = false;\n\n const flushText = () => {\n if (textAccum.length > 0) {\n textParts.push(\n <div key={`text-${message.id ?? textIdx}-${textIdx}`} className=\"py-1\">\n <AgentMarkdown fontSize={fontSize}>{textAccum}</AgentMarkdown>\n </div>,\n );\n textAccum = \"\";\n textIdx++;\n }\n };\n\n for (let i = 0; i < blocks.length; i++) {\n const block = blocks[i];\n if (block.type === \"text\" && typeof block.text === \"string\") {\n textAccum += block.text;\n continue;\n }\n\n if (\n (block.type === \"reasoning\" && typeof block.reasoning === \"string\") \|\|\n (block.type === \"thinking\" && typeof block.thinking === \"string\")\n ) {\n flushText();\n hasReasoningBlock = true;\n const text = (block.reasoning ?? block.thinking) as string;\n reasoningTexts.push(text);\n continue;\n }\n\n if (showToolActivity && !hasBackendToolStatus && block.type === \"tool_use\") {\n flushText();\n const toolId = typeof block.id === \"string\" ? block.id : undefined;\n const toolName = typeof block.name === \"string\" ? block.name : \"tool\";\n const semanticKey = normalizeSemanticKey(toolName) \|\| `tool-${i}`;\n if (!renderedToolKeys.has(semanticKey)) {\n renderedToolKeys.add(semanticKey);\n const label = normalizeToolLabel(toolName, (block as Record<string, unknown>).input);\n const isCompleted = toolId ? completedToolIds.has(toolId) : !isActivelyStreaming;\n collectedToolStatuses.push({ key: semanticKey, label, isCompleted });\n }\n }\n }\n\n if (!hasReasoningBlock && kwargsReasoning) {\n // Same as the string-content case: kwargs reasoning duplicates the\n // text blocks, so discard accumulated text and capture as reasoning only.\n textAccum = \"\";\n reasoningTexts.push(kwargsReasoning);\n } else {\n flushText();\n }\n }\n\n // Fallback for legacy payloads without backend tool_status (only after streaming completes)\n if (showToolActivity && !isActivelyStreaming && !hasBackendToolStatus && collectedToolStatuses.length === 0 && textParts.length === 0 && toolMessages.length > 0) {\n for (const toolMessage of toolMessages) {\n collectedToolStatuses.push({\n key: `tool-msg-${toolMessage.id ?? textIdx}`,\n label: \"Tool call completed\",\n isCompleted: true,\n });\n textIdx++;\n }\n }\n\n // ── Assemble output: AgentActivity block first, then text content ──\n const parts: React.ReactNode[] = [];\n const hasTextContent = textParts.length > 0;\n const combinedReasoning = reasoningTexts.join(\"\\n\\n\");\n const hasActivity =\n (showToolActivity && collectedToolStatuses.length > 0) \|\|\n combinedReasoning.length > 0;\n const activityIsStreaming = !!isActivelyStreaming && !hasTextContent;\n\n if (hasActivity \|\| activityIsStreaming) {\n parts.push(\n <AgentActivity\n key=\"agent-activity\"\n reasoningText={combinedReasoning \|\| undefined}\n toolStatuses={showToolActivity ? collectedToolStatuses : undefined}\n isStreaming={activityIsStreaming}\n fontSize={fontSize}\n />,\n );\n }\n\n parts.push(...textParts);\n\n return parts.length > 0 ? <>{parts}</> : null;\n}\n\nfunction AgentMessage({\n agentName,\n fontSize,\n message,\n groupedMessages,\n showToolActivity = true,\n isStreaming = false,\n onRegenerate,\n feedback,\n onFeedback,\n branch,\n branchOptions,\n onBranchSelect,\n}: {\n agentName?: string;\n fontSize?: string;\n message: Message;\n groupedMessages?: Message[];\n showToolActivity?: boolean;\n isStreaming?: boolean;\n onRegenerate?: (parentCheckpoint: any \| null \| undefined, messageId: string, currentMessage: any) => void;\n feedback?: MessageFeedback;\n onFeedback?: (messageId: string, feedback: MessageFeedback) => void;\n branch?: string;\n branchOptions?: string[];\n onBranchSelect?: (branch: string) => void;\n}) {\n const content = getContentString(message?.content);\n const inlineContent = renderContentInline(groupedMessages ?? [message], showToolActivity, isStreaming, fontSize);\n\n return (\n <div className=\"agent-message flex flex-col gap-1 w-full group\">\n <div className=\"flex items-center gap-3 w-full\">\n <div\n className=\"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2\"\n data-alt=\"AI Avatar\"\n >\n <BotMessageSquare className=\"text-xs\" color=\"white\" />\n </div>\n <span className=\"text-zinc-500 text-sm\">{agentName \|\| \"Agent\"}</span>\n </div>\n <div className=\"flex flex-1 flex-col gap-1 items-start min-w-0\">\n <div className=\"text-content text-foreground\" style={fontSize ? { fontSize } : undefined}>\n {inlineContent ? (\n inlineContent\n ) : (\n <>\n <div className=\"flex items-center gap-2 text-zinc-500\">\n {/* <Loader2 className=\"animate-spin\" size={16} /> /}\n <span>Thinking...</span>\n </div>\n {isStreaming && content && (\n <span className=\"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse\" />\n )}\n </>\n )}\n </div>\n\n {/ Branch switcher - show when multiple branches exist /}\n {!isStreaming && branch && branchOptions && onBranchSelect && branchOptions.length > 1 && (\n <BranchSwitcher\n branch={branch}\n branchOptions={branchOptions}\n onSelect={onBranchSelect}\n isLoading={isStreaming}\n />\n )}\n\n {/ Show actions only when not streaming and content exists */}\n {!isStreaming && content && (\n <MessageActions\n message={message}\n onRegenerate={onRegenerate}\n feedback={feedback}\n onFeedback={onFeedback}\n className=\"\"\n />\n )}\n </div>\n </div>\n );\n}\n\n// Memoize - only re-render if message ID changes or streaming state changes\nexport default React.memo(AgentMessage, (prevProps, nextProps) => {\n // If it's streaming, we need to re-render to show updates\n if (nextProps.isStreaming) {\n return false; // Always re-render when streaming\n }\n\n // Otherwise, only re-render if the message ID, feedback, branch, or callbacks changed\n return (\n prevProps.message.id === nextProps.message.id &&\n prevProps.groupedMessages?.length === nextProps.groupedMessages?.length &&\n prevProps.showToolActivity === nextProps.showToolActivity &&\n prevProps.isStreaming === nextProps.isStreaming &&\n prevProps.feedback === nextProps.feedback &&\n prevProps.onRegenerate === nextProps.onRegenerate &&\n prevProps.onFeedback === nextProps.onFeedback &&\n prevProps.branch === nextProps.branch &&\n prevProps.branchOptions?.length === nextProps.branchOptions?.length &&\n prevProps.onBranchSelect === nextProps.onBranchSelect\n );\n});\n"],"names":["getReasoningFromKwargs","message","ak","AgentActivity","reasoningText","toolStatuses","isStreaming","fontSize","expanded","setExpanded","useState","useEffect","hasTools","hasReasoning","jsxs","p","jsx","LoaderCircle","Sparkles","ChevronRight","cn","ts","Wrench","AgentMarkdown","toToolStatusEntry","value","v","visible","getToolStatusFromKwargs","hasToolStatusFieldInKwargs","normalizeSemanticKey","shouldRenderToolStatus","status","normalizeToolLabel","name","input","trimmed","json","renderContentInline","groupedMessages","showToolActivity","isActivelyStreaming","timeline","toolMessages","m","hasBackendToolStatus","completedToolIds","id","completedToolNames","collectedToolStatuses","reasoningTexts","textParts","renderedToolKeys","textIdx","collectToolStatusFromKwargs","semanticKey","label","isCompleted","content","kwargsReasoning","blocks","textAccum","hasReasoningBlock","flushText","i","block","text","toolId","toolName","toolMessage","parts","hasTextContent","combinedReasoning","hasActivity","activityIsStreaming","Fragment","AgentMessage","agentName","onRegenerate","feedback","onFeedback","branch","branchOptions","onBranchSelect","getContentString","inlineContent","BotMessageSquare","BranchSwitcher","MessageActions","React","prevProps","nextProps"],"mappings":"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"}

package/dist/components/messages/AgentMessage.d.ts CHANGED Viewed

@@ -1,10 +1,12 @@
 import { Message } from '@langchain/langgraph-sdk';
 import { default as React } from 'react';
 import { MessageFeedback } from './MessageActions';
-declare function AgentMessage({ agentName, fontSize, message, isStreaming, onRegenerate, feedback, onFeedback, branch, branchOptions, onBranchSelect, }: {
+declare function AgentMessage({ agentName, fontSize, message, groupedMessages, showToolActivity, isStreaming, onRegenerate, feedback, onFeedback, branch, branchOptions, onBranchSelect, }: {
     agentName?: string;
     fontSize?: string;
     message: Message;
+    groupedMessages?: Message[];
+    showToolActivity?: boolean;
     isStreaming?: boolean;
     onRegenerate?: (parentCheckpoint: any | null | undefined, messageId: string, currentMessage: any) => void;
     feedback?: MessageFeedback;

package/dist/components/messages/AgentMessage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;~~AAyIxE~~,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,aAAa,EACb,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,GAAG,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1G,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,2CAuDA;;AAGD,~~wBAiBG~~"}
1	+ {"version":3,"file":"AgentMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA6VxE,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,gBAAuB,EACvB,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,aAAa,EACb,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,GAAG,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1G,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,2CAuDA;;AAGD,wBAmBG"}