@vegintech/langchain-react-agent 0.0.3 → 0.0.4

package/dist/index.d.mts

@@ -1,8 +1,7 @@
 import * as react from "react";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { Components } from "streamdown";
 import { BaseNode, InsertPosition, NodeRender, SenderProps, SkillType, SlotConfigType } from "@ant-design/x/es/sender/interface.ts";
-import { BaseMessage } from "@langchain/core/messages";
 
 //#region src/types.d.ts
 /** Context Item，用于传递上下文信息 */
@@ -178,28 +177,25 @@ interface AgentChatRef {
 //#region src/AgentChat.d.ts
 declare const AgentChat: react.ForwardRefExoticComponent<AgentChatProps & react.RefAttributes<AgentChatRef>>;
 //#endregion
-//#region src/messageUtils.d.ts
-/**
- * 从 BaseMessage 中提取 tool_calls
- */
-declare function extractToolCalls(message: BaseMessage): ToolCallInput[] | undefined;
-/**
- * 从 BaseMessage 中提取文本内容
- */
-declare function extractContent(message: BaseMessage): string;
-/**
- * 将 BaseMessage 转换为 ChatMessage
- */
-declare function toChatMessage(message: BaseMessage, toolResults: Map<string, unknown>): ChatMessage | null;
+//#region src/ToolCard.d.ts
+interface ToolCardProps {
+  /**
+   * 前缀文本（中文，使用小字体）
+   */
+  prefix: string;
+  /**
+   * 正文内容（英文/文件名，保持默认大小）
+   */
+  content?: string;
+  /**
+   * 左侧图标
+   */
+  icon: React.ReactNode;
+}
 /**
- * 预处理消息列表：建立 tool_call_id -> result 映射，并过滤 ToolMessage
+ * ToolCard 组件 - 用于展示工具调用结果
+ * 样式：圆角矩形框，左侧 icon，label 分两行显示（prefix 小字体，content 默认字体）
  */
-declare function processMessages(rawMessages: BaseMessage[]): {
-  messages: ChatMessage[];
-  toolResults: Map<string, unknown>;
-};
-//#endregion
-//#region src/injectStyles.d.ts
-declare function injectStyles(): void;
+declare const ToolCard: React.FC<ToolCardProps>;
 //#endregion
-export { AgentChat, type AgentChatInputRef, type AgentChatProps, type AgentChatRef, type BackendTool, type ChatMessage, type ContextItem, type FrontendTool, type InputConfig, type MessageConfig, type MessageType, type SenderCustomizationProps, type SenderSlotConfig, type SenderSubmitParams, type ToolCallInput, type ToolDefinition, type ToolExecutionRecord, type ToolExecutionStatus, type ToolParameterSchema, type ToolRenderProps, extractContent, extractToolCalls, injectStyles, processMessages, toChatMessage };
+export { AgentChat, type AgentChatInputRef, type AgentChatProps, type AgentChatRef, type BackendTool, type ChatMessage, type ContextItem, type FrontendTool, type InputConfig, type MessageConfig, type MessageType, type SenderCustomizationProps, type SenderSlotConfig, type SenderSubmitParams, type ToolCallInput, ToolCard, type ToolCardProps, type ToolDefinition, type ToolExecutionRecord, type ToolExecutionStatus, type ToolParameterSchema, type ToolRenderProps };

package/dist/index.mjs

@@ -821,4 +821,39 @@ const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId: external
 });
 AgentChat.displayName = "AgentChat";
 //#endregion
-export { AgentChat, extractContent, extractToolCalls, injectStyles, processMessages, toChatMessage };
+//#region src/ToolCard.tsx
+/**
+* ToolCard 组件 - 用于展示工具调用结果
+* 样式：圆角矩形框，左侧 icon，label 分两行显示（prefix 小字体，content 默认字体）
+*/
+const ToolCard = ({ prefix, content, icon }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8,
+			borderRadius: 8,
+			fontSize: 13
+		},
+		children: [/* @__PURE__ */ jsx("span", {
+			style: {
+				display: "flex",
+				alignItems: "center"
+			},
+			children: icon
+		}), /* @__PURE__ */ jsxs("span", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				color: "rgba(0, 0, 0, 0.45)"
+			},
+			children: [/* @__PURE__ */ jsx("span", {
+				style: { fontSize: 12 },
+				children: prefix
+			}), /* @__PURE__ */ jsx("span", { children: content })]
+		})]
+	});
+};
+//#endregion
+export { AgentChat, ToolCard };

package/package.json

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