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

package/dist/components/chat/Popup.mjs

@@ -1,7 +1,7 @@
 import {
   CopilotPopup
-} from "../../chunk-7XIE7UOW.mjs";
-import "../../chunk-SHPG2T4O.mjs";
+} from "../../chunk-73V4ZLAN.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/Sidebar.d.ts

@@ -7,7 +7,7 @@ import '../../types/suggestions.js';
 import './Chat.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/Sidebar.js

@@ -1873,12 +1873,14 @@ var Messages = ({
   RenderMessage: RenderMessage2,
   AssistantMessage: AssistantMessage2,
   UserMessage: UserMessage2,
+  ErrorMessage,
   ImageRenderer: ImageRenderer2,
   onRegenerate,
   onCopy,
   onThumbsUp,
   onThumbsDown,
   markdownTagRenderers,
+  chatError,
   // Legacy props
   RenderTextMessage,
   RenderActionExecutionMessage,
@@ -1939,7 +1941,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 })
   ] });
@@ -2471,11 +2474,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,
@@ -2483,7 +2488,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);
@@ -2515,25 +2527,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) {
@@ -2550,6 +2565,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;
@@ -2727,6 +2755,8 @@ function CopilotChat({
         onThumbsDown: handleThumbsDown,
         markdownTagRenderers,
         ImageRenderer: ImageRenderer2,
+        ErrorMessage,
+        chatError,
         RenderTextMessage,
         RenderActionExecutionMessage,
         RenderAgentStateMessage,