@vegintech/langchain-react-agent 0.0.2 → 0.0.3

package/README.md

@@ -1,4 +1,4 @@
-# @vegintech/agentkit
+# @vegintech/langchain-react-agent
 
 一个用于 React 的 LangChain Agent UI 组件库，基于 Ant Design X 构建，提供开箱即用的智能对话界面。
 
@@ -14,11 +14,11 @@
 ## 安装
 
 ```bash
-npm install @vegintech/agentkit
+npm install @vegintech/langchain-react-agent
 # 或
-yarn add @vegintech/agentkit
+yarn add @vegintech/langchain-react-agent
 # 或
-pnpm add @vegintech/agentkit
+pnpm add @vegintech/langchain-react-agent
 ```
 
 ### 对等依赖
@@ -32,13 +32,12 @@ npm install react react-dom @langchain/react
 ## 快速开始
 
 ```tsx
-import { AgentChat } from "@vegintech/agentkit";
-import "@vegintech/agentkit/style.css";
+import { AgentChat } from "@vegintech/langchain-react-agent";
 
 function App() {
   return (
     <AgentChat
-      apiUrl="http://localhost:8000/api"
+      apiUrl="http://localhost:2024"
       assistantId="my-assistant"
       onThreadIdChange={(threadId) => {
         console.log("New thread:", threadId);
@@ -55,7 +54,7 @@ function App() {
 核心聊天组件，封装了消息列表、输入框和工具管理功能。
 
 ```tsx
-import { AgentChat } from "@vegintech/agentkit";
+import { AgentChat } from "@vegintech/langchain-react-agent";
 
 <AgentChat
   // 连接配置
@@ -94,7 +93,7 @@ import { AgentChat } from "@vegintech/agentkit";
 前端工具在浏览器端执行，适用于需要访问浏览器 API 或不需要后端处理的场景。
 
 ```tsx
-import type { FrontendTool } from "@vegintech/agentkit";
+import type { FrontendTool } from "@vegintech/langchain-react-agent";
 
 const alertTool: FrontendTool = {
   type: "frontend",
@@ -122,7 +121,7 @@ const alertTool: FrontendTool = {
 后端工具由 LangChain Agent 在后端执行，适用于需要访问数据库、API 等后端资源的场景。
 
 ```tsx
-import type { BackendTool } from "@vegintech/agentkit";
+import type { BackendTool } from "@vegintech/langchain-react-agent";
 
 const searchTool: BackendTool = {
   type: "backend",
@@ -176,28 +175,5 @@ import type {
   ContextItem,
   MessageConfig,
   InputConfig,
-} from "@vegintech/agentkit";
-```
-
-## 开发
-
-```bash
-# 安装依赖
-vp install
-
-# 开发模式
-vp dev
-
-# 运行测试
-vp test
-
-# 构建
-vp pack
-
-# 代码检查
-vp check
-```
-
-## 许可证
-
-MIT
+} from "@vegintech/langchain-react-agent";
+```

package/dist/index.d.mts

@@ -140,6 +140,8 @@ interface MessageConfig {
   allowedTags?: Record<string, string[]>;
   /** 作为字面量内容处理的标签（不解析内部 Markdown） */
   literalTagContent?: string[];
+  /** Loading 动画颜色，支持 CSS 颜色值 */
+  loadingColor?: string;
 }
 /** 输入框配置 */
 interface InputConfig extends SenderCustomizationProps {

package/dist/index.mjs

@@ -383,7 +383,7 @@ const ReasoningContent = ({ content }) => {
 			border: "none",
 			background: "transparent",
 			cursor: "pointer",
-			color: "#1677ff"
+			color: "#ffffff"
 		},
 		children: "查看全部"
 	})] });
@@ -546,7 +546,7 @@ const roleConfig = {
 		}
 	}
 };
-const MessageList = ({ messages, isLoading = false, className = "", tools, toolExecutions, components, securityConfig }) => {
+const MessageList = ({ messages, isLoading = false, className = "", tools, toolExecutions, components, securityConfig, loadingColor }) => {
 	const reasoningCacheRef = useRef(/* @__PURE__ */ new Map());
 	const processedMessages = useMemo(() => {
 		const cache = reasoningCacheRef.current;
@@ -593,7 +593,7 @@ const MessageList = ({ messages, isLoading = false, className = "", tools, toolE
 	const allItems = processedMessages[processedMessages.length - 1]?.type === "human" && isLoading ? [...items, {
 		key: "loading",
 		role: "ai",
-		content: /* @__PURE__ */ jsx(WaveLoading, {}),
+		content: /* @__PURE__ */ jsx(WaveLoading, { color: loadingColor }),
 		placement: "start",
 		style: { paddingBlock: 0 }
 	}] : items;
@@ -800,7 +800,8 @@ const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId: external
 				securityConfig: {
 					allowedTags: messageConfig?.allowedTags,
 					literalTagContent: messageConfig?.literalTagContent
-				}
+				},
+				loadingColor: messageConfig?.loadingColor
 			}),
 			/* @__PURE__ */ jsx(ChatInput, {
 				ref: chatInputRef,

package/package.json

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