@copilotkit/react-core 1.9.2-next.3 → 1.9.2-next.4

package/dist/components/copilot-provider/index.mjs

@@ -1,9 +1,9 @@
 import {
   CopilotKit,
   defaultCopilotContextCategories
-} from "../../chunk-3XXVDQ7Z.mjs";
+} from "../../chunk-RN3ZRHI7.mjs";
 import "../../chunk-QQZLIEXK.mjs";
-import "../../chunk-QRGDQSGZ.mjs";
+import "../../chunk-VJCHRQ7Q.mjs";
 import "../../chunk-5FHSUKQL.mjs";
 import "../../chunk-RKTVJRK7.mjs";
 import "../../chunk-PMAFHQ7P.mjs";
@@ -11,10 +11,10 @@ import "../../chunk-HD2GE3DK.mjs";
 import "../../chunk-DCTJZ742.mjs";
 import "../../chunk-CCESTGAM.mjs";
 import "../../chunk-O7ARI5CV.mjs";
-import "../../chunk-RUY6MLHA.mjs";
+import "../../chunk-ISYBUDL4.mjs";
 import "../../chunk-GFJW4RIM.mjs";
 import "../../chunk-VRXANACV.mjs";
-import "../../chunk-6KGEF242.mjs";
+import "../../chunk-XFOTNHYA.mjs";
 import "../../chunk-SKC7AJIV.mjs";
 export {
   CopilotKit,

package/dist/components/index.d.ts

@@ -3,7 +3,7 @@ export { CopilotKitProps } from './copilot-provider/copilotkit-props.js';
 import 'react/jsx-runtime';
 import '@copilotkit/runtime-client-gql';
 import 'react';
-import '../copilot-context-f9b2b4c3.js';
+import '../copilot-context-3da805ab.js';
 import '@copilotkit/shared';
 import '../types/frontend-action.js';
 import '../hooks/use-tree.js';

package/dist/components/index.js

@@ -161,7 +161,8 @@ var emptyCopilotContext = {
   },
   langGraphInterruptAction: null,
   setLangGraphInterruptAction: () => null,
-  removeLangGraphInterruptAction: () => null
+  removeLangGraphInterruptAction: () => null,
+  onTrace: void 0
 };
 var CopilotContext = import_react.default.createContext(emptyCopilotContext);
 function useCopilotContext() {
@@ -795,8 +796,35 @@ var import_react7 = require("react");
 var import_shared5 = require("@copilotkit/shared");
 var useCopilotRuntimeClient = (options) => {
   const { setBannerError } = useToast();
-  const _a = options, { showDevConsole } = _a, runtimeOptions = __objRest(_a, ["showDevConsole"]);
+  const _a = options, { showDevConsole, onTrace } = _a, runtimeOptions = __objRest(_a, ["showDevConsole", "onTrace"]);
   const lastStructuredErrorRef = (0, import_react7.useRef)(null);
+  const traceUIError = (error, originalError) => __async(void 0, null, function* () {
+    if (!onTrace || !runtimeOptions.publicApiKey)
+      return;
+    try {
+      const traceEvent = {
+        type: "error",
+        timestamp: Date.now(),
+        context: {
+          source: "ui",
+          request: {
+            operation: "runtimeClient",
+            url: runtimeOptions.url,
+            startTime: Date.now()
+          },
+          technical: {
+            environment: process.env.NODE_ENV,
+            userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
+            stackTrace: originalError instanceof Error ? originalError.stack : void 0
+          }
+        },
+        error
+      };
+      yield onTrace(traceEvent);
+    } catch (traceError) {
+      console.error("Error in onTrace handler:", traceError);
+    }
+  });
   const runtimeClient = (0, import_react7.useMemo)(() => {
     return new import_runtime_client_gql2.CopilotRuntimeClient(__spreadProps(__spreadValues({}, runtimeOptions), {
       handleGQLErrors: (error) => {
@@ -824,12 +852,14 @@ var useCopilotRuntimeClient = (options) => {
             const ckError = createStructuredError(gqlError);
             if (ckError) {
               setBannerError(ckError);
+              traceUIError(ckError, gqlError);
             } else {
               const fallbackError = new import_shared5.CopilotKitError({
                 message: gqlError.message,
                 code: import_shared5.CopilotKitErrorCode.UNKNOWN
               });
               setBannerError(fallbackError);
+              traceUIError(fallbackError, gqlError);
             }
           };
           graphQLErrors.forEach(routeError);
@@ -843,6 +873,7 @@ var useCopilotRuntimeClient = (options) => {
               code: import_shared5.CopilotKitErrorCode.UNKNOWN
             });
             setBannerError(fallbackError);
+            traceUIError(fallbackError, error);
           }
         }
       },
@@ -855,7 +886,7 @@ var useCopilotRuntimeClient = (options) => {
         setBannerError(warningError);
       }
     }));
-  }, [runtimeOptions, setBannerError, showDevConsole]);
+  }, [runtimeOptions, setBannerError, showDevConsole, onTrace]);
   return runtimeClient;
 };
 function createStructuredError(gqlError) {
@@ -1635,7 +1666,8 @@ ${nonDocumentStrings}`;
     publicApiKey: copilotApiConfig.publicApiKey,
     headers,
     credentials: copilotApiConfig.credentials,
-    showDevConsole: (_b = props.showDevConsole) != null ? _b : false
+    showDevConsole: (_b = props.showDevConsole) != null ? _b : false,
+    onTrace: props.onTrace
   });
   const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react10.useState)({});
   const addChatSuggestionConfiguration = (id, suggestion) => {
@@ -1778,7 +1810,8 @@ ${nonDocumentStrings}`;
         setExtensions,
         langGraphInterruptAction,
         setLangGraphInterruptAction,
-        removeLangGraphInterruptAction
+        removeLangGraphInterruptAction,
+        onTrace: props.onTrace
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotMessages, { children: memoizedChildren })
     }