@vegintech/langchain-react-agent 0.0.24 → 0.0.26

package/dist/index.d.mts

@@ -1,8 +1,9 @@
 import * as react from "react";
 import React$1, { ReactNode } from "react";
 import { ThoughtChainItemProps } from "@ant-design/x";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Components } from "streamdown";
-import * as _langchain_langgraph_sdk_react0 from "@langchain/langgraph-sdk/react";
+import { UseStreamOptions, useStream } from "@langchain/langgraph-sdk/react";
 import { BaseNode, InsertPosition, NodeRender, SenderProps, SkillType, SlotConfigType } from "@ant-design/x/es/sender/interface.ts";
 import { Message } from "@langchain/langgraph-sdk";
 
@@ -35,8 +36,11 @@ interface InterruptConfig {
 }
 /** InterruptManager Hook 的 Props */
 interface InterruptManagerProps {
-  /** 当前 interrupt 事件 */
-  interrupt: InterruptEvent | null;
+  /** 当前 interrupt 事件 - 与 useStream 返回的 Interrupt 类型兼容 */
+  interrupt: {
+    value: unknown;
+    id?: string;
+  } | null | undefined;
   /** Interrupt 处理配置 */
   config?: InterruptConfig;
   /** 提交回调 */
@@ -46,7 +50,7 @@ interface InterruptManagerProps {
     command?: {
       resume: unknown;
     };
-  }) => Promise<void> | void;
+  } | Record<string, unknown>) => Promise<void> | void;
 }
 /** Context Item，用于传递上下文信息 */
 interface ContextItem {
@@ -219,25 +223,42 @@ interface InputConfig extends SenderCustomizationProps {
   /** 输入框占位符文本 */
   placeholder?: string;
 }
+/**
+ * AgentChat 需要的 Stream 属性
+ * 由外部通过 useStream/useAgentStream hook 创建并传入
+ */
+interface AgentChatStreamProps {
+  /** 消息列表 */
+  messages: Message[];
+  /** 是否正在加载 */
+  isLoading: boolean;
+  /** 提交消息 */
+  submit: (values: {
+    [x: string]: unknown;
+  } | null | undefined, options?: {
+    command?: {
+      resume: unknown;
+    };
+  } | Record<string, unknown>) => Promise<void> | void;
+  /** 中断事件 - 与 useStream 返回的 Interrupt 类型兼容 */
+  interrupt: unknown;
+  /** 停止流 */
+  stop: () => Promise<void> | void;
+}
 interface AgentChatProps {
-  apiUrl?: string;
-  assistantId: string;
-  threadId?: string;
-  headers?: Record<string, string | undefined | null>;
-  onThreadIdChange?: (threadId: string) => void;
+  /**
+   * Stream 相关属性
+   * 由外部通过 useAgentStream/useStream hook 创建并解构传入
+   */
+  stream: AgentChatStreamProps;
   className?: string;
   tools?: ToolDefinition<any>[];
   contexts?: ContextItem[];
   messageConfig?: MessageConfig;
   inputConfig?: InputConfig;
-  onError?: (error: Error) => void;
   interruptConfig?: InterruptConfig;
   /** Agent 状态值 */
   agentState?: Record<string, unknown>;
-  /** Agent 状态变化回调 */
-  onAgentStateChange?: (state: Record<string, unknown>) => void;
-  /** 是否显示调试面板，默认 false。仅在开发环境生效 */
-  showDebug?: boolean;
   /** 欢迎组件，当消息列表为空且非加载状态时显示 */
   welcome?: ReactNode;
 }
@@ -251,19 +272,6 @@ interface AgentChatRef {
   clearInput: () => void;
   /** 聚焦输入框 */
   focusInput: () => void;
-  /**
-   * LangGraph Stream 实例
-   * 提供对底层流式连接的完整访问，包括：
-   * - messages: 当前消息列表
-   * - values: Agent 状态值
-   * - isLoading: 是否正在加载
-   * - submit: 提交消息
-   * - stop: 停止流
-   * - interrupt: 中断事件
-   * - client: LangGraph 客户端（可通过 client.threads.create() 创建新线程）
-   * 等完整功能
-   */
-  stream: ReturnType<typeof _langchain_langgraph_sdk_react0.useStream> | null;
 }
 /** Streamdown 安全过滤配置 */
 interface StreamdownSecurityConfig {
@@ -309,4 +317,34 @@ interface MessageContentRendererProps {
 /** 消息内容渲染组件 - 支持字符串和多模态内容块 */
 declare const MessageContentRenderer: React$1.FC<MessageContentRendererProps>;
 //#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 ToolDefinition, type ToolExecutionRecord, type ToolExecutionStatus, type ToolParameterSchema, type ToolRenderProps };
+//#region src/components/DebugPanel.d.ts
+interface DebugPanelProps {
+  /** Stream 状态数据（包含 messages） */
+  streamState: Record<string, unknown>;
+  /** 是否显示调试面板 */
+  visible?: boolean;
+}
+declare function DebugPanel({
+  streamState,
+  visible
+}: DebugPanelProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/hooks/useAgentStream.d.ts
+type AgentStreamOptions = UseStreamOptions;
+type AgentStream = ReturnType<typeof useStream>;
+/**
+ * 包装 useStream hook，为 AgentChat 提供统一的 stream 实例创建方式
+ *
+ * @example
+ * ```tsx
+ * const stream = useAgentStream({
+ *   apiUrl: "http://localhost:2026",
+ *   assistantId: "demo",
+ * });
+ *
+ * <AgentChat stream={stream} />
+ * ```
+ */
+declare function useAgentStream(options: AgentStreamOptions): AgentStream;
+//#endregion
+export { AgentChat, type AgentChatInputRef, type AgentChatProps, type AgentChatRef, type AgentChatStreamProps, type AgentStream, type AgentStreamOptions, type BackendTool, type ChatMessage, type ContextItem, DebugPanel, type DebugPanelProps, 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 ToolDefinition, type ToolExecutionRecord, type ToolExecutionStatus, type ToolParameterSchema, type ToolRenderProps, useAgentStream };

package/dist/index.mjs

@@ -456,551 +456,84 @@ const MessageList = ({ messages, isLoading = false, className = "", tools, toolE
 	});
 };
 //#endregion
-//#region src/components/DebugPanel.tsx
-const isDevelopment = () => {
-	if (typeof process !== "undefined" && process.env) return process.env.NODE_ENV === "development";
-	const viteEnv = import.meta.env;
-	if (typeof import.meta !== "undefined" && viteEnv) return viteEnv.DEV === true || viteEnv.MODE === "development";
-	return false;
-};
-function DebugPanel({ messages, streamState, visible = true }) {
-	if (!isDevelopment() || !visible) return null;
-	const [isOpen, setIsOpen] = useState(false);
-	const [activeTab, setActiveTab] = useState("messages");
-	const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
-	const [buttonPos, setButtonPos] = useState({
-		x: 0,
-		y: 0
-	});
-	const [isDraggingButton, setIsDraggingButton] = useState(false);
-	const buttonDragRef = useRef(null);
-	const [dialogPos, setDialogPos] = useState({
-		x: 0,
-		y: 0
-	});
-	const [isDraggingDialog, setIsDraggingDialog] = useState(false);
-	const dialogDragRef = useRef(null);
-	const handleButtonMouseDown = useCallback((e) => {
-		e.preventDefault();
-		buttonDragRef.current = {
-			startX: e.clientX,
-			startY: e.clientY,
-			initialX: buttonPos.x,
-			initialY: buttonPos.y
-		};
-		setIsDraggingButton(true);
-	}, [buttonPos]);
-	const handleDialogMouseDown = useCallback((e) => {
-		if (!e.target.closest(".debug-panel-header")) return;
-		e.preventDefault();
-		dialogDragRef.current = {
-			startX: e.clientX,
-			startY: e.clientY,
-			initialX: dialogPos.x,
-			initialY: dialogPos.y
-		};
-		setIsDraggingDialog(true);
-	}, [dialogPos]);
+//#region src/hooks/useInterrupt.tsx
+/**
+* InterruptManager - 管理 Interrupt 状态的 Hook
+*
+* 封装 Interrupt 状态管理和处理逻辑，避免在 AgentChat 组件中臃肿
+*/
+function useInterrupt({ interrupt, config, onSubmit }) {
+	const [activeInterrupt, setActiveInterrupt] = useState(null);
+	const processedInterruptIdRef = useRef(null);
 	useEffect(() => {
-		const handleMouseMove = (e) => {
-			if (isDraggingButton && buttonDragRef.current) {
-				const dx = e.clientX - buttonDragRef.current.startX;
-				const dy = e.clientY - buttonDragRef.current.startY;
-				setButtonPos({
-					x: buttonDragRef.current.initialX + dx,
-					y: buttonDragRef.current.initialY + dy
-				});
-			}
-			if (isDraggingDialog && dialogDragRef.current) {
-				const dx = e.clientX - dialogDragRef.current.startX;
-				const dy = e.clientY - dialogDragRef.current.startY;
-				setDialogPos({
-					x: dialogDragRef.current.initialX + dx,
-					y: dialogDragRef.current.initialY + dy
-				});
+		if (interrupt) {
+			const interruptEvent = interrupt;
+			if (interruptEvent.id !== processedInterruptIdRef.current) {
+				processedInterruptIdRef.current = interruptEvent.id;
+				setActiveInterrupt(interruptEvent);
 			}
-		};
-		const handleMouseUp = () => {
-			setIsDraggingButton(false);
-			setIsDraggingDialog(false);
-			buttonDragRef.current = null;
-			dialogDragRef.current = null;
-		};
-		if (isDraggingButton || isDraggingDialog) {
-			document.addEventListener("mousemove", handleMouseMove);
-			document.addEventListener("mouseup", handleMouseUp);
-		}
-		return () => {
-			document.removeEventListener("mousemove", handleMouseMove);
-			document.removeEventListener("mouseup", handleMouseUp);
-		};
-	}, [isDraggingButton, isDraggingDialog]);
-	const formatJson = (data) => {
-		try {
-			return JSON.stringify(data, null, 2);
-		} catch {
-			return String(data);
+		} else {
+			processedInterruptIdRef.current = null;
+			setActiveInterrupt(null);
 		}
+	}, [interrupt?.id]);
+	const handleResolveInterrupt = useCallback((response) => {
+		onSubmit(null, { command: { resume: response } });
+		setActiveInterrupt(null);
+	}, [onSubmit]);
+	return {
+		activeInterrupt,
+		handleResolveInterrupt,
+		renderInterrupt: useCallback(() => {
+			if (!activeInterrupt || !config?.render) return null;
+			return /* @__PURE__ */ jsx("div", {
+				className: "agent-chat-interrupt",
+				children: config.render({
+					event: activeInterrupt,
+					resolve: handleResolveInterrupt
+				})
+			});
+		}, [
+			activeInterrupt,
+			config,
+			handleResolveInterrupt
+		])
 	};
-	const toggleRow = (index) => {
-		setExpandedRows((prev) => {
-			const next = new Set(prev);
-			if (next.has(index)) next.delete(index);
-			else next.add(index);
-			return next;
-		});
-	};
-	const getTypeTagStyle = (type) => {
-		const color = {
-			human: {
-				bg: "#e6f4ff",
-				color: "#0958d9"
-			},
-			ai: {
-				bg: "#f6ffed",
-				color: "#389e0d"
-			},
-			tool: {
-				bg: "#fff7e6",
-				color: "#d46b08"
-			},
-			system: {
-				bg: "#f9f0ff",
-				color: "#722ed1"
-			},
-			function: {
-				bg: "#fff2f0",
-				color: "#cf1322"
-			}
-		}[type || ""] || {
-			bg: "#f5f5f5",
-			color: "#666"
-		};
-		return {
-			display: "inline-block",
-			padding: "2px 8px",
-			borderRadius: "4px",
-			fontSize: "12px",
-			fontWeight: 500,
-			background: color.bg,
-			color: color.color
-		};
-	};
-	const formatContent = (content) => {
-		if (!content) return "";
-		if (Array.isArray(content)) return content.map((item) => typeof item === "string" ? item : JSON.stringify(item)).join("");
-		return String(content);
-	};
-	const renderMessageContent = (message) => {
-		const hasToolCalls = message.tool_calls && Array.isArray(message.tool_calls) && message.tool_calls.length > 0;
-		return /* @__PURE__ */ jsxs("div", {
-			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "8px"
-			},
-			children: [message.content && /* @__PURE__ */ jsx("div", {
-				style: {
-					color: "#333",
-					lineHeight: 1.5,
-					wordBreak: "break-all"
-				},
-				children: formatContent(message.content)
-			}), hasToolCalls && /* @__PURE__ */ jsxs("div", {
-				style: {
-					marginTop: "4px",
-					padding: "8px",
-					background: "#f6ffed",
-					border: "1px solid #b7eb8f",
-					borderRadius: "6px"
-				},
-				children: [/* @__PURE__ */ jsxs("div", {
-					style: {
-						fontSize: "11px",
-						fontWeight: 600,
-						color: "#389e0d",
-						marginBottom: "6px",
-						display: "flex",
-						alignItems: "center",
-						gap: "4px"
-					},
-					children: [/* @__PURE__ */ jsx("span", { children: "🔧" }), /* @__PURE__ */ jsxs("span", { children: [
-						"Tool Calls (",
-						message.tool_calls.length,
-						")"
-					] })]
-				}), /* @__PURE__ */ jsx("pre", {
-					style: {
-						...preStyle,
-						background: "#fff",
-						border: "1px solid #d9f7be",
-						maxHeight: "200px",
-						fontSize: "11px"
-					},
-					children: formatJson(message.tool_calls)
-				})]
-			})]
-		});
-	};
-	const buttonStyle = {
-		position: "fixed",
-		right: `${20 - buttonPos.x}px`,
-		bottom: `${20 - buttonPos.y}px`,
-		width: "48px",
-		height: "48px",
-		borderRadius: "50%",
-		background: "#1677ff",
-		color: "#fff",
-		border: "none",
-		cursor: isDraggingButton ? "grabbing" : "grab",
-		boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		fontSize: "20px",
-		zIndex: 9998,
-		transition: isDraggingButton ? "none" : "box-shadow 0.2s",
-		userSelect: "none"
-	};
-	const dialogStyle = {
-		position: "fixed",
-		left: "50%",
-		top: "50%",
-		transform: `translate(calc(-50% + ${dialogPos.x}px), calc(-50% + ${dialogPos.y}px))`,
-		width: "1000px",
-		maxWidth: "90vw",
-		height: "650px",
-		maxHeight: "85vh",
-		background: "#fff",
-		borderRadius: "12px",
-		boxShadow: "0 8px 32px rgba(0, 0, 0, 0.2)",
-		zIndex: 9999,
-		display: "flex",
-		flexDirection: "column",
-		overflow: "hidden",
-		cursor: isDraggingDialog ? "grabbing" : "default"
-	};
-	const headerStyle = {
-		padding: "12px 16px",
-		background: "#f5f5f5",
-		borderBottom: "1px solid #e8e8e8",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-between",
-		cursor: isDraggingDialog ? "grabbing" : "grab"
-	};
-	const tabContainerStyle = {
-		display: "flex",
-		gap: "8px"
-	};
-	const getTabStyle = (isActive) => ({
-		padding: "6px 16px",
-		borderRadius: "6px",
-		border: "none",
-		background: isActive ? "#1677ff" : "transparent",
-		color: isActive ? "#fff" : "#666",
-		cursor: "pointer",
-		fontSize: "14px",
-		transition: "all 0.2s"
-	});
-	const closeButtonStyle = {
-		width: "28px",
-		height: "28px",
-		borderRadius: "50%",
-		border: "none",
-		background: "#ff4d4f",
-		color: "#fff",
-		cursor: "pointer",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		fontSize: "16px",
-		transition: "background 0.2s"
-	};
-	const contentStyle = {
-		flex: 1,
-		overflow: "auto",
-		padding: "16px",
-		background: "#fafafa"
-	};
-	const preStyle = {
-		margin: 0,
-		padding: "12px",
-		background: "#f8f9fa",
-		color: "#333",
-		borderRadius: "8px",
-		fontSize: "12px",
-		fontFamily: "\"Fira Code\", \"Monaco\", \"Consolas\", monospace",
-		lineHeight: 1.5,
-		overflow: "auto",
-		whiteSpace: "pre-wrap",
-		wordBreak: "break-word",
-		border: "1px solid #e8e8e8"
-	};
-	const statsStyle = {
-		padding: "8px 12px",
-		background: "#e6f4ff",
-		borderRadius: "6px",
-		marginBottom: "12px",
-		fontSize: "13px",
-		color: "#0958d9"
-	};
-	const tableStyle = {
-		width: "100%",
-		borderCollapse: "collapse",
-		fontSize: "13px",
-		background: "#fff",
-		borderRadius: "8px",
-		overflow: "hidden",
-		boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)"
-	};
-	const tableHeaderStyle = {
-		background: "#f5f5f5",
-		fontWeight: 600,
-		color: "#333",
-		textAlign: "left",
-		padding: "10px 12px",
-		borderBottom: "1px solid #e8e8e8",
-		whiteSpace: "nowrap"
-	};
-	const tableCellStyle = {
-		padding: "10px 12px",
-		borderBottom: "1px solid #f0f0f0",
-		verticalAlign: "top"
-	};
-	const expandButtonStyle = {
-		width: "20px",
-		height: "20px",
-		border: "none",
-		background: "transparent",
-		cursor: "pointer",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		fontSize: "12px",
-		color: "#666",
-		borderRadius: "4px",
-		transition: "background 0.2s"
-	};
-	const expandedRowStyle = { background: "#fafafa" };
-	const jsonContainerStyle = {
-		padding: "12px",
-		background: "#fff",
-		borderRadius: "6px",
-		margin: "8px 0",
-		border: "1px solid #e8e8e8"
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
-		style: buttonStyle,
-		onMouseDown: handleButtonMouseDown,
-		onClick: () => !isDraggingButton && setIsOpen(true),
-		title: "打开调试面板",
-		children: "🐛"
-	}), isOpen && /* @__PURE__ */ jsxs("div", {
-		style: dialogStyle,
-		onMouseDown: handleDialogMouseDown,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "debug-panel-header",
-			style: headerStyle,
-			children: [/* @__PURE__ */ jsxs("div", {
-				style: tabContainerStyle,
-				children: [/* @__PURE__ */ jsxs("button", {
-					style: getTabStyle(activeTab === "messages"),
-					onClick: () => setActiveTab("messages"),
-					children: [
-						"Messages (",
-						messages.length,
-						")"
-					]
-				}), /* @__PURE__ */ jsx("button", {
-					style: getTabStyle(activeTab === "state"),
-					onClick: () => setActiveTab("state"),
-					children: "State"
-				})]
-			}), /* @__PURE__ */ jsx("button", {
-				style: closeButtonStyle,
-				onClick: () => setIsOpen(false),
-				title: "关闭",
-				children: "×"
-			})]
-		}), /* @__PURE__ */ jsx("div", {
-			style: contentStyle,
-			children: activeTab === "messages" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-				style: statsStyle,
-				children: [
-					"共 ",
-					messages.length,
-					" 条消息"
-				]
-			}), /* @__PURE__ */ jsxs("table", {
-				style: tableStyle,
-				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-					/* @__PURE__ */ jsx("th", { style: {
-						...tableHeaderStyle,
-						width: "30px"
-					} }),
-					/* @__PURE__ */ jsx("th", {
-						style: {
-							...tableHeaderStyle,
-							width: "60px"
-						},
-						children: "类型"
-					}),
-					/* @__PURE__ */ jsx("th", {
-						style: tableHeaderStyle,
-						children: "内容"
-					})
-				] }) }), /* @__PURE__ */ jsx("tbody", { children: messages.map((msg, index) => {
-					const message = msg;
-					const isExpanded = expandedRows.has(index);
-					return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
-						style: {
-							cursor: "pointer",
-							transition: "background 0.2s"
-						},
-						onClick: () => toggleRow(index),
-						onMouseEnter: (e) => {
-							e.currentTarget.style.background = "#f5f5f5";
-						},
-						onMouseLeave: (e) => {
-							e.currentTarget.style.background = "transparent";
-						},
-						children: [
-							/* @__PURE__ */ jsx("td", {
-								style: tableCellStyle,
-								children: /* @__PURE__ */ jsx("button", {
-									style: expandButtonStyle,
-									onClick: (e) => {
-										e.stopPropagation();
-										toggleRow(index);
-									},
-									children: isExpanded ? "▼" : "▶"
-								})
-							}),
-							/* @__PURE__ */ jsx("td", {
-								style: tableCellStyle,
-								children: /* @__PURE__ */ jsx("span", {
-									style: getTypeTagStyle(message.type),
-									children: message.type || "unknown"
-								})
-							}),
-							/* @__PURE__ */ jsx("td", {
-								style: tableCellStyle,
-								children: renderMessageContent(message)
-							})
-						]
-					}, index), isExpanded && /* @__PURE__ */ jsx("tr", {
-						style: expandedRowStyle,
-						children: /* @__PURE__ */ jsx("td", {
-							colSpan: 3,
-							style: {
-								padding: 0,
-								borderBottom: "1px solid #e8e8e8"
-							},
-							children: /* @__PURE__ */ jsx("div", {
-								style: jsonContainerStyle,
-								children: /* @__PURE__ */ jsx("pre", {
-									style: {
-										...preStyle,
-										margin: 0,
-										maxHeight: "300px",
-										overflow: "auto"
-									},
-									children: formatJson(message)
-								})
-							})
-						})
-					})] });
-				}) })]
-			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-				style: statsStyle,
-				children: ["State 键数量: ", Object.keys(streamState).length]
-			}), /* @__PURE__ */ jsx("pre", {
-				style: preStyle,
-				children: formatJson(streamState)
-			})] })
-		})]
-	})] });
-}
-//#endregion
-//#region src/hooks/useInterrupt.tsx
-/**
-* InterruptManager - 管理 Interrupt 状态的 Hook
-*
-* 封装 Interrupt 状态管理和处理逻辑，避免在 AgentChat 组件中臃肿
-*/
-function useInterrupt({ interrupt, config, onSubmit }) {
-	const [activeInterrupt, setActiveInterrupt] = useState(null);
-	const processedInterruptIdRef = useRef(null);
-	useEffect(() => {
-		if (interrupt) {
-			const interruptEvent = interrupt;
-			if (interruptEvent.id !== processedInterruptIdRef.current) {
-				processedInterruptIdRef.current = interruptEvent.id;
-				setActiveInterrupt(interruptEvent);
-			}
-		} else {
-			processedInterruptIdRef.current = null;
-			setActiveInterrupt(null);
-		}
-	}, [interrupt?.id]);
-	const handleResolveInterrupt = useCallback((response) => {
-		onSubmit(null, { command: { resume: response } });
-		setActiveInterrupt(null);
-	}, [onSubmit]);
-	return {
-		activeInterrupt,
-		handleResolveInterrupt,
-		renderInterrupt: useCallback(() => {
-			if (!activeInterrupt || !config?.render) return null;
-			return /* @__PURE__ */ jsx("div", {
-				className: "agent-chat-interrupt",
-				children: config.render({
-					event: activeInterrupt,
-					resolve: handleResolveInterrupt
-				})
-			});
-		}, [
-			activeInterrupt,
-			config,
-			handleResolveInterrupt
-		])
-	};
-}
-//#endregion
-//#region src/hooks/useToolExecution.ts
-/**
-* useToolExecution - 管理前端工具执行的 Hook
-*
-* 职责：
-* 1. 管理工具执行状态
-* 2. 自动执行前端工具（避免重复执行）
-* 3. 通知外部执行状态变化
-* 4. 支持批量提交工具结果
-*/
-function useToolExecution({ tools, toolCalls, isLoading = false, onExecutionChange, onToolResultsBatch, completedToolResults }) {
-	const executedCallsRef = useRef(/* @__PURE__ */ new Set());
-	const executingCallsRef = useRef(/* @__PURE__ */ new Set());
-	const pendingNotifiedRef = useRef(/* @__PURE__ */ new Set());
-	const notifiedCompletedRef = useRef(/* @__PURE__ */ new Set());
-	const batchCallIdsRef = useRef(/* @__PURE__ */ new Set());
-	const batchResultsRef = useRef(/* @__PURE__ */ new Map());
-	const isProcessingRef = useRef(false);
-	const batchSubmittedRef = useRef(false);
-	useEffect(() => {
-		if (!completedToolResults || completedToolResults.size === 0) return;
-		completedToolResults.forEach((result, callId) => {
-			if (notifiedCompletedRef.current.has(callId)) return;
-			notifiedCompletedRef.current.add(callId);
-			executedCallsRef.current.add(callId);
-			const call = toolCalls.find((c) => c.id === callId);
-			if (call) onExecutionChange?.({
-				callId,
-				name: call.name,
-				args: call.args,
-				status: "success",
-				result
-			});
+}
+//#endregion
+//#region src/hooks/useToolExecution.ts
+/**
+* useToolExecution - 管理前端工具执行的 Hook
+*
+* 职责：
+* 1. 管理工具执行状态
+* 2. 自动执行前端工具（避免重复执行）
+* 3. 通知外部执行状态变化
+* 4. 支持批量提交工具结果
+*/
+function useToolExecution({ tools, toolCalls, isLoading = false, onExecutionChange, onToolResultsBatch, completedToolResults }) {
+	const executedCallsRef = useRef(/* @__PURE__ */ new Set());
+	const executingCallsRef = useRef(/* @__PURE__ */ new Set());
+	const pendingNotifiedRef = useRef(/* @__PURE__ */ new Set());
+	const notifiedCompletedRef = useRef(/* @__PURE__ */ new Set());
+	const batchCallIdsRef = useRef(/* @__PURE__ */ new Set());
+	const batchResultsRef = useRef(/* @__PURE__ */ new Map());
+	const isProcessingRef = useRef(false);
+	const batchSubmittedRef = useRef(false);
+	useEffect(() => {
+		if (!completedToolResults || completedToolResults.size === 0) return;
+		completedToolResults.forEach((result, callId) => {
+			if (notifiedCompletedRef.current.has(callId)) return;
+			notifiedCompletedRef.current.add(callId);
+			executedCallsRef.current.add(callId);
+			const call = toolCalls.find((c) => c.id === callId);
+			if (call) onExecutionChange?.({
+				callId,
+				name: call.name,
+				args: call.args,
+				status: "success",
+				result
+			});
 		});
 	}, [completedToolResults, toolCalls]);
 	/**
@@ -1349,35 +882,21 @@ function injectStyles() {
 //#endregion
 //#region src/components/AgentChat.tsx
 injectStyles();
-const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId, onThreadIdChange, className = "", tools, contexts, messageConfig, inputConfig, onError, interruptConfig, agentState, onAgentStateChange, showDebug, welcome }, ref) => {
+const AgentChat = forwardRef(({ stream, className = "", tools, contexts, messageConfig, inputConfig, interruptConfig, agentState, welcome }, ref) => {
 	const { onPreSend, ...chatInputConfig } = inputConfig || {};
 	const chatInputRef = useRef(null);
-	const stream = useStream({
-		apiUrl,
-		assistantId,
-		threadId,
-		onThreadId: (newThreadId) => {
-			onThreadIdChange?.(newThreadId);
-		},
-		defaultHeaders: headers,
-		messagesKey: "messages",
-		onError: (error) => {
-			const err = error instanceof Error ? error : new Error(String(error));
-			onError?.(err);
-		}
-	});
 	useImperativeHandle(ref, () => ({
 		input: chatInputRef.current,
 		setSkill: (skill) => chatInputRef.current?.setSkill?.(skill),
 		clearInput: () => chatInputRef.current?.clear?.(),
-		focusInput: () => chatInputRef.current?.focus?.(),
-		stream
+		focusInput: () => chatInputRef.current?.focus?.()
 	}));
-	useEffect(() => {
-		if (stream.values && onAgentStateChange) onAgentStateChange(stream.values);
-	}, [stream.values, onAgentStateChange]);
+	const interruptEvent = stream.interrupt;
 	const { renderInterrupt: interruptRender } = useInterrupt({
-		interrupt: stream.interrupt,
+		interrupt: interruptEvent ? {
+			value: interruptEvent.value,
+			id: interruptEvent.id
+		} : null,
 		config: interruptConfig,
 		onSubmit: stream.submit
 	});
@@ -1469,55 +988,533 @@ const AgentChat = forwardRef(({ apiUrl, assistantId, headers, threadId, onThread
 	const shouldRenderWelcome = messages.length === 0 && !isLoading && welcome;
 	return /* @__PURE__ */ jsxs("div", {
 		className: `agent-chat-container ${className}`,
-		children: [
-			shouldRenderWelcome ? /* @__PURE__ */ jsx("div", {
-				className: "agent-message-list agent-chat-welcome",
-				children: welcome
-			}) : /* @__PURE__ */ jsx(MessageList, {
-				messages,
-				isLoading: stream.isLoading,
-				tools,
-				toolExecutions,
-				components: messageConfig?.components,
-				securityConfig: {
-					allowedTags: messageConfig?.allowedTags,
-					literalTagContent: messageConfig?.literalTagContent
+		children: [shouldRenderWelcome ? /* @__PURE__ */ jsx("div", {
+			className: "agent-message-list agent-chat-welcome",
+			children: welcome
+		}) : /* @__PURE__ */ jsx(MessageList, {
+			messages,
+			isLoading: stream.isLoading,
+			tools,
+			toolExecutions,
+			components: messageConfig?.components,
+			securityConfig: {
+				allowedTags: messageConfig?.allowedTags,
+				literalTagContent: messageConfig?.literalTagContent
+			},
+			loadingColor: messageConfig?.loadingColor,
+			interruptRender
+		}), /* @__PURE__ */ jsx(ChatInput, {
+			ref: chatInputRef,
+			onSend: handleSend,
+			onStop: handleStop,
+			isLoading,
+			className: "agent-chat-input",
+			...chatInputConfig
+		})]
+	});
+});
+AgentChat.displayName = "AgentChat";
+//#endregion
+//#region src/components/ToolCard.tsx
+/**
+* ToolCard 组件 - 用于展示工具调用结果
+* 样式：圆角矩形框，左侧 icon，label 分两行显示（prefix 小字体，content 默认字体）
+*/
+const ToolCard = ({ children, style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(ThoughtChain.Item, {
+		variant: "text",
+		...rest,
+		style: {
+			paddingLeft: 0,
+			...style
+		}
+	}), children] });
+};
+//#endregion
+//#region src/components/DebugPanel.tsx
+const isDevelopment = () => {
+	if (typeof process !== "undefined" && process.env) return process.env.NODE_ENV === "development";
+	const viteEnv = import.meta.env;
+	if (typeof import.meta !== "undefined" && viteEnv) return viteEnv.DEV === true || viteEnv.MODE === "development";
+	return false;
+};
+function DebugPanel({ streamState, visible = true }) {
+	if (!isDevelopment() || !visible) return null;
+	const streamMessages = streamState.messages || [];
+	const [isOpen, setIsOpen] = useState(false);
+	const [activeTab, setActiveTab] = useState("messages");
+	const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
+	const [buttonPos, setButtonPos] = useState({
+		x: 0,
+		y: 0
+	});
+	const [isDraggingButton, setIsDraggingButton] = useState(false);
+	const buttonDragRef = useRef(null);
+	const [dialogPos, setDialogPos] = useState({
+		x: 0,
+		y: 0
+	});
+	const [isDraggingDialog, setIsDraggingDialog] = useState(false);
+	const dialogDragRef = useRef(null);
+	const handleButtonMouseDown = useCallback((e) => {
+		e.preventDefault();
+		buttonDragRef.current = {
+			startX: e.clientX,
+			startY: e.clientY,
+			initialX: buttonPos.x,
+			initialY: buttonPos.y
+		};
+		setIsDraggingButton(true);
+	}, [buttonPos]);
+	const handleDialogMouseDown = useCallback((e) => {
+		if (!e.target.closest(".debug-panel-header")) return;
+		e.preventDefault();
+		dialogDragRef.current = {
+			startX: e.clientX,
+			startY: e.clientY,
+			initialX: dialogPos.x,
+			initialY: dialogPos.y
+		};
+		setIsDraggingDialog(true);
+	}, [dialogPos]);
+	useEffect(() => {
+		const handleMouseMove = (e) => {
+			if (isDraggingButton && buttonDragRef.current) {
+				const dx = e.clientX - buttonDragRef.current.startX;
+				const dy = e.clientY - buttonDragRef.current.startY;
+				setButtonPos({
+					x: buttonDragRef.current.initialX + dx,
+					y: buttonDragRef.current.initialY + dy
+				});
+			}
+			if (isDraggingDialog && dialogDragRef.current) {
+				const dx = e.clientX - dialogDragRef.current.startX;
+				const dy = e.clientY - dialogDragRef.current.startY;
+				setDialogPos({
+					x: dialogDragRef.current.initialX + dx,
+					y: dialogDragRef.current.initialY + dy
+				});
+			}
+		};
+		const handleMouseUp = () => {
+			setIsDraggingButton(false);
+			setIsDraggingDialog(false);
+			buttonDragRef.current = null;
+			dialogDragRef.current = null;
+		};
+		if (isDraggingButton || isDraggingDialog) {
+			document.addEventListener("mousemove", handleMouseMove);
+			document.addEventListener("mouseup", handleMouseUp);
+		}
+		return () => {
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+	}, [isDraggingButton, isDraggingDialog]);
+	const formatJson = (data) => {
+		try {
+			return JSON.stringify(data, null, 2);
+		} catch {
+			return String(data);
+		}
+	};
+	const toggleRow = (index) => {
+		setExpandedRows((prev) => {
+			const next = new Set(prev);
+			if (next.has(index)) next.delete(index);
+			else next.add(index);
+			return next;
+		});
+	};
+	const getTypeTagStyle = (type) => {
+		const color = {
+			human: {
+				bg: "#e6f4ff",
+				color: "#0958d9"
+			},
+			ai: {
+				bg: "#f6ffed",
+				color: "#389e0d"
+			},
+			tool: {
+				bg: "#fff7e6",
+				color: "#d46b08"
+			},
+			system: {
+				bg: "#f9f0ff",
+				color: "#722ed1"
+			},
+			function: {
+				bg: "#fff2f0",
+				color: "#cf1322"
+			}
+		}[type || ""] || {
+			bg: "#f5f5f5",
+			color: "#666"
+		};
+		return {
+			display: "inline-block",
+			padding: "2px 8px",
+			borderRadius: "4px",
+			fontSize: "12px",
+			fontWeight: 500,
+			background: color.bg,
+			color: color.color
+		};
+	};
+	const formatContent = (content) => {
+		if (!content) return "";
+		if (Array.isArray(content)) return content.map((item) => typeof item === "string" ? item : JSON.stringify(item)).join("");
+		return String(content);
+	};
+	const renderMessageContent = (message) => {
+		const hasToolCalls = message.tool_calls && Array.isArray(message.tool_calls) && message.tool_calls.length > 0;
+		return /* @__PURE__ */ jsxs("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "8px"
+			},
+			children: [message.content && /* @__PURE__ */ jsx("div", {
+				style: {
+					color: "#333",
+					lineHeight: 1.5,
+					wordBreak: "break-all"
 				},
-				loadingColor: messageConfig?.loadingColor,
-				interruptRender
-			}),
-			/* @__PURE__ */ jsx(ChatInput, {
-				ref: chatInputRef,
-				onSend: handleSend,
-				onStop: handleStop,
-				isLoading,
-				className: "agent-chat-input",
-				...chatInputConfig
-			}),
-			/* @__PURE__ */ jsx(DebugPanel, {
-				messages: stream.messages,
-				streamState: stream.values || {},
-				visible: showDebug
-			})
-		]
+				children: formatContent(message.content)
+			}), hasToolCalls && /* @__PURE__ */ jsxs("div", {
+				style: {
+					marginTop: "4px",
+					padding: "8px",
+					background: "#f6ffed",
+					border: "1px solid #b7eb8f",
+					borderRadius: "6px"
+				},
+				children: [/* @__PURE__ */ jsxs("div", {
+					style: {
+						fontSize: "11px",
+						fontWeight: 600,
+						color: "#389e0d",
+						marginBottom: "6px",
+						display: "flex",
+						alignItems: "center",
+						gap: "4px"
+					},
+					children: [/* @__PURE__ */ jsx("span", { children: "🔧" }), /* @__PURE__ */ jsxs("span", { children: [
+						"Tool Calls (",
+						message.tool_calls.length,
+						")"
+					] })]
+				}), /* @__PURE__ */ jsx("pre", {
+					style: {
+						...preStyle,
+						background: "#fff",
+						border: "1px solid #d9f7be",
+						maxHeight: "200px",
+						fontSize: "11px"
+					},
+					children: formatJson(message.tool_calls)
+				})]
+			})]
+		});
+	};
+	const buttonStyle = {
+		position: "fixed",
+		right: `${20 - buttonPos.x}px`,
+		bottom: `${20 - buttonPos.y}px`,
+		width: "48px",
+		height: "48px",
+		borderRadius: "50%",
+		background: "#1677ff",
+		color: "#fff",
+		border: "none",
+		cursor: isDraggingButton ? "grabbing" : "grab",
+		boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		fontSize: "20px",
+		zIndex: 9998,
+		transition: isDraggingButton ? "none" : "box-shadow 0.2s",
+		userSelect: "none"
+	};
+	const dialogStyle = {
+		position: "fixed",
+		left: "50%",
+		top: "50%",
+		transform: `translate(calc(-50% + ${dialogPos.x}px), calc(-50% + ${dialogPos.y}px))`,
+		width: "1000px",
+		maxWidth: "90vw",
+		height: "650px",
+		maxHeight: "85vh",
+		background: "#fff",
+		borderRadius: "12px",
+		boxShadow: "0 8px 32px rgba(0, 0, 0, 0.2)",
+		zIndex: 9999,
+		display: "flex",
+		flexDirection: "column",
+		overflow: "hidden",
+		cursor: isDraggingDialog ? "grabbing" : "default"
+	};
+	const headerStyle = {
+		padding: "12px 16px",
+		background: "#f5f5f5",
+		borderBottom: "1px solid #e8e8e8",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		cursor: isDraggingDialog ? "grabbing" : "grab"
+	};
+	const tabContainerStyle = {
+		display: "flex",
+		gap: "8px"
+	};
+	const getTabStyle = (isActive) => ({
+		padding: "6px 16px",
+		borderRadius: "6px",
+		border: "none",
+		background: isActive ? "#1677ff" : "transparent",
+		color: isActive ? "#fff" : "#666",
+		cursor: "pointer",
+		fontSize: "14px",
+		transition: "all 0.2s"
 	});
-});
-AgentChat.displayName = "AgentChat";
+	const closeButtonStyle = {
+		width: "28px",
+		height: "28px",
+		borderRadius: "50%",
+		border: "none",
+		background: "#ff4d4f",
+		color: "#fff",
+		cursor: "pointer",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		fontSize: "16px",
+		transition: "background 0.2s"
+	};
+	const contentStyle = {
+		flex: 1,
+		overflow: "auto",
+		padding: "16px",
+		background: "#fafafa"
+	};
+	const preStyle = {
+		margin: 0,
+		padding: "12px",
+		background: "#f8f9fa",
+		color: "#333",
+		borderRadius: "8px",
+		fontSize: "12px",
+		fontFamily: "\"Fira Code\", \"Monaco\", \"Consolas\", monospace",
+		lineHeight: 1.5,
+		overflow: "auto",
+		whiteSpace: "pre-wrap",
+		wordBreak: "break-word",
+		border: "1px solid #e8e8e8"
+	};
+	const statsStyle = {
+		padding: "8px 12px",
+		background: "#e6f4ff",
+		borderRadius: "6px",
+		marginBottom: "12px",
+		fontSize: "13px",
+		color: "#0958d9"
+	};
+	const tableStyle = {
+		width: "100%",
+		borderCollapse: "collapse",
+		fontSize: "13px",
+		background: "#fff",
+		borderRadius: "8px",
+		overflow: "hidden",
+		boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)"
+	};
+	const tableHeaderStyle = {
+		background: "#f5f5f5",
+		fontWeight: 600,
+		color: "#333",
+		textAlign: "left",
+		padding: "10px 12px",
+		borderBottom: "1px solid #e8e8e8",
+		whiteSpace: "nowrap"
+	};
+	const tableCellStyle = {
+		padding: "10px 12px",
+		borderBottom: "1px solid #f0f0f0",
+		verticalAlign: "top"
+	};
+	const expandButtonStyle = {
+		width: "20px",
+		height: "20px",
+		border: "none",
+		background: "transparent",
+		cursor: "pointer",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		fontSize: "12px",
+		color: "#666",
+		borderRadius: "4px",
+		transition: "background 0.2s"
+	};
+	const expandedRowStyle = { background: "#fafafa" };
+	const jsonContainerStyle = {
+		padding: "12px",
+		background: "#fff",
+		borderRadius: "6px",
+		margin: "8px 0",
+		border: "1px solid #e8e8e8"
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+		style: buttonStyle,
+		onMouseDown: handleButtonMouseDown,
+		onClick: () => !isDraggingButton && setIsOpen(true),
+		title: "打开调试面板",
+		children: "🐛"
+	}), isOpen && /* @__PURE__ */ jsxs("div", {
+		style: dialogStyle,
+		onMouseDown: handleDialogMouseDown,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "debug-panel-header",
+			style: headerStyle,
+			children: [/* @__PURE__ */ jsxs("div", {
+				style: tabContainerStyle,
+				children: [/* @__PURE__ */ jsxs("button", {
+					style: getTabStyle(activeTab === "messages"),
+					onClick: () => setActiveTab("messages"),
+					children: [
+						"Messages (",
+						streamMessages.length,
+						")"
+					]
+				}), /* @__PURE__ */ jsx("button", {
+					style: getTabStyle(activeTab === "state"),
+					onClick: () => setActiveTab("state"),
+					children: "State"
+				})]
+			}), /* @__PURE__ */ jsx("button", {
+				style: closeButtonStyle,
+				onClick: () => setIsOpen(false),
+				title: "关闭",
+				children: "×"
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			style: contentStyle,
+			children: activeTab === "messages" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				style: statsStyle,
+				children: [
+					"共 ",
+					streamMessages.length,
+					" 条消息"
+				]
+			}), /* @__PURE__ */ jsxs("table", {
+				style: tableStyle,
+				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", { style: {
+						...tableHeaderStyle,
+						width: "30px"
+					} }),
+					/* @__PURE__ */ jsx("th", {
+						style: {
+							...tableHeaderStyle,
+							width: "60px"
+						},
+						children: "类型"
+					}),
+					/* @__PURE__ */ jsx("th", {
+						style: tableHeaderStyle,
+						children: "内容"
+					})
+				] }) }), /* @__PURE__ */ jsx("tbody", { children: streamMessages.map((msg, index) => {
+					const message = msg;
+					const isExpanded = expandedRows.has(index);
+					return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
+						style: {
+							cursor: "pointer",
+							transition: "background 0.2s"
+						},
+						onClick: () => toggleRow(index),
+						onMouseEnter: (e) => {
+							e.currentTarget.style.background = "#f5f5f5";
+						},
+						onMouseLeave: (e) => {
+							e.currentTarget.style.background = "transparent";
+						},
+						children: [
+							/* @__PURE__ */ jsx("td", {
+								style: tableCellStyle,
+								children: /* @__PURE__ */ jsx("button", {
+									style: expandButtonStyle,
+									onClick: (e) => {
+										e.stopPropagation();
+										toggleRow(index);
+									},
+									children: isExpanded ? "▼" : "▶"
+								})
+							}),
+							/* @__PURE__ */ jsx("td", {
+								style: tableCellStyle,
+								children: /* @__PURE__ */ jsx("span", {
+									style: getTypeTagStyle(message.type),
+									children: message.type || "unknown"
+								})
+							}),
+							/* @__PURE__ */ jsx("td", {
+								style: tableCellStyle,
+								children: renderMessageContent(message)
+							})
+						]
+					}, index), isExpanded && /* @__PURE__ */ jsx("tr", {
+						style: expandedRowStyle,
+						children: /* @__PURE__ */ jsx("td", {
+							colSpan: 3,
+							style: {
+								padding: 0,
+								borderBottom: "1px solid #e8e8e8"
+							},
+							children: /* @__PURE__ */ jsx("div", {
+								style: jsonContainerStyle,
+								children: /* @__PURE__ */ jsx("pre", {
+									style: {
+										...preStyle,
+										margin: 0,
+										maxHeight: "300px",
+										overflow: "auto"
+									},
+									children: formatJson(message)
+								})
+							})
+						})
+					})] });
+				}) })]
+			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				style: statsStyle,
+				children: ["State 键数量: ", Object.keys(streamState).length]
+			}), /* @__PURE__ */ jsx("pre", {
+				style: preStyle,
+				children: formatJson(streamState)
+			})] })
+		})]
+	})] });
+}
 //#endregion
-//#region src/components/ToolCard.tsx
+//#region src/hooks/useAgentStream.ts
 /**
-* ToolCard 组件 - 用于展示工具调用结果
-* 样式：圆角矩形框，左侧 icon，label 分两行显示（prefix 小字体，content 默认字体）
+* 包装 useStream hook，为 AgentChat 提供统一的 stream 实例创建方式
+*
+* @example
+* ```tsx
+* const stream = useAgentStream({
+*   apiUrl: "http://localhost:2026",
+*   assistantId: "demo",
+* });
+*
+* <AgentChat stream={stream} />
+* ```
 */
-const ToolCard = ({ children, style, ...rest }) => {
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(ThoughtChain.Item, {
-		variant: "text",
-		...rest,
-		style: {
-			paddingLeft: 0,
-			...style
-		}
-	}), children] });
-};
+function useAgentStream(options) {
+	return useStream(options);
+}
 //#endregion
-export { AgentChat, MessageContentRenderer, ToolCard };
+export { AgentChat, DebugPanel, MessageContentRenderer, ToolCard, useAgentStream };

package/package.json

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