@vegintech/langchain-react-agent 0.0.31 → 0.0.33

package/dist/index.d.mts

@@ -169,6 +169,8 @@ interface ToolRenderProps<TArgs = Record<string, unknown>> {
   result?: unknown;
   status: ToolExecutionStatus;
   error?: string;
+  /** 是否正在加载 */
+  isLoading?: boolean;
 }
 /** 前端工具：需要完整的工具定义（用于前端执行） */
 interface FrontendTool<TArgs = Record<string, unknown>> {

package/dist/index.mjs

@@ -61,7 +61,7 @@ ChatInput.displayName = "ChatInput";
 * 2. 支持自定义 render 函数
 * 3. 默认渲染：简单的工具卡片样式
 */
-const ToolCallRenderer = ({ tool, record }) => {
+const ToolCallRenderer = ({ tool, record, isLoading }) => {
 	if (tool?.render) return /* @__PURE__ */ jsx("div", {
 		className: "tool-call-wrapper",
 		children: tool.render({
@@ -69,7 +69,8 @@ const ToolCallRenderer = ({ tool, record }) => {
 			args: record.args,
 			result: record.result,
 			status: record.status,
-			error: record.error
+			error: record.error,
+			isLoading
 		})
 	});
 	return /* @__PURE__ */ jsx(DefaultToolCallRenderer, { record });
@@ -324,7 +325,7 @@ const renderMessageContent = (message, isLastMessage, isLoading, tools, toolExec
 			hasToolCalls && /* @__PURE__ */ jsx("div", {
 				className: "tool-calls-container",
 				style: { marginTop: !isContentEmpty ? "8px" : "0px" },
-				children: renderToolCalls(message.toolCalls, tools, toolExecutions)
+				children: renderToolCalls(message.toolCalls, tools, toolExecutions, isLoading)
 			})
 		]
 	}, message.id);
@@ -337,7 +338,7 @@ const toBubbleItem = (message, isLastMessage, isLoading, tools, toolExecutions,
 		placement: message.type === "human" ? "end" : "start"
 	};
 };
-const renderToolCalls = (toolCalls, tools, toolExecutions) => {
+const renderToolCalls = (toolCalls, tools, toolExecutions, isLoading) => {
 	return toolCalls.map((call) => {
 		const tool = findTool(tools, call.name);
 		let record;
@@ -360,7 +361,8 @@ const renderToolCalls = (toolCalls, tools, toolExecutions) => {
 		};
 		return /* @__PURE__ */ jsx(ToolCallRenderer, {
 			tool,
-			record
+			record,
+			isLoading
 		}, call.id);
 	}).filter(Boolean);
 };
@@ -504,6 +506,46 @@ function useInterrupt({ interrupt, config, onSubmit }) {
 //#endregion
 //#region src/hooks/useToolExecution.ts
 /**
+* 根据工具执行结果构建 ToolMessage
+*
+* 支持两种模式：
+* 1. 工具返回 { content, artifact } 结构，自动拆分为 ToolMessage 字段
+* 2. 工具直接返回 ToolMessage（对象且 type === "tool"），透传使用
+*/
+function createToolMessage(callId, name, result, status, errorMessage) {
+	if (status === "error") return {
+		type: "tool",
+		content: `Error: ${errorMessage}`,
+		tool_call_id: callId,
+		name,
+		status
+	};
+	if (result !== null && typeof result === "object" && "type" in result && result.type === "tool") {
+		const toolMsg = result;
+		return {
+			...toolMsg,
+			tool_call_id: toolMsg.tool_call_id || callId,
+			name: toolMsg.name || name
+		};
+	}
+	let content;
+	let artifact;
+	if (result !== null && typeof result === "object" && "content" in result && "artifact" in result) {
+		const r = result;
+		content = typeof r.content === "string" ? r.content : JSON.stringify(r.content);
+		artifact = r.artifact;
+	} else content = typeof result === "string" ? result : JSON.stringify(result);
+	const message = {
+		type: "tool",
+		content,
+		tool_call_id: callId,
+		name,
+		status
+	};
+	if (artifact !== void 0) message.artifact = artifact;
+	return message;
+}
+/**
 * useToolExecution - 管理前端工具执行的 Hook
 *
 * 职责：
@@ -571,11 +613,7 @@ function useToolExecution({ tools, toolCalls, isLoading = false, onExecutionChan
 				status: "success",
 				result
 			});
-			batchResultsRef.current.set(callId, {
-				callId,
-				name: call.name,
-				result
-			});
+			batchResultsRef.current.set(callId, createToolMessage(callId, call.name, result, "success"));
 		} catch (error) {
 			const errorMessage = error instanceof Error ? error.message : String(error);
 			onExecutionChange?.({
@@ -585,11 +623,7 @@ function useToolExecution({ tools, toolCalls, isLoading = false, onExecutionChan
 				status: "error",
 				error: errorMessage
 			});
-			batchResultsRef.current.set(callId, {
-				callId,
-				name: call.name,
-				result: { error: errorMessage }
-			});
+			batchResultsRef.current.set(callId, createToolMessage(callId, call.name, null, "error", errorMessage));
 		} finally {
 			executingCallsRef.current.delete(callId);
 			executedCallsRef.current.add(callId);
@@ -945,15 +979,7 @@ const AgentChat = forwardRef(({ stream, className = "", tools, contexts, message
 		contexts,
 		agentState
 	]);
-	const handleToolResultsBatch = useCallback((results) => {
-		const toolMessages = results.map(({ callId, name, result }) => {
-			return {
-				type: "tool",
-				content: typeof result === "string" ? result : JSON.stringify(result),
-				tool_call_id: callId,
-				name
-			};
-		});
+	const handleToolResultsBatch = useCallback((toolMessages) => {
 		setTimeout(() => {
 			submitToStream(toolMessages);
 		}, 100);

package/package.json

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