@apteva/apteva-kit 0.1.32 → 0.1.34

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassValue } from 'clsx';
 
@@ -248,6 +249,7 @@ interface ChatProps {
     onFileUpload?: (files: FileList) => void;
     onComplete?: (result: CommandResult) => void;
     onError?: (error: Error) => void;
+    onToolCall?: (toolName: string, toolId: string) => void;
     onToolResult?: (toolName: string, result?: any) => void;
     theme?: 'light' | 'dark' | 'auto';
     placeholder?: string;
@@ -363,7 +365,17 @@ interface UseAptevaKitReturn {
     error: Error | null;
 }
 
-declare function Chat({ agentId, threadId, initialMessages, context, apiUrl, apiKey, useMock, initialMode, showModeToggle, onModeChange, commandVariant, planMode, onPlanModeChange, enableStreaming, showProgress, loadingText, welcomeTitle, welcomeSubtitle, welcomeIcon, suggestedPrompts, welcomeVariant, onThreadChange, onMessageSent, onAction, onFileUpload, onComplete, onError, onToolResult, placeholder, showHeader, headerTitle, enableWidgets, availableWidgets, compactWidgetContext, onWidgetRender, className, }: ChatProps): react_jsx_runtime.JSX.Element;
+interface ChatHandle {
+    /** Send a message programmatically (as if the user typed it) */
+    sendMessage: (text: string) => Promise<void>;
+    /** Send a system/background message (not shown as user message, just triggers agent) */
+    sendSystemMessage: (text: string) => Promise<void>;
+    /** Get current messages */
+    getMessages: () => Message[];
+    /** Clear all messages */
+    clearMessages: () => void;
+}
+declare const Chat: react.ForwardRefExoticComponent<ChatProps & react.RefAttributes<ChatHandle>>;
 
 declare function Command({ agentId, command: initialCommand, context, autoExecute, allowInput, placeholder, submitButtonText, variant, useMock, planMode, onPlanModeChange, enableFileUpload, onStart, onProgress, onChunk, onComplete, onError, onFileUpload, onAction, loadingText, showProgress, enableStreaming, resultRenderer, className, }: CommandProps): react_jsx_runtime.JSX.Element;
 
@@ -474,4 +486,4 @@ declare const mockMessages: Message[];
 declare const mockThreads: Thread[];
 declare const mockWidgets: Widget[];
 
-export { type Action, type ActionEvent, AptevaClient, type AptevaClientConfig, type AptevaKitControl, Button, type ButtonGroupWidget, type ButtonWidget, Card, type CardWidget, type ChartWidget, Chat, type ChatMessage, type ChatProps, type ChatRequest, type ChatResponse, Command, type CommandProps, type CommandResult, type FormField, type FormWidget, type GalleryWidget, type ImageWidget, List, type ListItem, type ListWidget, type MapWidget, type Message, Prompt, type PromptProps, type SendMessageParams, Stream, type StreamChunk, type StreamProps, type SuggestedPrompt, type TableColumn, type TableWidget, type Thread, Threads, type ThreadsProps, type UseAptevaKitReturn, type Widget, Widgets, type WidgetsProps, aptevaClient, cn, getThemeScript, mockMessages, mockThreads, mockWidgets };
+export { type Action, type ActionEvent, AptevaClient, type AptevaClientConfig, type AptevaKitControl, Button, type ButtonGroupWidget, type ButtonWidget, Card, type CardWidget, type ChartWidget, Chat, type ChatHandle, type ChatMessage, type ChatProps, type ChatRequest, type ChatResponse, Command, type CommandProps, type CommandResult, type FormField, type FormWidget, type GalleryWidget, type ImageWidget, List, type ListItem, type ListWidget, type MapWidget, type Message, Prompt, type PromptProps, type SendMessageParams, Stream, type StreamChunk, type StreamProps, type SuggestedPrompt, type TableColumn, type TableWidget, type Thread, Threads, type ThreadsProps, type UseAptevaKitReturn, type Widget, Widgets, type WidgetsProps, aptevaClient, cn, getThemeScript, mockMessages, mockThreads, mockWidgets };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassValue } from 'clsx';
 
@@ -248,6 +249,7 @@ interface ChatProps {
     onFileUpload?: (files: FileList) => void;
     onComplete?: (result: CommandResult) => void;
     onError?: (error: Error) => void;
+    onToolCall?: (toolName: string, toolId: string) => void;
     onToolResult?: (toolName: string, result?: any) => void;
     theme?: 'light' | 'dark' | 'auto';
     placeholder?: string;
@@ -363,7 +365,17 @@ interface UseAptevaKitReturn {
     error: Error | null;
 }
 
-declare function Chat({ agentId, threadId, initialMessages, context, apiUrl, apiKey, useMock, initialMode, showModeToggle, onModeChange, commandVariant, planMode, onPlanModeChange, enableStreaming, showProgress, loadingText, welcomeTitle, welcomeSubtitle, welcomeIcon, suggestedPrompts, welcomeVariant, onThreadChange, onMessageSent, onAction, onFileUpload, onComplete, onError, onToolResult, placeholder, showHeader, headerTitle, enableWidgets, availableWidgets, compactWidgetContext, onWidgetRender, className, }: ChatProps): react_jsx_runtime.JSX.Element;
+interface ChatHandle {
+    /** Send a message programmatically (as if the user typed it) */
+    sendMessage: (text: string) => Promise<void>;
+    /** Send a system/background message (not shown as user message, just triggers agent) */
+    sendSystemMessage: (text: string) => Promise<void>;
+    /** Get current messages */
+    getMessages: () => Message[];
+    /** Clear all messages */
+    clearMessages: () => void;
+}
+declare const Chat: react.ForwardRefExoticComponent<ChatProps & react.RefAttributes<ChatHandle>>;
 
 declare function Command({ agentId, command: initialCommand, context, autoExecute, allowInput, placeholder, submitButtonText, variant, useMock, planMode, onPlanModeChange, enableFileUpload, onStart, onProgress, onChunk, onComplete, onError, onFileUpload, onAction, loadingText, showProgress, enableStreaming, resultRenderer, className, }: CommandProps): react_jsx_runtime.JSX.Element;
 
@@ -474,4 +486,4 @@ declare const mockMessages: Message[];
 declare const mockThreads: Thread[];
 declare const mockWidgets: Widget[];
 
-export { type Action, type ActionEvent, AptevaClient, type AptevaClientConfig, type AptevaKitControl, Button, type ButtonGroupWidget, type ButtonWidget, Card, type CardWidget, type ChartWidget, Chat, type ChatMessage, type ChatProps, type ChatRequest, type ChatResponse, Command, type CommandProps, type CommandResult, type FormField, type FormWidget, type GalleryWidget, type ImageWidget, List, type ListItem, type ListWidget, type MapWidget, type Message, Prompt, type PromptProps, type SendMessageParams, Stream, type StreamChunk, type StreamProps, type SuggestedPrompt, type TableColumn, type TableWidget, type Thread, Threads, type ThreadsProps, type UseAptevaKitReturn, type Widget, Widgets, type WidgetsProps, aptevaClient, cn, getThemeScript, mockMessages, mockThreads, mockWidgets };
+export { type Action, type ActionEvent, AptevaClient, type AptevaClientConfig, type AptevaKitControl, Button, type ButtonGroupWidget, type ButtonWidget, Card, type CardWidget, type ChartWidget, Chat, type ChatHandle, type ChatMessage, type ChatProps, type ChatRequest, type ChatResponse, Command, type CommandProps, type CommandResult, type FormField, type FormWidget, type GalleryWidget, type ImageWidget, List, type ListItem, type ListWidget, type MapWidget, type Message, Prompt, type PromptProps, type SendMessageParams, Stream, type StreamChunk, type StreamProps, type SuggestedPrompt, type TableColumn, type TableWidget, type Thread, Threads, type ThreadsProps, type UseAptevaKitReturn, type Widget, Widgets, type WidgetsProps, aptevaClient, cn, getThemeScript, mockMessages, mockThreads, mockWidgets };

package/dist/index.js

@@ -2256,7 +2256,7 @@ var aptevaClient = new AptevaClient();
 
 // src/components/Chat/Chat.tsx
 
-function Chat({
+var Chat = _react.forwardRef.call(void 0, function Chat2({
   agentId,
   threadId,
   initialMessages = [],
@@ -2288,6 +2288,7 @@ function Chat({
   onFileUpload,
   onComplete,
   onError,
+  onToolCall,
   onToolResult,
   // UI
   placeholder,
@@ -2299,7 +2300,7 @@ function Chat({
   compactWidgetContext = false,
   onWidgetRender,
   className
-}) {
+}, ref) {
   const [messages, setMessages] = _react.useState.call(void 0, initialMessages);
   const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
   const [currentThreadId, setCurrentThreadId] = _react.useState.call(void 0, threadId || null);
@@ -2318,6 +2319,21 @@ function Chat({
   const [internalPlanMode, setInternalPlanMode] = _react.useState.call(void 0, planMode);
   const [showSettingsMenu, setShowSettingsMenu] = _react.useState.call(void 0, false);
   const fileInputRef = _react.useRef.call(void 0, null);
+  const handleSendMessageRef = _react.useRef.call(void 0, null);
+  _react.useImperativeHandle.call(void 0, ref, () => ({
+    sendMessage: async (text) => {
+      if (handleSendMessageRef.current) {
+        await handleSendMessageRef.current(text);
+      }
+    },
+    sendSystemMessage: async (text) => {
+      if (handleSendMessageRef.current) {
+        await handleSendMessageRef.current(text, void 0, true);
+      }
+    },
+    getMessages: () => messages,
+    clearMessages: () => setMessages([])
+  }), [messages]);
   const effectiveContext = _react.useMemo.call(void 0, () => {
     if (!enableWidgets) return context;
     const widgetContext = compactWidgetContext ? generateCompactWidgetContext(availableWidgets) : generateWidgetContext(availableWidgets);
@@ -2360,19 +2376,21 @@ ${widgetContext}` : widgetContext;
     }
   };
   const defaultPlaceholder = mode === "chat" ? "Type a message..." : "Enter your command...";
-  const handleSendMessage = async (text, files) => {
+  const handleSendMessage = async (text, files, isSystem) => {
     const hasFiles = files && files.length > 0;
     const fileNames = hasFiles ? files.map((f) => f.name) : [];
     const displayContent = hasFiles ? `${text}${text ? "\n" : ""}[Attached: ${fileNames.join(", ")}]` : text;
-    const userMessage = {
-      id: `msg-${Date.now()}`,
-      role: "user",
-      content: displayContent,
-      timestamp: /* @__PURE__ */ new Date(),
-      metadata: hasFiles ? { attachments: fileNames } : void 0
-    };
-    setMessages((prev) => [...prev, userMessage]);
-    _optionalChain([onMessageSent, 'optionalCall', _58 => _58(userMessage)]);
+    if (!isSystem) {
+      const userMessage = {
+        id: `msg-${Date.now()}`,
+        role: "user",
+        content: displayContent,
+        timestamp: /* @__PURE__ */ new Date(),
+        metadata: hasFiles ? { attachments: fileNames } : void 0
+      };
+      setMessages((prev) => [...prev, userMessage]);
+      _optionalChain([onMessageSent, 'optionalCall', _58 => _58(userMessage)]);
+    }
     setIsLoading(true);
     try {
       const messagePayload = await buildMessageWithAttachments(text, files);
@@ -2463,6 +2481,7 @@ ${widgetContext}` : widgetContext;
                   contentSegments.push({ type: "tool", id: chunk.tool_id, name: chunk.tool_name });
                   toolInputBuffer = "";
                   setChatToolName(chunk.tool_name);
+                  _optionalChain([onToolCall, 'optionalCall', _60 => _60(chunk.tool_name, chunk.tool_id)]);
                   updateMessage();
                 }
                 break;
@@ -2476,7 +2495,7 @@ ${widgetContext}` : widgetContext;
                   const toolSegment = contentSegments.find((s) => s.type === "tool" && s.id === chunk.tool_id);
                   if (toolSegment) {
                     toolSegment.result = chunk.content;
-                    _optionalChain([onToolResult, 'optionalCall', _60 => _60(toolSegment.name, chunk.content)]);
+                    _optionalChain([onToolResult, 'optionalCall', _61 => _61(toolSegment.name, chunk.content)]);
                   }
                   setChatToolName(null);
                   updateMessage();
@@ -2519,7 +2538,7 @@ ${widgetContext}` : widgetContext;
             });
             if (threadId2 && threadId2 !== currentThreadId) {
               setCurrentThreadId(threadId2);
-              _optionalChain([onThreadChange, 'optionalCall', _61 => _61(threadId2)]);
+              _optionalChain([onThreadChange, 'optionalCall', _62 => _62(threadId2)]);
             }
             setIsLoading(false);
             setCurrentRequestId(null);
@@ -2543,7 +2562,7 @@ ${widgetContext}` : widgetContext;
             setIsLoading(false);
             setCurrentRequestId(null);
             setChatToolName(null);
-            _optionalChain([onError, 'optionalCall', _62 => _62(error)]);
+            _optionalChain([onError, 'optionalCall', _63 => _63(error)]);
           }
         );
       }
@@ -2556,11 +2575,12 @@ ${widgetContext}` : widgetContext;
         metadata: { error: true }
       };
       setMessages((prev) => [...prev, errorMessage]);
-      _optionalChain([onError, 'optionalCall', _63 => _63(error instanceof Error ? error : new Error("Unknown error"))]);
+      _optionalChain([onError, 'optionalCall', _64 => _64(error instanceof Error ? error : new Error("Unknown error"))]);
     } finally {
       setIsLoading(false);
     }
   };
+  handleSendMessageRef.current = handleSendMessage;
   const executeCommand = async (commandOverride, files) => {
     const currentCommand = commandOverride || commandInput;
     if (!currentCommand.trim() && (!files || files.length === 0)) {
@@ -2601,7 +2621,7 @@ ${planningInstruction}` : planningInstruction;
           const error = err instanceof Error ? err : new Error("Failed to generate plan");
           setCommandError(error);
           setCommandState("error");
-          _optionalChain([onError, 'optionalCall', _64 => _64(error)]);
+          _optionalChain([onError, 'optionalCall', _65 => _65(error)]);
         }
       }
       return;
@@ -2634,12 +2654,12 @@ ${planningInstruction}` : planningInstruction;
               setCommandResult(result);
               setCommandState("success");
               setProgress(100);
-              _optionalChain([onComplete, 'optionalCall', _65 => _65(result)]);
+              _optionalChain([onComplete, 'optionalCall', _66 => _66(result)]);
             },
             (error) => {
               setCommandError(error);
               setCommandState("error");
-              _optionalChain([onError, 'optionalCall', _66 => _66(error)]);
+              _optionalChain([onError, 'optionalCall', _67 => _67(error)]);
             }
           );
         } else {
@@ -2652,7 +2672,7 @@ ${planningInstruction}` : planningInstruction;
           setCommandResult(result);
           setCommandState("success");
           setProgress(100);
-          _optionalChain([onComplete, 'optionalCall', _67 => _67(result)]);
+          _optionalChain([onComplete, 'optionalCall', _68 => _68(result)]);
         }
       } else {
         const commandInstruction = `CRITICAL COMMAND MODE: Maximum 10 words per response. Execute the command immediately. Make reasonable assumptions based on context. Use sensible defaults for missing details. DO NOT ask questions unless something is truly impossible without user input (e.g., missing required password). State what you're doing or the result. Examples: "Analyzing customer data from last quarter..." or "Created 5 new database entries successfully" or "Search complete: found 12 matching results". NO greetings, NO filler words, NO clarification requests. Action/result only.`;
@@ -2681,15 +2701,16 @@ ${commandInstruction}` : commandInstruction;
               } else if (chunk.type === "tool_call" && chunk.tool_name) {
                 lastToolName = chunk.tool_name;
                 setCurrentToolName(chunk.tool_name);
+                _optionalChain([onToolCall, 'optionalCall', _69 => _69(chunk.tool_name, chunk.tool_id || "")]);
                 accumulatedContent = "";
                 setStreamedContent("");
               } else if (chunk.type === "tool_result") {
-                _optionalChain([onToolResult, 'optionalCall', _68 => _68(lastToolName, chunk.content)]);
+                _optionalChain([onToolResult, 'optionalCall', _70 => _70(lastToolName, chunk.content)]);
                 setCurrentToolName(null);
               } else if (chunk.type === "thread_id" && chunk.thread_id) {
                 if (!currentThreadId) {
                   setCurrentThreadId(chunk.thread_id);
-                  _optionalChain([onThreadChange, 'optionalCall', _69 => _69(chunk.thread_id)]);
+                  _optionalChain([onThreadChange, 'optionalCall', _71 => _71(chunk.thread_id)]);
                 }
               } else if (chunk.type === "request_id" && chunk.request_id) {
                 setCurrentRequestId(chunk.request_id);
@@ -2705,13 +2726,13 @@ ${commandInstruction}` : commandInstruction;
               setCommandState("success");
               setProgress(100);
               setCurrentRequestId(null);
-              _optionalChain([onComplete, 'optionalCall', _70 => _70(result)]);
+              _optionalChain([onComplete, 'optionalCall', _72 => _72(result)]);
             },
             (error) => {
               setCommandError(error);
               setCommandState("error");
               setCurrentRequestId(null);
-              _optionalChain([onError, 'optionalCall', _71 => _71(error)]);
+              _optionalChain([onError, 'optionalCall', _73 => _73(error)]);
             }
           );
         } else {
@@ -2731,14 +2752,14 @@ ${commandInstruction}` : commandInstruction;
           setCommandResult(result);
           setCommandState("success");
           setProgress(100);
-          _optionalChain([onComplete, 'optionalCall', _72 => _72(result)]);
+          _optionalChain([onComplete, 'optionalCall', _74 => _74(result)]);
         }
       }
     } catch (err) {
       const error = err instanceof Error ? err : new Error("Unknown error");
       setCommandError(error);
       setCommandState("error");
-      _optionalChain([onError, 'optionalCall', _73 => _73(error)]);
+      _optionalChain([onError, 'optionalCall', _75 => _75(error)]);
     }
   };
   const resetCommand = () => {
@@ -2830,8 +2851,8 @@ ${planToExecute}`;
           executeCommand(text, files);
         },
         state: commandState,
-        response: _optionalChain([commandResult, 'optionalAccess', _74 => _74.data, 'optionalAccess', _75 => _75.summary]) || _optionalChain([commandResult, 'optionalAccess', _76 => _76.message]),
-        error: _optionalChain([commandError, 'optionalAccess', _77 => _77.message]),
+        response: _optionalChain([commandResult, 'optionalAccess', _76 => _76.data, 'optionalAccess', _77 => _77.summary]) || _optionalChain([commandResult, 'optionalAccess', _78 => _78.message]),
+        error: _optionalChain([commandError, 'optionalAccess', _79 => _79.message]),
         plan,
         streamedContent,
         toolName: currentToolName,
@@ -2858,7 +2879,7 @@ ${planToExecute}`;
         `
     } })
   ] });
-}
+});
 
 // src/components/Chat/CommandOutput.tsx
 
@@ -2999,13 +3020,13 @@ ${planningInstruction}` : planningInstruction;
             const error2 = err instanceof Error ? err : new Error("Failed to generate plan");
             setError(error2);
             setState("error");
-            _optionalChain([onError, 'optionalCall', _78 => _78(error2)]);
+            _optionalChain([onError, 'optionalCall', _80 => _80(error2)]);
           });
         } catch (err) {
           const error2 = err instanceof Error ? err : new Error("Failed to generate plan");
           setError(error2);
           setState("error");
-          _optionalChain([onError, 'optionalCall', _79 => _79(error2)]);
+          _optionalChain([onError, 'optionalCall', _81 => _81(error2)]);
         }
       }
       return;
@@ -3016,7 +3037,7 @@ ${planningInstruction}` : planningInstruction;
     setStreamedContent("");
     setCommand("");
     setUploadedFiles([]);
-    _optionalChain([onStart, 'optionalCall', _80 => _80()]);
+    _optionalChain([onStart, 'optionalCall', _82 => _82()]);
     try {
       if (useMock) {
         if (enableStreaming) {
@@ -3027,16 +3048,16 @@ ${planningInstruction}` : planningInstruction;
               if (chunk.type === "token" && chunk.content) {
                 accumulatedContent += chunk.content;
                 setStreamedContent(accumulatedContent);
-                _optionalChain([onChunk, 'optionalCall', _81 => _81(chunk.content)]);
+                _optionalChain([onChunk, 'optionalCall', _83 => _83(chunk.content)]);
                 const estimatedProgress = Math.min(Math.round(accumulatedContent.length / 10), 90);
                 setProgress(estimatedProgress);
-                _optionalChain([onProgress, 'optionalCall', _82 => _82(estimatedProgress)]);
+                _optionalChain([onProgress, 'optionalCall', _84 => _84(estimatedProgress)]);
               } else if (chunk.type === "widget" && chunk.widget) {
                 const widget = chunk.widget;
                 setResult((prev) => ({
                   success: true,
-                  data: _optionalChain([prev, 'optionalAccess', _83 => _83.data]) || {},
-                  widgets: [..._optionalChain([prev, 'optionalAccess', _84 => _84.widgets]) || [], widget],
+                  data: _optionalChain([prev, 'optionalAccess', _85 => _85.data]) || {},
+                  widgets: [..._optionalChain([prev, 'optionalAccess', _86 => _86.widgets]) || [], widget],
                   message: accumulatedContent || "Command executed successfully"
                 }));
               }
@@ -3056,19 +3077,19 @@ ${planningInstruction}` : planningInstruction;
               setResult(result2);
               setState("success");
               setProgress(100);
-              _optionalChain([onComplete, 'optionalCall', _85 => _85(result2)]);
+              _optionalChain([onComplete, 'optionalCall', _87 => _87(result2)]);
             },
             (error2) => {
               setError(error2);
               setState("error");
-              _optionalChain([onError, 'optionalCall', _86 => _86(error2)]);
+              _optionalChain([onError, 'optionalCall', _88 => _88(error2)]);
             }
           );
         } else {
           const progressInterval = setInterval(() => {
             setProgress((prev) => {
               const next = Math.min(prev + 10, 90);
-              _optionalChain([onProgress, 'optionalCall', _87 => _87(next)]);
+              _optionalChain([onProgress, 'optionalCall', _89 => _89(next)]);
               return next;
             });
           }, 200);
@@ -3092,7 +3113,7 @@ ${planningInstruction}` : planningInstruction;
           setResult(result2);
           setState("success");
           setProgress(100);
-          _optionalChain([onComplete, 'optionalCall', _88 => _88(result2)]);
+          _optionalChain([onComplete, 'optionalCall', _90 => _90(result2)]);
         }
       } else {
         if (enableStreaming) {
@@ -3138,16 +3159,16 @@ ${commandInstruction}` : commandInstruction;
               if (chunk.type === "token" && chunk.content) {
                 accumulatedContent += chunk.content;
                 setStreamedContent(accumulatedContent);
-                _optionalChain([onChunk, 'optionalCall', _89 => _89(chunk.content)]);
+                _optionalChain([onChunk, 'optionalCall', _91 => _91(chunk.content)]);
                 const estimatedProgress = Math.min(Math.round(accumulatedContent.length / 10), 90);
                 setProgress(estimatedProgress);
-                _optionalChain([onProgress, 'optionalCall', _90 => _90(estimatedProgress)]);
+                _optionalChain([onProgress, 'optionalCall', _92 => _92(estimatedProgress)]);
               } else if (chunk.type === "widget" && chunk.widget) {
                 const widget = chunk.widget;
                 setResult((prev) => ({
                   success: true,
-                  data: _optionalChain([prev, 'optionalAccess', _91 => _91.data]) || {},
-                  widgets: [..._optionalChain([prev, 'optionalAccess', _92 => _92.widgets]) || [], widget],
+                  data: _optionalChain([prev, 'optionalAccess', _93 => _93.data]) || {},
+                  widgets: [..._optionalChain([prev, 'optionalAccess', _94 => _94.widgets]) || [], widget],
                   message: accumulatedContent || "Command executed successfully"
                 }));
               }
@@ -3167,20 +3188,20 @@ ${commandInstruction}` : commandInstruction;
               setResult(result2);
               setState("success");
               setProgress(100);
-              _optionalChain([onComplete, 'optionalCall', _93 => _93(result2)]);
+              _optionalChain([onComplete, 'optionalCall', _95 => _95(result2)]);
             },
             (error2) => {
               const err = error2 instanceof Error ? error2 : new Error("Unknown error");
               setError(err);
               setState("error");
-              _optionalChain([onError, 'optionalCall', _94 => _94(err)]);
+              _optionalChain([onError, 'optionalCall', _96 => _96(err)]);
             }
           );
         } else {
           const progressInterval = setInterval(() => {
             setProgress((prev) => {
               const next = Math.min(prev + 10, 90);
-              _optionalChain([onProgress, 'optionalCall', _95 => _95(next)]);
+              _optionalChain([onProgress, 'optionalCall', _97 => _97(next)]);
               return next;
             });
           }, 200);
@@ -3236,14 +3257,14 @@ ${commandInstruction}` : commandInstruction;
           setResult(result2);
           setState("success");
           setProgress(100);
-          _optionalChain([onComplete, 'optionalCall', _96 => _96(result2)]);
+          _optionalChain([onComplete, 'optionalCall', _98 => _98(result2)]);
         }
       }
     } catch (err) {
       const error2 = err instanceof Error ? err : new Error("Unknown error");
       setError(error2);
       setState("error");
-      _optionalChain([onError, 'optionalCall', _97 => _97(error2)]);
+      _optionalChain([onError, 'optionalCall', _99 => _99(error2)]);
     }
   };
   const resetCommand = () => {
@@ -3276,14 +3297,14 @@ ${planToExecute}`;
   };
   const handleFileSelect = async (e) => {
     if (e.target.files && e.target.files.length > 0) {
-      _optionalChain([onFileUpload, 'optionalCall', _98 => _98(e.target.files)]);
+      _optionalChain([onFileUpload, 'optionalCall', _100 => _100(e.target.files)]);
       const files = [];
       for (let i = 0; i < e.target.files.length; i++) {
         const file = e.target.files[i];
         const reader = new FileReader();
         await new Promise((resolve) => {
           reader.onload = (event) => {
-            if (_optionalChain([event, 'access', _99 => _99.target, 'optionalAccess', _100 => _100.result])) {
+            if (_optionalChain([event, 'access', _101 => _101.target, 'optionalAccess', _102 => _102.result])) {
               const fullDataUrl = event.target.result;
               const base64Data = fullDataUrl.split(",")[1];
               if (file.type.startsWith("image/")) {
@@ -3377,7 +3398,7 @@ ${planToExecute}`;
               enableFileUpload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "button",
                 {
-                  onClick: () => _optionalChain([fileInputRef, 'access', _101 => _101.current, 'optionalAccess', _102 => _102.click, 'call', _103 => _103()]),
+                  onClick: () => _optionalChain([fileInputRef, 'access', _103 => _103.current, 'optionalAccess', _104 => _104.click, 'call', _105 => _105()]),
                   className: "w-8 h-8 rounded-lg flex items-center justify-center transition-all flex-shrink-0 !text-gray-500 dark:!text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800",
                   title: "Attach file",
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8.4 2.8L4.4 6.8C3.736 7.464 3.736 8.536 4.4 9.2C5.064 9.864 6.136 9.864 6.8 9.2L11.6 4.4C12.704 3.296 12.704 1.504 11.6 0.4C10.496 -0.704 8.704 -0.704 7.6 0.4L2.8 5.2C1.256 6.744 1.256 9.256 2.8 10.8C4.344 12.344 6.856 12.344 8.4 10.8L12.4 6.8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(1.6, 2.4)" }) })
@@ -3596,7 +3617,7 @@ ${planToExecute}`;
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-5 h-5 text-red-600 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-sm font-semibold text-red-800 dark:text-red-400", children: "Error" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-red-700 dark:text-red-300 text-sm mt-1", children: _optionalChain([error, 'optionalAccess', _104 => _104.message]) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-red-700 dark:text-red-300 text-sm mt-1", children: _optionalChain([error, 'optionalAccess', _106 => _106.message]) })
               ] })
             ] }) }),
             allowInput && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3624,7 +3645,7 @@ ${planToExecute}`;
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-green-700 dark:text-green-300 text-sm", children: "Command executed successfully" })
               ] })
             ] }),
-            _optionalChain([result, 'access', _105 => _105.data, 'optionalAccess', _106 => _106.summary]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-gray-700 dark:text-gray-300 text-sm leading-relaxed whitespace-pre-line", children: result.data.summary }),
+            _optionalChain([result, 'access', _107 => _107.data, 'optionalAccess', _108 => _108.summary]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-gray-700 dark:text-gray-300 text-sm leading-relaxed whitespace-pre-line", children: result.data.summary }),
             result.widgets && result.widgets.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: result.widgets.map((widget) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               WidgetRenderer,
               {
@@ -3675,7 +3696,7 @@ ${planToExecute}`;
             enableFileUpload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
-                onClick: () => _optionalChain([fileInputRef, 'access', _107 => _107.current, 'optionalAccess', _108 => _108.click, 'call', _109 => _109()]),
+                onClick: () => _optionalChain([fileInputRef, 'access', _109 => _109.current, 'optionalAccess', _110 => _110.click, 'call', _111 => _111()]),
                 className: "w-8 h-8 rounded-lg flex items-center justify-center transition-all flex-shrink-0 !text-gray-500 dark:!text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800",
                 title: "Attach file",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8.4 2.8L4.4 6.8C3.736 7.464 3.736 8.536 4.4 9.2C5.064 9.864 6.136 9.864 6.8 9.2L11.6 4.4C12.704 3.296 12.704 1.504 11.6 0.4C10.496 -0.704 8.704 -0.704 7.6 0.4L2.8 5.2C1.256 6.744 1.256 9.256 2.8 10.8C4.344 12.344 6.856 12.344 8.4 10.8L12.4 6.8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(1.6, 2.4)" }) })
@@ -3861,25 +3882,25 @@ function Prompt({
     const newValue = e.target.value;
     if (!maxLength || newValue.length <= maxLength) {
       setValue(newValue);
-      _optionalChain([onChange, 'optionalCall', _110 => _110(newValue)]);
+      _optionalChain([onChange, 'optionalCall', _112 => _112(newValue)]);
     }
   };
   const handleSubmit = async () => {
     if (value.length < minLength) return;
-    _optionalChain([onSubmit, 'optionalCall', _111 => _111(value)]);
+    _optionalChain([onSubmit, 'optionalCall', _113 => _113(value)]);
     setIsLoading(true);
     try {
       if (useMock) {
         await new Promise((resolve) => setTimeout(resolve, 1500));
         const mockResult = `Enhanced version: ${value} [AI-generated content]`;
-        _optionalChain([onResult, 'optionalCall', _112 => _112(mockResult)]);
+        _optionalChain([onResult, 'optionalCall', _114 => _114(mockResult)]);
         setValue("");
       } else {
         const response = await aptevaClient.chat({
           agent_id: agentId,
           message: value
         });
-        _optionalChain([onResult, 'optionalCall', _113 => _113(response.message)]);
+        _optionalChain([onResult, 'optionalCall', _115 => _115(response.message)]);
         setValue("");
       }
     } catch (error) {
@@ -3974,7 +3995,7 @@ function Stream({
   }, [autoStart]);
   const startStreaming = async () => {
     setIsStreaming(true);
-    _optionalChain([onStart, 'optionalCall', _114 => _114()]);
+    _optionalChain([onStart, 'optionalCall', _116 => _116()]);
     try {
       if (useMock) {
         const mockText = "This is a simulated streaming response from the AI agent. In a real implementation, this would stream data from your backend API. The text appears word by word to simulate the streaming effect. You can customize the typing speed and styling based on your needs.";
@@ -3982,13 +4003,13 @@ function Stream({
           mockText,
           (chunk) => {
             setText((prev) => prev + chunk);
-            _optionalChain([onChunk, 'optionalCall', _115 => _115(chunk)]);
+            _optionalChain([onChunk, 'optionalCall', _117 => _117(chunk)]);
           },
           typingSpeed
         );
         setIsComplete(true);
         setIsStreaming(false);
-        _optionalChain([onComplete, 'optionalCall', _116 => _116(text + mockText)]);
+        _optionalChain([onComplete, 'optionalCall', _118 => _118(text + mockText)]);
       } else {
         let accumulatedText = "";
         await aptevaClient.chatStream(
@@ -4001,24 +4022,24 @@ function Stream({
             if (chunk.type === "token" && chunk.content) {
               accumulatedText += chunk.content;
               setText(accumulatedText);
-              _optionalChain([onChunk, 'optionalCall', _117 => _117(chunk.content)]);
+              _optionalChain([onChunk, 'optionalCall', _119 => _119(chunk.content)]);
             }
           },
           () => {
             setIsComplete(true);
             setIsStreaming(false);
-            _optionalChain([onComplete, 'optionalCall', _118 => _118(accumulatedText)]);
+            _optionalChain([onComplete, 'optionalCall', _120 => _120(accumulatedText)]);
           },
           (error) => {
             const err = error instanceof Error ? error : new Error("Streaming error");
-            _optionalChain([onError, 'optionalCall', _119 => _119(err)]);
+            _optionalChain([onError, 'optionalCall', _121 => _121(err)]);
             setIsStreaming(false);
           }
         );
       }
     } catch (error) {
       const err = error instanceof Error ? error : new Error("Streaming error");
-      _optionalChain([onError, 'optionalCall', _120 => _120(err)]);
+      _optionalChain([onError, 'optionalCall', _122 => _122(err)]);
       setIsStreaming(false);
     }
   };
@@ -4110,7 +4131,7 @@ function ThreadList({
 }) {
   const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
   const filteredThreads = threads.filter(
-    (thread) => thread.title.toLowerCase().includes(searchQuery.toLowerCase()) || _optionalChain([thread, 'access', _121 => _121.preview, 'optionalAccess', _122 => _122.toLowerCase, 'call', _123 => _123(), 'access', _124 => _124.includes, 'call', _125 => _125(searchQuery.toLowerCase())])
+    (thread) => thread.title.toLowerCase().includes(searchQuery.toLowerCase()) || _optionalChain([thread, 'access', _123 => _123.preview, 'optionalAccess', _124 => _124.toLowerCase, 'call', _125 => _125(), 'access', _126 => _126.includes, 'call', _127 => _127(searchQuery.toLowerCase())])
   );
   const groupedThreads = groupBy === "date" ? groupThreadsByDate(filteredThreads) : { All: filteredThreads };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col h-full", children: [
@@ -4132,8 +4153,8 @@ function ThreadList({
           {
             thread,
             isActive: thread.id === currentThreadId,
-            onSelect: () => _optionalChain([onThreadSelect, 'optionalCall', _126 => _126(thread.id)]),
-            onDelete: () => _optionalChain([onThreadDelete, 'optionalCall', _127 => _127(thread.id)])
+            onSelect: () => _optionalChain([onThreadSelect, 'optionalCall', _128 => _128(thread.id)]),
+            onDelete: () => _optionalChain([onThreadDelete, 'optionalCall', _129 => _129(thread.id)])
           },
           thread.id
         ))
@@ -4195,7 +4216,7 @@ function Threads({
       threads.slice(0, 5).map((thread) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
-          onClick: () => _optionalChain([onThreadSelect, 'optionalCall', _128 => _128(thread.id)]),
+          onClick: () => _optionalChain([onThreadSelect, 'optionalCall', _130 => _130(thread.id)]),
           className: cn(
             "px-4 py-2 whitespace-nowrap font-medium transition-colors",
             thread.id === currentThreadId ? "border-b-2 border-apteva-500 text-apteva-500" : "text-gray-600 hover:text-gray-900"