@vegintech/langchain-react-agent 0.0.30 → 0.0.32

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);
 };
@@ -902,11 +904,7 @@ const AgentChat = forwardRef(({ stream, className = "", tools, contexts, message
 		onSubmit: stream.submit
 	});
 	const [toolExecutions, setToolExecutions] = useState(/* @__PURE__ */ new Map());
-	const hasToolExecuting = useMemo(() => {
-		for (const record of toolExecutions.values()) if (record.status === "running" || record.status === "pending") return true;
-		return false;
-	}, [toolExecutions]);
-	const isLoading = stream.isLoading || hasToolExecuting;
+	const isLoading = stream.isLoading;
 	const { messages, toolResults } = useMemo(() => {
 		return processMessages(stream.messages);
 	}, [stream.messages]);

package/package.json

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