@copilotkit/react-ui 1.10.4-next.1 → 1.10.4-next.3

package/dist/components/chat/Sidebar.mjs

@@ -1,7 +1,7 @@
 import {
   CopilotSidebar
-} from "../../chunk-FWQRAZ5S.mjs";
-import "../../chunk-SHPG2T4O.mjs";
+} from "../../chunk-53C3S7R3.mjs";
+import "../../chunk-AUCJZBT5.mjs";
 import "../../chunk-C3GSYRC3.mjs";
 import "../../chunk-GDSZGYCE.mjs";
 import "../../chunk-V7W6IM2V.mjs";
@@ -12,14 +12,14 @@ import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-NRA3CFEE.mjs";
 import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-UFN2VWSR.mjs";
-import "../../chunk-EL7NCWNZ.mjs";
+import "../../chunk-WOYNUDPM.mjs";
 import "../../chunk-226ZMOE3.mjs";
 import "../../chunk-W26XFBEG.mjs";
 import "../../chunk-PLHTVHUW.mjs";
 import "../../chunk-DTRPPNSA.mjs";
 import "../../chunk-CGEAG65D.mjs";
 import "../../chunk-QIOJXTIQ.mjs";
-import "../../chunk-X5AO5A3L.mjs";
+import "../../chunk-EELILZTD.mjs";
 import "../../chunk-YO63WHVQ.mjs";
 import "../../chunk-LJAYSRCB.mjs";
 import "../../chunk-X477GDGZ.mjs";

package/dist/components/chat/index.d.ts

@@ -1,4 +1,4 @@
-export { AssistantMessageProps, ButtonProps, ComponentsMap, CopilotObservabilityHooks, HeaderProps, ImageRendererProps, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './props.js';
+export { AssistantMessageProps, ButtonProps, ChatError, ComponentsMap, CopilotObservabilityHooks, ErrorMessageProps, HeaderProps, ImageRendererProps, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './props.js';
 export { CopilotPopup } from './Popup.js';
 export { CopilotSidebar } from './Sidebar.js';
 export { CopilotChat } from './Chat.js';
@@ -16,7 +16,7 @@ import 'react/jsx-runtime';
 import './Modal.js';
 import '@copilotkit/react-core/dist/types/coagent-state';
 import '@copilotkit/react-core/dist/hooks/use-tree';
-import '@copilotkit/react-core/dist/copilot-context-256f9020';
+import '@copilotkit/react-core/dist/copilot-context-59740e82';
 import '@copilotkit/react-core/dist/types/coagent-action';
 import '@copilotkit/react-core';
 import '@copilotkit/runtime-client-gql';

package/dist/components/chat/index.js

@@ -1881,12 +1881,14 @@ var Messages = ({
   RenderMessage: RenderMessage2,
   AssistantMessage: AssistantMessage2,
   UserMessage: UserMessage2,
+  ErrorMessage,
   ImageRenderer: ImageRenderer2,
   onRegenerate,
   onCopy,
   onThumbsUp,
   onThumbsDown,
   markdownTagRenderers,
+  chatError,
   // Legacy props
   RenderTextMessage,
   RenderActionExecutionMessage,
@@ -1947,7 +1949,8 @@ var Messages = ({
           index
         );
       }),
-      interrupt
+      interrupt,
+      chatError && ErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorMessage, { error: chatError, isCurrentMessage: true })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("footer", { className: "copilotKitMessagesFooter", ref: messagesEndRef, children })
   ] });
@@ -2479,11 +2482,13 @@ function CopilotChat({
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage,
   ImageRenderer: ImageRenderer2 = ImageRenderer,
+  ErrorMessage,
   imageUploadsEnabled,
   inputFileAccept = "image/*",
   hideStopButton,
   observabilityHooks,
   renderError,
+  onError,
   // Legacy props - deprecated
   RenderTextMessage,
   RenderActionExecutionMessage,
@@ -2491,7 +2496,14 @@ function CopilotChat({
   RenderResultMessage,
   RenderImageMessage
 }) {
-  const { additionalInstructions, setChatInstructions, copilotApiConfig, setBannerError } = (0, import_react_core9.useCopilotContext)();
+  const {
+    additionalInstructions,
+    setChatInstructions,
+    copilotApiConfig,
+    setBannerError,
+    setInternalErrorHandler,
+    removeInternalErrorHandler
+  } = (0, import_react_core9.useCopilotContext)();
   const { publicApiKey, chatApiEndpoint } = copilotApiConfig;
   const [selectedImages, setSelectedImages] = (0, import_react14.useState)([]);
   const [chatError, setChatError] = (0, import_react14.useState)(null);
@@ -2523,25 +2535,28 @@ function CopilotChat({
         operation,
         timestamp: Date.now()
       });
-      if (publicApiKey && (observabilityHooks == null ? void 0 : observabilityHooks.onError)) {
-        const errorEvent = {
-          type: "error",
-          timestamp: Date.now(),
-          context: {
-            source: "ui",
-            request: {
-              operation,
-              url: chatApiEndpoint,
-              startTime: Date.now()
-            },
-            technical: {
-              environment: "browser",
-              userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
-              stackTrace: originalError instanceof Error ? originalError.stack : void 0
-            }
+      const errorEvent = {
+        type: "error",
+        timestamp: Date.now(),
+        context: {
+          source: "ui",
+          request: {
+            operation,
+            url: chatApiEndpoint,
+            startTime: Date.now()
           },
-          error
-        };
+          technical: {
+            environment: "browser",
+            userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
+            stackTrace: originalError instanceof Error ? originalError.stack : void 0
+          }
+        },
+        error
+      };
+      if (onError) {
+        onError(errorEvent);
+      }
+      if (publicApiKey && (observabilityHooks == null ? void 0 : observabilityHooks.onError)) {
         observabilityHooks.onError(errorEvent);
       }
       if ((observabilityHooks == null ? void 0 : observabilityHooks.onError) && !publicApiKey) {
@@ -2558,6 +2573,19 @@ function CopilotChat({
     },
     [publicApiKey, chatApiEndpoint, observabilityHooks, setBannerError]
   );
+  (0, import_react14.useEffect)(() => {
+    const id = "chat-component";
+    setInternalErrorHandler({
+      [id]: (error) => {
+        if (!error)
+          return;
+        triggerChatError(error.error, "sendMessage");
+      }
+    });
+    return () => {
+      removeInternalErrorHandler == null ? void 0 : removeInternalErrorHandler(id);
+    };
+  }, [triggerChatError, setInternalErrorHandler, removeInternalErrorHandler]);
   (0, import_react14.useEffect)(() => {
     if (!imageUploadsEnabled)
       return;
@@ -2735,6 +2763,8 @@ function CopilotChat({
         onThumbsDown: handleThumbsDown,
         markdownTagRenderers,
         ImageRenderer: ImageRenderer2,
+        ErrorMessage,
+        chatError,
         RenderTextMessage,
         RenderActionExecutionMessage,
         RenderAgentStateMessage,