@vegintech/langchain-react-agent 0.0.18 → 0.0.20

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import React$1, { ReactNode } from "react";
 import { ThoughtChainItemProps } from "@ant-design/x";
 import { Components } from "streamdown";
 import { BaseNode, InsertPosition, NodeRender, SenderProps, SkillType, SlotConfigType } from "@ant-design/x/es/sender/interface.ts";
-import { Message } from "@langchain/langgraph-sdk";
+import { Message, Thread } from "@langchain/langgraph-sdk";
 
 //#region src/types.d.ts
 /** ToolCard 组件 Props */
@@ -246,6 +246,7 @@ interface AgentChatRef {
   clearInput: () => void;
   /** 聚焦输入框 */
   focusInput: () => void;
+  createThread: () => Promise<Thread>;
 }
 /** Streamdown 安全过滤配置 */
 interface StreamdownSecurityConfig {

package/dist/index.mjs

@@ -323,7 +323,7 @@ const renderMessageContent = (message, isLastMessage, isLoading, tools, toolExec
 			}),
 			hasToolCalls && /* @__PURE__ */ jsx("div", {
 				className: "tool-calls-container",
-				style: { marginTop: "8px" },
+				style: { marginTop: !isContentEmpty ? "8px" : "0px" },
 				children: renderToolCalls(message.toolCalls, tools, toolExecutions)
 			})
 		]
@@ -1307,7 +1307,6 @@ const styles = `
   display: flex;
   flex-direction: column;
   gap: 8px;
-  margin-top: 8px;
 }
 
 /* Tool Call Default Style */
@@ -1358,25 +1357,14 @@ function injectStyles() {
 //#endregion
 //#region src/components/AgentChat.tsx
 injectStyles();
-const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId: externalThreadId, onThreadIdChange, className = "", tools, contexts, messageConfig, inputConfig, onError, interruptConfig, agentState, onAgentStateChange, showDebug }, ref) => {
-	const [internalThreadId, setInternalThreadId] = useState(externalThreadId);
-	useEffect(() => {
-		setInternalThreadId(externalThreadId);
-	}, [externalThreadId]);
+const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId, onThreadIdChange, className = "", tools, contexts, messageConfig, inputConfig, onError, interruptConfig, agentState, onAgentStateChange, showDebug }, ref) => {
 	const { onPreSend, ...chatInputConfig } = inputConfig || {};
 	const chatInputRef = useRef(null);
-	useImperativeHandle(ref, () => ({
-		input: chatInputRef.current,
-		setSkill: (skill) => chatInputRef.current?.setSkill?.(skill),
-		clearInput: () => chatInputRef.current?.clear?.(),
-		focusInput: () => chatInputRef.current?.focus?.()
-	}));
 	const stream = useStream({
 		apiUrl,
 		assistantId,
-		threadId: internalThreadId,
+		threadId,
 		onThreadId: (newThreadId) => {
-			setInternalThreadId(newThreadId);
 			onThreadIdChange?.(newThreadId);
 		},
 		defaultHeaders: headers,
@@ -1386,6 +1374,13 @@ const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId: external
 			onError?.(err);
 		}
 	});
+	useImperativeHandle(ref, () => ({
+		input: chatInputRef.current,
+		setSkill: (skill) => chatInputRef.current?.setSkill?.(skill),
+		createThread: () => stream.client.threads.create(),
+		clearInput: () => chatInputRef.current?.clear?.(),
+		focusInput: () => chatInputRef.current?.focus?.()
+	}));
 	useEffect(() => {
 		if (stream.values && onAgentStateChange) onAgentStateChange(stream.values);
 	}, [stream.values, onAgentStateChange]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegintech/langchain-react-agent",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "LangChain Agent UI component library for React",
   "license": "MIT",
   "files": [