@vegintech/langchain-react-agent 0.0.13 → 0.0.15

package/dist/index.d.mts

@@ -1,8 +1,8 @@
 import * as react from "react";
 import React$1, { CSSProperties, ReactNode } from "react";
 import { Components } from "streamdown";
-import { BaseMessage } from "@langchain/core/messages";
 import { BaseNode, InsertPosition, NodeRender, SenderProps, SkillType, SlotConfigType } from "@ant-design/x/es/sender/interface.ts";
+import { Message } from "@langchain/langgraph-sdk";
 
 //#region src/types.d.ts
 /** ToolCard 各部件的样式配置 */
@@ -89,7 +89,7 @@ interface SenderSubmitParams {
 /** onPreSend 钩子返回值：只返回消息数组 */
 interface PreSendResult {
   /** 要发送的消息数组 */
-  messages: BaseMessage[];
+  messages: Message[];
 }
 /** Sender 组件的可定制参数 */
 interface SenderCustomizationProps {
@@ -103,6 +103,8 @@ interface SenderCustomizationProps {
   header?: BaseNode | NodeRender;
   /** 前缀区域 */
   prefix?: BaseNode | NodeRender;
+  /** 粘贴文件时的回调函数 */
+  onPasteFile?: (files: FileList) => void;
 }
 /** ChatInput 组件对外暴露的方法 */
 interface AgentChatInputRef {
@@ -319,24 +321,4 @@ interface MessageContentRendererProps {
 /** 消息内容渲染组件 - 支持字符串和多模态内容块 */
 declare const MessageContentRenderer: React$1.FC<MessageContentRendererProps>;
 //#endregion
-//#region src/utils/messageUtils.d.ts
-/**
- * 创建人类消息（HumanMessage）
- * @param content 消息内容，可以是字符串或多模态内容块数组
- * @returns HumanMessage 实例
- * @example
- * // 纯文本消息
- * createHumanMessage("你好")
- *
- * // 多模态消息
- * createHumanMessage([
- *   { type: "text", text: "看看这张图片" },
- *   { type: "image_url", image_url: { url: "https://example.com/image.png" } }
- * ])
- */
-declare function createHumanMessage(content: string | {
-  type: string;
-  [key: string]: unknown;
-}[]): BaseMessage;
-//#endregion
-export { AgentChat, type AgentChatInputRef, type AgentChatProps, type AgentChatRef, type BackendTool, type ChatMessage, type ContextItem, type EmptyStateConfig, type FrontendTool, type InputConfig, type InterruptConfig, type InterruptEvent, type InterruptManagerProps, type InterruptRenderProps, type MessageConfig, type MessageContent, type MessageContentBlock, MessageContentRenderer, type MessageContentRendererProps, type MessageType, type SenderCustomizationProps, type SenderSlotConfig, type SenderSubmitParams, type ToolCallInput, ToolCard, type ToolCardProps, type ToolCardStyles, type ToolDefinition, type ToolExecutionRecord, type ToolExecutionStatus, type ToolParameterSchema, type ToolRenderProps, createHumanMessage };
+export { AgentChat, type AgentChatInputRef, type AgentChatProps, type AgentChatRef, type BackendTool, type ChatMessage, type ContextItem, type EmptyStateConfig, type FrontendTool, type InputConfig, type InterruptConfig, type InterruptEvent, type InterruptManagerProps, type InterruptRenderProps, type MessageConfig, type MessageContent, type MessageContentBlock, MessageContentRenderer, type MessageContentRendererProps, type MessageType, type SenderCustomizationProps, type SenderSlotConfig, type SenderSubmitParams, type ToolCallInput, ToolCard, type ToolCardProps, type ToolCardStyles, type ToolDefinition, type ToolExecutionRecord, type ToolExecutionStatus, type ToolParameterSchema, type ToolRenderProps };

package/dist/index.mjs

@@ -1,12 +1,11 @@
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { useStream } from "@langchain/react";
 import { Actions, Bubble, Sender, Think } from "@ant-design/x";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Streamdown } from "streamdown";
-import { HumanMessage } from "@langchain/core/messages";
+import { useStream } from "@langchain/langgraph-sdk/react";
 //#region src/components/ChatInput.tsx
 const slotConfig = [];
-const ChatInput = forwardRef(({ onSend, onStop, isLoading = false, disabled = false, placeholder = "输入消息...", className = "", footer, skill: externalSkill, header, prefix }, ref) => {
+const ChatInput = forwardRef(({ onSend, onStop, isLoading = false, disabled = false, placeholder = "输入消息...", className = "", onPasteFile, footer, skill: externalSkill, header, prefix }, ref) => {
 	const senderRef = useRef(null);
 	const [internalSkill, setInternalSkill] = useState(externalSkill);
 	useImperativeHandle(ref, () => ({
@@ -39,6 +38,7 @@ const ChatInput = forwardRef(({ onSend, onStop, isLoading = false, disabled = fa
 			disabled,
 			onSubmit: handleSubmit,
 			onCancel: onStop,
+			onPasteFile,
 			autoSize: {
 				minRows: 1,
 				maxRows: 6
@@ -1109,23 +1109,6 @@ function useToolExecution({ tools, toolCalls, isLoading = false, onExecutionChan
 //#endregion
 //#region src/utils/messageUtils.ts
 /**
-* 创建人类消息（HumanMessage）
-* @param content 消息内容，可以是字符串或多模态内容块数组
-* @returns HumanMessage 实例
-* @example
-* // 纯文本消息
-* createHumanMessage("你好")
-*
-* // 多模态消息
-* createHumanMessage([
-*   { type: "text", text: "看看这张图片" },
-*   { type: "image_url", image_url: { url: "https://example.com/image.png" } }
-* ])
-*/
-function createHumanMessage(content) {
-	return new HumanMessage({ content });
-}
-/**
 * 从 BaseMessage 中提取 tool_calls
 */
 function extractToolCalls(message) {
@@ -1540,4 +1523,4 @@ const ToolCard = ({ prefix, content, icon, style, styles }) => {
 	});
 };
 //#endregion
-export { AgentChat, MessageContentRenderer, ToolCard, createHumanMessage };
+export { AgentChat, MessageContentRenderer, ToolCard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegintech/langchain-react-agent",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "LangChain Agent UI component library for React",
   "license": "MIT",
   "files": [
@@ -24,8 +24,7 @@
   },
   "dependencies": {
     "@ant-design/x": "^2.4.0",
-    "@langchain/core": "^1.1.36",
-    "@langchain/react": "^0.2.3",
+    "@langchain/langgraph-sdk": "^1.8.7",
     "streamdown": "^2.5.0"
   },
   "devDependencies": {