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

package/dist/components/index.mjs

@@ -2,12 +2,12 @@ import "../chunk-MMVDU6DF.mjs";
 import "../chunk-SC6JRFAJ.mjs";
 import {
   CopilotSidebar
-} from "../chunk-FWQRAZ5S.mjs";
+} from "../chunk-53C3S7R3.mjs";
 import "../chunk-WB3YULQ4.mjs";
 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";
@@ -24,7 +24,7 @@ import "../chunk-BH6PCAAL.mjs";
 import "../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../chunk-EL7NCWNZ.mjs";
+} from "../chunk-WOYNUDPM.mjs";
 import {
   Suggestions
 } from "../chunk-226ZMOE3.mjs";
@@ -35,7 +35,7 @@ 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 {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { AssistantMessageProps, ButtonProps, ComponentsMap, CopilotObservabilityHooks, HeaderProps, ImageRendererProps, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './components/chat/props.js';
+export { AssistantMessageProps, ButtonProps, ChatError, ComponentsMap, CopilotObservabilityHooks, ErrorMessageProps, HeaderProps, ImageRendererProps, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './components/chat/props.js';
 export { CopilotPopup } from './components/chat/Popup.js';
 export { CopilotSidebar } from './components/chat/Sidebar.js';
 export { CopilotChat } from './components/chat/Chat.js';
@@ -20,7 +20,7 @@ import 'react/jsx-runtime';
 import './components/chat/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/runtime-client-gql';
 import 'react-markdown';

package/dist/index.js

@@ -1885,12 +1885,14 @@ var Messages = ({
   RenderMessage: RenderMessage2,
   AssistantMessage: AssistantMessage2,
   UserMessage: UserMessage2,
+  ErrorMessage,
   ImageRenderer: ImageRenderer2,
   onRegenerate,
   onCopy,
   onThumbsUp,
   onThumbsDown,
   markdownTagRenderers,
+  chatError,
   // Legacy props
   RenderTextMessage,
   RenderActionExecutionMessage,
@@ -1951,7 +1953,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 })
   ] });
@@ -2483,11 +2486,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,
@@ -2495,7 +2500,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);
@@ -2527,25 +2539,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) {
@@ -2562,6 +2577,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;
@@ -2739,6 +2767,8 @@ function CopilotChat({
         onThumbsDown: handleThumbsDown,
         markdownTagRenderers,
         ImageRenderer: ImageRenderer2,
+        ErrorMessage,
+        chatError,
         RenderTextMessage,
         RenderActionExecutionMessage,
         RenderAgentStateMessage,