@apteva/apteva-kit 0.1.18 → 0.1.23

package/dist/index.mjs

@@ -4,10 +4,13 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/components/Chat/Chat.tsx
-import { useState as useState3, useEffect as useEffect3, useRef as useRef4, useMemo } from "react";
+import { useState as useState3, useEffect as useEffect4, useRef as useRef5, useMemo as useMemo2 } from "react";
 
 // src/components/Chat/MessageList.tsx
-import { useEffect as useEffect2, useRef } from "react";
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
+
+// src/components/Chat/Message.tsx
+import { useEffect as useEffect2, useRef, useMemo } from "react";
 
 // src/utils/cn.ts
 import { clsx } from "clsx";
@@ -499,6 +502,15 @@ function validateFile(file) {
 }
 
 // src/utils/widget-parser.ts
+function simpleHash(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash).toString(36);
+}
 function findMatchingBracket(text, startIndex) {
   let depth = 0;
   let inString = false;
@@ -583,7 +595,7 @@ function parseWidgetsFromText(text) {
     try {
       const trimmedJson = jsonContent.trim();
       const props = JSON.parse(trimmedJson);
-      const widgetId = `widget-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+      const widgetId = `widget-${widgetType}-${simpleHash(trimmedJson)}`;
       segments.push({
         type: "widget",
         widget: {
@@ -1079,17 +1091,71 @@ function WidgetSkeleton({ type, className }) {
 
 // src/components/Chat/MarkdownContent.tsx
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function isImageUrl(url) {
+  const imageExtensions = /\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)(\?.*)?$/i;
+  return imageExtensions.test(url);
+}
 function parseInlineMarkdown(text, keyPrefix = "") {
   const result = [];
-  const boldRegex = /(\*\*|__)(.+?)\1/g;
+  const inlineRegex = /!\[([^\]]*)\]\(([^)]+)\)|\[([^\]]+)\]\(([^)]+)\)|(\*\*|__)(.+?)\5|`([^`]+)`/g;
   let lastIndex = 0;
   let match;
   let key = 0;
-  while ((match = boldRegex.exec(text)) !== null) {
+  while ((match = inlineRegex.exec(text)) !== null) {
     if (match.index > lastIndex) {
       result.push(text.slice(lastIndex, match.index));
     }
-    result.push(/* @__PURE__ */ jsx9("strong", { children: match[2] }, `${keyPrefix}b${key++}`));
+    if (match[1] !== void 0 || match[2] !== void 0) {
+      const alt = match[1] || "";
+      const src = match[2];
+      result.push(
+        /* @__PURE__ */ jsx9(
+          "img",
+          {
+            src,
+            alt,
+            className: "apteva-md-img"
+          },
+          `${keyPrefix}img${key++}`
+        )
+      );
+    } else if (match[3] !== void 0 || match[4] !== void 0) {
+      const linkText = match[3];
+      const href = match[4];
+      if (isImageUrl(href)) {
+        result.push(
+          /* @__PURE__ */ jsx9(
+            "img",
+            {
+              src: href,
+              alt: linkText,
+              className: "apteva-md-img"
+            },
+            `${keyPrefix}img${key++}`
+          )
+        );
+      } else {
+        result.push(
+          /* @__PURE__ */ jsx9(
+            "a",
+            {
+              href,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "apteva-md-link",
+              children: linkText
+            },
+            `${keyPrefix}a${key++}`
+          )
+        );
+      }
+    } else if (match[5] !== void 0) {
+      result.push(/* @__PURE__ */ jsx9("strong", { children: match[6] }, `${keyPrefix}b${key++}`));
+    } else if (match[7] !== void 0) {
+      result.push(
+        /* @__PURE__ */ jsx9("code", { className: "apteva-md-inline-code", children: match[7] }, `${keyPrefix}code${key++}`)
+      );
+    }
     lastIndex = match.index + match[0].length;
   }
   if (lastIndex < text.length) {
@@ -1163,7 +1229,7 @@ function parseMarkdown(content) {
     const tableMatch = line.match(/^\|(.+)\|$/);
     if (tableMatch && i + 1 < lines.length) {
       const separatorLine = lines[i + 1];
-      const separatorMatch = separatorLine.match(/^\|[\s:-]+\|$/);
+      const separatorMatch = separatorLine.match(/^\|([\s:-]+\|)+$/);
       if (separatorMatch) {
         const headerCells = line.split("|").filter((cell) => cell.trim() !== "").map((cell) => cell.trim());
         i += 2;
@@ -1208,22 +1274,72 @@ function MarkdownContent({ content, className = "" }) {
 // src/components/Chat/ToolCall.tsx
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function ToolCall({ name, status }) {
-  return /* @__PURE__ */ jsxs7("div", { className: "apteva-tool-call", children: [
-    status === "running" && /* @__PURE__ */ jsx10("div", { className: "apteva-tool-call-dot apteva-tool-call-dot-running" }),
-    status === "completed" && /* @__PURE__ */ jsx10("div", { className: "apteva-tool-call-dot apteva-tool-call-dot-completed" }),
-    status === "error" && /* @__PURE__ */ jsx10("div", { className: "apteva-tool-call-dot apteva-tool-call-dot-error" }),
-    /* @__PURE__ */ jsx10("span", { className: "apteva-tool-call-name", children: name }),
-    status === "running" && /* @__PURE__ */ jsx10("span", { className: "apteva-tool-call-status", children: "Running..." }),
-    status === "completed" && /* @__PURE__ */ jsx10("span", { className: "apteva-tool-call-status apteva-tool-call-status-completed", children: "Completed" }),
-    status === "error" && /* @__PURE__ */ jsx10("span", { className: "apteva-tool-call-status apteva-tool-call-status-error", children: "Error" })
+  if (status === "running") {
+    return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 !text-blue-700 dark:!text-blue-300 text-sm", children: [
+      /* @__PURE__ */ jsxs7("svg", { className: "w-4 h-4 animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ jsx10("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ jsx10("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+      ] }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        "Calling ",
+        /* @__PURE__ */ jsx10("strong", { children: name }),
+        "..."
+      ] })
+    ] });
+  }
+  if (status === "completed") {
+    return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-700 !text-green-700 dark:!text-green-300 text-sm", children: [
+      /* @__PURE__ */ jsx10("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        "Tool completed: ",
+        /* @__PURE__ */ jsx10("strong", { children: name })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 !text-red-700 dark:!text-red-300 text-sm", children: [
+    /* @__PURE__ */ jsx10("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+    /* @__PURE__ */ jsxs7("span", { children: [
+      "Tool failed: ",
+      /* @__PURE__ */ jsx10("strong", { children: name })
+    ] })
   ] });
 }
 
 // src/components/Chat/Message.tsx
 import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function Message({ message, onAction, enableWidgets }) {
+function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   const isUser = message.role === "user";
   const contentSegments = message.metadata?.content_segments;
+  const isStreaming = message.metadata?.isStreaming === true;
+  const hasContent = message.content || contentSegments && contentSegments.length > 0;
+  const reportedWidgetsRef = useRef(/* @__PURE__ */ new Set());
+  const parsedWidgets = useMemo(() => {
+    if (!enableWidgets || isUser || !message.content) {
+      return [];
+    }
+    const parsed = parseWidgetsFromText(message.content);
+    return parsed.segments.filter((seg) => seg.type === "widget" && !!seg.widget).map((seg) => seg.widget);
+  }, [enableWidgets, isUser, message.content]);
+  useEffect2(() => {
+    if (onWidgetRender && message.widgets) {
+      for (const widget of message.widgets) {
+        if (!reportedWidgetsRef.current.has(widget.id)) {
+          reportedWidgetsRef.current.add(widget.id);
+          onWidgetRender(widget);
+        }
+      }
+    }
+  }, [message.widgets, onWidgetRender]);
+  useEffect2(() => {
+    if (onWidgetRender && parsedWidgets.length > 0) {
+      for (const widget of parsedWidgets) {
+        if (!reportedWidgetsRef.current.has(widget.id)) {
+          reportedWidgetsRef.current.add(widget.id);
+          onWidgetRender(widget);
+        }
+      }
+    }
+  }, [parsedWidgets, onWidgetRender]);
   const renderTextContent = (text) => {
     if (!enableWidgets || isUser) {
       return /* @__PURE__ */ jsx11(MarkdownContent, { content: text });
@@ -1249,6 +1365,13 @@ function Message({ message, onAction, enableWidgets }) {
     if (isUser) {
       return /* @__PURE__ */ jsx11("div", { className: "whitespace-pre-wrap !text-sm leading-relaxed", children: message.content });
     }
+    if (isStreaming && !hasContent) {
+      return /* @__PURE__ */ jsxs8("div", { className: "apteva-typing-indicator !text-gray-400", children: [
+        /* @__PURE__ */ jsx11("span", {}),
+        /* @__PURE__ */ jsx11("span", {}),
+        /* @__PURE__ */ jsx11("span", {})
+      ] });
+    }
     if (contentSegments && contentSegments.length > 0) {
       return /* @__PURE__ */ jsx11("div", { children: contentSegments.map((segment, index) => {
         if (segment.type === "text") {
@@ -1271,13 +1394,13 @@ function Message({ message, onAction, enableWidgets }) {
     "div",
     {
       className: cn(
-        "max-w-[80%]",
-        isUser ? "px-4 py-2.5 rounded-xl bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 !text-gray-900 dark:!text-gray-100 ml-auto" : "!text-gray-900 dark:!text-gray-100"
+        "max-w-[80%] px-4 py-2.5 rounded-2xl",
+        isUser ? "bg-blue-600 !text-white rounded-br-md" : "bg-gray-100 dark:bg-gray-800 !text-gray-900 dark:!text-gray-100 rounded-bl-md"
       ),
       children: [
         renderContent(),
         message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx11("div", { className: cn(isUser ? "mt-3" : "mt-2"), children: /* @__PURE__ */ jsx11(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
-        /* @__PURE__ */ jsx11("div", { className: cn("!text-xs opacity-70", isUser ? "mt-1.5 !text-gray-500 dark:!text-gray-400" : "mt-1 !text-gray-500 dark:!text-gray-400"), suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+        /* @__PURE__ */ jsx11("div", { className: cn("!text-xs mt-1.5", isUser ? "!text-blue-200" : "!text-gray-500 dark:!text-gray-400"), suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
       ]
     }
   );
@@ -1435,10 +1558,11 @@ function MessageList({
   suggestedPrompts,
   welcomeVariant,
   onPromptClick,
-  enableWidgets
+  enableWidgets,
+  onWidgetRender
 }) {
-  const listRef = useRef(null);
-  useEffect2(() => {
+  const listRef = useRef2(null);
+  useEffect3(() => {
     if (listRef.current) {
       listRef.current.scrollTop = listRef.current.scrollHeight;
     }
@@ -1454,20 +1578,20 @@ function MessageList({
       onPromptClick: onPromptClick || (() => {
       })
     }
-  ) : messages.map((message) => /* @__PURE__ */ jsx13(Message, { message, onAction, enableWidgets }, message.id)) });
+  ) : messages.map((message) => /* @__PURE__ */ jsx13("div", { className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ jsx13(Message, { message, onAction, enableWidgets, onWidgetRender }) }, message.id)) });
 }
 
 // src/components/Chat/Composer.tsx
-import { useState, useRef as useRef2 } from "react";
+import { useState, useRef as useRef3 } from "react";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function Composer({ onSendMessage, placeholder = "Type a message...", disabled = false, isLoading = false, onStop, onFileUpload, onSwitchMode }) {
   const [text, setText] = useState("");
   const [showMenu, setShowMenu] = useState(false);
   const [pendingFiles, setPendingFiles] = useState([]);
   const [fileError, setFileError] = useState(null);
-  const textareaRef = useRef2(null);
-  const fileInputRef = useRef2(null);
-  const menuButtonRef = useRef2(null);
+  const textareaRef = useRef3(null);
+  const fileInputRef = useRef3(null);
+  const menuButtonRef = useRef3(null);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
@@ -1672,7 +1796,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
 }
 
 // src/components/Chat/CommandComposer.tsx
-import { useState as useState2, useRef as useRef3 } from "react";
+import { useState as useState2, useRef as useRef4 } from "react";
 import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function CommandComposer({
   onExecute,
@@ -1694,9 +1818,9 @@ function CommandComposer({
   const [pendingFiles, setPendingFiles] = useState2([]);
   const [fileError, setFileError] = useState2(null);
   const [showMenu, setShowMenu] = useState2(false);
-  const inputRef = useRef3(null);
-  const fileInputRef = useRef3(null);
-  const menuButtonRef = useRef3(null);
+  const inputRef = useRef4(null);
+  const fileInputRef = useRef4(null);
+  const menuButtonRef = useRef4(null);
   const handleSubmit = () => {
     const hasText = input.trim();
     const hasFiles = pendingFiles.length > 0;
@@ -2228,6 +2352,7 @@ function Chat({
   const [isLoading, setIsLoading] = useState3(false);
   const [currentThreadId, setCurrentThreadId] = useState3(threadId || null);
   const [mode, setMode] = useState3(initialMode);
+  const [chatToolName, setChatToolName] = useState3(null);
   const [commandState, setCommandState] = useState3("idle");
   const [commandResult, setCommandResult] = useState3(null);
   const [commandError, setCommandError] = useState3(null);
@@ -2240,14 +2365,14 @@ function Chat({
   const [pendingCommand, setPendingCommand] = useState3("");
   const [internalPlanMode, setInternalPlanMode] = useState3(planMode);
   const [showSettingsMenu, setShowSettingsMenu] = useState3(false);
-  const fileInputRef = useRef4(null);
-  const effectiveContext = useMemo(() => {
+  const fileInputRef = useRef5(null);
+  const effectiveContext = useMemo2(() => {
     if (!enableWidgets) return context;
     const widgetContext = compactWidgetContext ? generateCompactWidgetContext(availableWidgets) : generateWidgetContext(availableWidgets);
     return context ? `${context}
 ${widgetContext}` : widgetContext;
   }, [context, enableWidgets, availableWidgets, compactWidgetContext]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (apiUrl || apiKey) {
       aptevaClient.configure({
         ...apiUrl && { apiUrl },
@@ -2255,15 +2380,15 @@ ${widgetContext}` : widgetContext;
       });
     }
   }, [apiUrl, apiKey]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (threadId) {
       onThreadChange?.(threadId);
     }
   }, [threadId, onThreadChange]);
-  useEffect3(() => {
+  useEffect4(() => {
     setInternalPlanMode(planMode);
   }, [planMode]);
-  useEffect3(() => {
+  useEffect4(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (showSettingsMenu && !target.closest(".settings-menu-container")) {
@@ -2308,6 +2433,7 @@ ${widgetContext}` : widgetContext;
         let accumulatedWidgets = [];
         let responseThreadId = currentThreadId;
         let toolInputBuffer = "";
+        const streamingMessageId = `msg-${Date.now()}`;
         const updateMessage = () => {
           const segments = [...contentSegments];
           if (currentTextBuffer) {
@@ -2327,19 +2453,19 @@ ${widgetContext}` : widgetContext;
                   ...lastMessage,
                   content: currentTextBuffer,
                   widgets: accumulatedWidgets.length > 0 ? accumulatedWidgets : void 0,
-                  metadata: { ...lastMessage.metadata, content_segments: segments }
+                  metadata: { ...lastMessage.metadata, content_segments: segments, isStreaming: true }
                 }
               ];
             } else {
               return [
                 ...prev,
                 {
-                  id: `msg-${Date.now()}-streaming`,
+                  id: streamingMessageId,
                   role: "assistant",
                   content: currentTextBuffer,
                   widgets: accumulatedWidgets.length > 0 ? accumulatedWidgets : void 0,
                   timestamp: /* @__PURE__ */ new Date(),
-                  metadata: { content_segments: segments }
+                  metadata: { content_segments: segments, isStreaming: true }
                 }
               ];
             }
@@ -2384,6 +2510,7 @@ ${widgetContext}` : widgetContext;
                   }
                   contentSegments.push({ type: "tool", id: chunk.tool_id, name: chunk.tool_name });
                   toolInputBuffer = "";
+                  setChatToolName(chunk.tool_name);
                   updateMessage();
                 }
                 break;
@@ -2399,6 +2526,7 @@ ${widgetContext}` : widgetContext;
                     toolSegment.result = chunk.content;
                     onToolResult?.(toolSegment.name, chunk.content);
                   }
+                  setChatToolName(null);
                   updateMessage();
                 }
                 break;
@@ -2428,10 +2556,10 @@ ${widgetContext}` : widgetContext;
                   ...prev.slice(0, -1),
                   {
                     ...lastMessage,
-                    id: `msg-${Date.now()}`,
+                    // Keep the same ID to avoid React remounting the component
                     content: currentTextBuffer || "Response received",
                     widgets: accumulatedWidgets.length > 0 ? accumulatedWidgets : void 0,
-                    metadata: { thread_id: threadId2, content_segments: contentSegments }
+                    metadata: { thread_id: threadId2, content_segments: contentSegments, isStreaming: false }
                   }
                 ];
               }
@@ -2443,6 +2571,7 @@ ${widgetContext}` : widgetContext;
             }
             setIsLoading(false);
             setCurrentRequestId(null);
+            setChatToolName(null);
           },
           (error) => {
             const errorMessage = {
@@ -2461,6 +2590,7 @@ ${widgetContext}` : widgetContext;
             });
             setIsLoading(false);
             setCurrentRequestId(null);
+            setChatToolName(null);
             onError?.(error);
           }
         );
@@ -2704,7 +2834,13 @@ ${planToExecute}`;
   };
   const isCompact = commandVariant === "compact";
   return /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-col h-full", className), children: [
-    showHeader && mode === "chat" && /* @__PURE__ */ jsx16("div", { className: "px-4 py-3 flex items-center justify-between", children: /* @__PURE__ */ jsx16("h2", { className: "!text-lg font-semibold !text-gray-900 dark:!text-white", children: headerTitle }) }),
+    showHeader && mode === "chat" && /* @__PURE__ */ jsx16("div", { className: "apteva-chat-header px-4 py-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx16("div", { className: "apteva-chat-title", children: headerTitle }),
+      /* @__PURE__ */ jsx16("div", { className: cn(
+        "apteva-chat-status",
+        isLoading ? chatToolName ? "apteva-chat-status-tool" : "apteva-chat-status-thinking" : "apteva-chat-status-ready"
+      ), children: isLoading ? chatToolName ? `Using ${chatToolName}...` : "Thinking..." : "Ready" })
+    ] }) }),
     mode === "chat" && /* @__PURE__ */ jsxs12(Fragment4, { children: [
       /* @__PURE__ */ jsx16(
         MessageList,
@@ -2717,10 +2853,10 @@ ${planToExecute}`;
           suggestedPrompts,
           welcomeVariant,
           onPromptClick: (prompt) => handleSendMessage(prompt),
-          enableWidgets
+          enableWidgets,
+          onWidgetRender
         }
       ),
-      isLoading && /* @__PURE__ */ jsx16("div", { className: "px-4 py-2 !text-sm !text-gray-500 dark:!text-gray-400 italic", children: "AI is thinking..." }),
       /* @__PURE__ */ jsx16(
         Composer,
         {
@@ -2777,7 +2913,7 @@ import { useState as useState4 } from "react";
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/components/Command/Command.tsx
-import React, { useState as useState5, useEffect as useEffect4 } from "react";
+import React, { useState as useState5, useEffect as useEffect5 } from "react";
 import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function Command({
   agentId,
@@ -2818,15 +2954,15 @@ function Command({
   const [showSettingsMenu, setShowSettingsMenu] = useState5(false);
   const [internalPlanMode, setInternalPlanMode] = useState5(planMode);
   const fileInputRef = React.useRef(null);
-  useEffect4(() => {
+  useEffect5(() => {
     if (autoExecute && state === "idle" && command) {
       executeCommand();
     }
   }, [autoExecute]);
-  useEffect4(() => {
+  useEffect5(() => {
     setInternalPlanMode(planMode);
   }, [planMode]);
-  useEffect4(() => {
+  useEffect5(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (showSettingsMenu && !target.closest(".settings-menu-container")) {
@@ -3859,7 +3995,7 @@ function Prompt({
 }
 
 // src/components/Stream/Stream.tsx
-import { useState as useState7, useEffect as useEffect5 } from "react";
+import { useState as useState7, useEffect as useEffect6 } from "react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function Stream({
   agentId,
@@ -3879,7 +4015,7 @@ function Stream({
   const [text, setText] = useState7("");
   const [isStreaming, setIsStreaming] = useState7(false);
   const [isComplete, setIsComplete] = useState7(false);
-  useEffect5(() => {
+  useEffect6(() => {
     if (autoStart && !isStreaming && !isComplete) {
       startStreaming();
     }