@copilotkit/react-core 1.9.2-next.8 → 1.9.2-next.9

package/dist/index.mjs

@@ -4,38 +4,38 @@ import "./chunk-6YOKPWQ7.mjs";
 import "./chunk-LUGEI4YQ.mjs";
 import {
   CopilotTask
-} from "./chunk-7G6RR4HE.mjs";
+} from "./chunk-FXK6RQIN.mjs";
 import "./chunk-CQPYJIBH.mjs";
 import {
   useLangGraphInterruptRender
 } from "./chunk-CMQV4XNY.mjs";
 import {
   useLangGraphInterrupt
-} from "./chunk-VF6UPRKM.mjs";
+} from "./chunk-OF4SZTLL.mjs";
 import {
   useMakeCopilotDocumentReadable
 } from "./chunk-ERXWDCY6.mjs";
 import {
   useCoAgentStateRender
-} from "./chunk-T4ZKC4X4.mjs";
+} from "./chunk-3YHYWAHK.mjs";
 import {
   runAgent,
   startAgent,
   stopAgent,
   useCoAgent
-} from "./chunk-ZHEEHGLS.mjs";
+} from "./chunk-ADIITPD2.mjs";
 import {
   useCopilotAdditionalInstructions
 } from "./chunk-JPMIAGI6.mjs";
 import {
   useCopilotAuthenticatedAction_c
-} from "./chunk-S4BOATBG.mjs";
+} from "./chunk-EF5BNM34.mjs";
 import {
   useCopilotAction
-} from "./chunk-JHIZ5HAI.mjs";
+} from "./chunk-NQVCZQ5T.mjs";
 import {
   useCopilotChat
-} from "./chunk-I4JPQECN.mjs";
+} from "./chunk-EXU7GWLC.mjs";
 import {
   useCopilotReadable
 } from "./chunk-UBNRUXEK.mjs";
@@ -43,29 +43,29 @@ import {
   CopilotKit,
   defaultCopilotContextCategories,
   extract
-} from "./chunk-RN3ZRHI7.mjs";
-import "./chunk-QQZLIEXK.mjs";
-import "./chunk-VJCHRQ7Q.mjs";
+} from "./chunk-WOGURSAL.mjs";
+import "./chunk-SJJNFYGQ.mjs";
+import "./chunk-JDEWNLNP.mjs";
 import "./chunk-5FHSUKQL.mjs";
 import "./chunk-RKTVJRK7.mjs";
 import "./chunk-PMAFHQ7P.mjs";
-import "./chunk-HD2GE3DK.mjs";
+import "./chunk-57K2ZJ5F.mjs";
 import "./chunk-YPSGKPDA.mjs";
 import {
   CopilotMessagesContext,
   useCopilotMessagesContext
 } from "./chunk-DCTJZ742.mjs";
-import "./chunk-JXF732XG.mjs";
+import "./chunk-G7LYGERN.mjs";
 import "./chunk-4CEQJ2X6.mjs";
-import "./chunk-CCESTGAM.mjs";
+import "./chunk-3OQM3NEK.mjs";
 import "./chunk-O7ARI5CV.mjs";
 import {
   useCopilotRuntimeClient
-} from "./chunk-ISYBUDL4.mjs";
+} from "./chunk-55QZ2SVJ.mjs";
 import {
   shouldShowDevConsole
 } from "./chunk-GFJW4RIM.mjs";
-import "./chunk-VRXANACV.mjs";
+import "./chunk-YAF2LATQ.mjs";
 import {
   CopilotContext,
   useCopilotContext

package/dist/lib/copilot-task.mjs

@@ -1,20 +1,20 @@
 import {
   CopilotTask
-} from "../chunk-7G6RR4HE.mjs";
-import "../chunk-RN3ZRHI7.mjs";
-import "../chunk-QQZLIEXK.mjs";
-import "../chunk-VJCHRQ7Q.mjs";
+} from "../chunk-FXK6RQIN.mjs";
+import "../chunk-WOGURSAL.mjs";
+import "../chunk-SJJNFYGQ.mjs";
+import "../chunk-JDEWNLNP.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
 import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-HD2GE3DK.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DCTJZ742.mjs";
 import "../chunk-4CEQJ2X6.mjs";
-import "../chunk-CCESTGAM.mjs";
+import "../chunk-3OQM3NEK.mjs";
 import "../chunk-O7ARI5CV.mjs";
-import "../chunk-ISYBUDL4.mjs";
+import "../chunk-55QZ2SVJ.mjs";
 import "../chunk-GFJW4RIM.mjs";
-import "../chunk-VRXANACV.mjs";
+import "../chunk-YAF2LATQ.mjs";
 import "../chunk-XFOTNHYA.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {

package/dist/lib/index.mjs

@@ -1,21 +1,21 @@
 import "../chunk-LUGEI4YQ.mjs";
 import {
   CopilotTask
-} from "../chunk-7G6RR4HE.mjs";
-import "../chunk-RN3ZRHI7.mjs";
-import "../chunk-QQZLIEXK.mjs";
-import "../chunk-VJCHRQ7Q.mjs";
+} from "../chunk-FXK6RQIN.mjs";
+import "../chunk-WOGURSAL.mjs";
+import "../chunk-SJJNFYGQ.mjs";
+import "../chunk-JDEWNLNP.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
 import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-HD2GE3DK.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DCTJZ742.mjs";
 import "../chunk-4CEQJ2X6.mjs";
-import "../chunk-CCESTGAM.mjs";
+import "../chunk-3OQM3NEK.mjs";
 import "../chunk-O7ARI5CV.mjs";
-import "../chunk-ISYBUDL4.mjs";
+import "../chunk-55QZ2SVJ.mjs";
 import "../chunk-GFJW4RIM.mjs";
-import "../chunk-VRXANACV.mjs";
+import "../chunk-YAF2LATQ.mjs";
 import "../chunk-XFOTNHYA.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {

package/dist/utils/extract.mjs

@@ -1,18 +1,18 @@
 import {
   extract
-} from "../chunk-RN3ZRHI7.mjs";
-import "../chunk-QQZLIEXK.mjs";
-import "../chunk-VJCHRQ7Q.mjs";
+} from "../chunk-WOGURSAL.mjs";
+import "../chunk-SJJNFYGQ.mjs";
+import "../chunk-JDEWNLNP.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
 import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-HD2GE3DK.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DCTJZ742.mjs";
-import "../chunk-CCESTGAM.mjs";
+import "../chunk-3OQM3NEK.mjs";
 import "../chunk-O7ARI5CV.mjs";
-import "../chunk-ISYBUDL4.mjs";
+import "../chunk-55QZ2SVJ.mjs";
 import "../chunk-GFJW4RIM.mjs";
-import "../chunk-VRXANACV.mjs";
+import "../chunk-YAF2LATQ.mjs";
 import "../chunk-XFOTNHYA.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {

package/dist/utils/index.mjs

@@ -1,20 +1,20 @@
 import {
   extract
-} from "../chunk-RN3ZRHI7.mjs";
-import "../chunk-QQZLIEXK.mjs";
-import "../chunk-VJCHRQ7Q.mjs";
+} from "../chunk-WOGURSAL.mjs";
+import "../chunk-SJJNFYGQ.mjs";
+import "../chunk-JDEWNLNP.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
 import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-HD2GE3DK.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DCTJZ742.mjs";
-import "../chunk-CCESTGAM.mjs";
+import "../chunk-3OQM3NEK.mjs";
 import "../chunk-O7ARI5CV.mjs";
-import "../chunk-ISYBUDL4.mjs";
+import "../chunk-55QZ2SVJ.mjs";
 import {
   shouldShowDevConsole
 } from "../chunk-GFJW4RIM.mjs";
-import "../chunk-VRXANACV.mjs";
+import "../chunk-YAF2LATQ.mjs";
 import "../chunk-XFOTNHYA.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.9.2-next.8",
+  "version": "1.9.2-next.9",
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -44,8 +44,8 @@
     "@scarf/scarf": "^1.3.0",
     "react-markdown": "^8.0.7",
     "untruncate-json": "^0.0.1",
-    "@copilotkit/runtime-client-gql": "1.9.2-next.8",
-    "@copilotkit/shared": "1.9.2-next.8"
+    "@copilotkit/runtime-client-gql": "1.9.2-next.9",
+    "@copilotkit/shared": "1.9.2-next.9"
   },
   "keywords": [
     "copilotkit",

package/src/components/copilot-provider/copilot-messages.tsx

@@ -75,9 +75,43 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
   const lastLoadedAgentName = useRef<string>();
   const lastLoadedMessages = useRef<string>();
 
-  const { threadId, agentSession, runtimeClient, showDevConsole } = useCopilotContext();
+  const { threadId, agentSession, runtimeClient, showDevConsole, onTrace, copilotApiConfig } =
+    useCopilotContext();
   const { setBannerError } = useToast();
 
+  // Helper function to trace UI errors (similar to useCopilotRuntimeClient)
+  const traceUIError = useCallback(
+    async (error: CopilotKitError, originalError?: any) => {
+      // Just check if onTrace and publicApiKey are defined
+      if (!onTrace || !copilotApiConfig.publicApiKey) return;
+
+      try {
+        const traceEvent = {
+          type: "error" as const,
+          timestamp: Date.now(),
+          context: {
+            source: "ui" as const,
+            request: {
+              operation: "loadAgentState",
+              url: copilotApiConfig.chatApiEndpoint,
+              startTime: Date.now(),
+            },
+            technical: {
+              environment: "browser",
+              userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+              stackTrace: originalError instanceof Error ? originalError.stack : undefined,
+            },
+          },
+          error,
+        };
+        await onTrace(traceEvent);
+      } catch (traceError) {
+        console.error("Error in CopilotMessages onTrace handler:", traceError);
+      }
+    },
+    [onTrace, copilotApiConfig.publicApiKey, copilotApiConfig.chatApiEndpoint],
+  );
+
   const createStructuredError = (gqlError: GraphQLError): CopilotKitError | null => {
     const extensions = gqlError.extensions;
     const originalError = extensions?.originalError as any;
@@ -120,7 +154,6 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
           const visibility = extensions?.visibility as ErrorVisibility;
           const isDev = shouldShowDevConsole(showDevConsole);
 
-          // If dev console is disabled, don't show ANY error UI to users
           if (!isDev) {
             console.error("CopilotKit Error (hidden in production):", gqlError.message);
             return;
@@ -136,6 +169,8 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
           const ckError = createStructuredError(gqlError);
           if (ckError) {
             setBannerError(ckError);
+            // Trace the structured error
+            traceUIError(ckError, gqlError);
           } else {
             // Fallback: create a generic error for unstructured GraphQL errors
             const fallbackError = new CopilotKitError({
@@ -143,6 +178,8 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
               code: CopilotKitErrorCode.UNKNOWN,
             });
             setBannerError(fallbackError);
+            // Trace the fallback error
+            traceUIError(fallbackError, gqlError);
           }
         };
 
@@ -159,10 +196,12 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
             code: CopilotKitErrorCode.UNKNOWN,
           });
           setBannerError(fallbackError);
+          // Trace the non-GraphQL error
+          traceUIError(fallbackError, error);
         }
       }
     },
-    [setBannerError, showDevConsole],
+    [setBannerError, showDevConsole, traceUIError],
   );
 
   useEffect(() => {

package/src/components/toast/toast-provider.tsx

@@ -183,12 +183,14 @@ export function ToastProvider({
                 border: `1px solid ${colors.border}`,
                 borderLeft: `4px solid ${colors.border}`,
                 borderRadius: "8px",
-                padding: "10px 14px",
+                padding: "12px 16px",
                 fontSize: "13px",
                 boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
                 backdropFilter: "blur(8px)",
-                maxWidth: "500px",
-                minWidth: "350px",
+                maxWidth: "min(90vw, 700px)",
+                width: "100%",
+                boxSizing: "border-box",
+                overflow: "hidden",
               }}
             >
               <div
@@ -199,7 +201,15 @@ export function ToastProvider({
                   gap: "10px",
                 }}
               >
-                <div style={{ display: "flex", alignItems: "center", gap: "8px", flex: 1 }}>
+                <div
+                  style={{
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    flex: 1,
+                    minWidth: 0,
+                  }}
+                >
                   <div
                     style={{
                       width: "12px",
@@ -209,7 +219,15 @@ export function ToastProvider({
                       flexShrink: 0,
                     }}
                   />
-                  <div style={{ display: "flex", alignItems: "center", gap: "10px", flex: 1 }}>
+                  <div
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "10px",
+                      flex: 1,
+                      minWidth: 0,
+                    }}
+                  >
                     <div
                       style={{
                         color: colors.text,
@@ -217,30 +235,37 @@ export function ToastProvider({
                         fontWeight: "400",
                         fontSize: "13px",
                         flex: 1,
-                        wordWrap: "break-word",
+                        wordBreak: "break-all",
                         overflowWrap: "break-word",
-                        hyphens: "auto",
+                        maxWidth: "550px",
+                        overflow: "hidden",
+                        display: "-webkit-box",
+                        WebkitLineClamp: 10,
+                        WebkitBoxOrient: "vertical",
                       }}
                     >
                       {(() => {
-                        const message = bannerError.message;
-                        const markdownLinkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
-                        const plainUrlRegex = /(https?:\/\/[^\s)]+)/g;
-
-                        // Remove URLs and markdown links from the message, keep just the text
-                        let cleanMessage = message
-                          .replace(markdownLinkRegex, "") // Remove [text](url)
-                          .replace(plainUrlRegex, "") // Remove plain URLs
-                          .replace(/See more:\s*/g, "") // Remove "See more:" text
-                          .replace(/\s+/g, " ") // Clean up extra spaces
-                          .trim();
-
-                        // Truncate very long messages for better display
-                        if (cleanMessage.length > 120) {
-                          cleanMessage = cleanMessage.substring(0, 117) + "...";
+                        let message = bannerError.message;
+
+                        // Try to extract the useful message from JSON first
+                        const jsonMatch = message.match(/'message':\s*'([^']+)'/);
+                        if (jsonMatch) {
+                          return jsonMatch[1]; // Return the actual error message
                         }
 
-                        return cleanMessage;
+                        // Strip technical garbage but keep the meaningful message
+                        message = message.split(" - ")[0]; // Remove everything after " - {"
+                        message = message.split(": Error code")[0]; // Remove ": Error code: 401"
+                        message = message.replace(/:\s*\d{3}$/, ""); // Remove trailing ": 401"
+                        message = message.replace(/See more:.*$/g, ""); // Remove "See more" links
+                        message = message.trim();
+
+                        // If it's still garbage (contains { or '), use fallback
+                        // if (message.includes("{") || message.includes("'")) {
+                        //   return "Configuration error.... Please check your setup.";
+                        // }
+
+                        return message || "Configuration error occurred.";
                       })()}
                     </div>
 
@@ -262,7 +287,7 @@ export function ToastProvider({
                         // Check for plain URLs
                         const urlMatch = plainUrlRegex.exec(message);
                         if (urlMatch) {
-                          url = urlMatch[0];
+                          url = urlMatch[0].replace(/[.,;:'"]*$/, ""); // Remove trailing punctuation
                           buttonText = "See More";
                         }
                       }