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

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

@@ -1,19 +1,19 @@
 import {
   CopilotKit,
   defaultCopilotContextCategories
-} 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/components/error-boundary/error-boundary.js

@@ -119,8 +119,8 @@ var defaultIcons = {
     "svg",
     {
       viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
+      width: "16",
+      height: "16",
       stroke: "currentColor",
       strokeWidth: "2.5",
       fill: "none",
@@ -137,8 +137,8 @@ var defaultIcons = {
     "svg",
     {
       viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
+      width: "16",
+      height: "16",
       stroke: "currentColor",
       strokeWidth: "2.5",
       fill: "none",
@@ -155,8 +155,8 @@ var defaultIcons = {
     "svg",
     {
       viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
+      width: "16",
+      height: "16",
       stroke: "currentColor",
       strokeWidth: "2.5",
       fill: "none",
@@ -181,19 +181,33 @@ function UsageBanner({
     return null;
   }
   const parseMessage = (rawMessage) => {
-    const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
-    const matches = Array.from(rawMessage.matchAll(linkRegex));
-    if (matches.length > 0) {
-      let cleanMessage2 = rawMessage.replace(/\.\s*See more:\s*\[([^\]]+)\]\(([^)]+)\)/g, ".").replace(/See more:\s*\[([^\]]+)\]\(([^)]+)\)/g, "").trim();
-      return cleanMessage2;
+    if (rawMessage.toLowerCase().includes("authentication") || rawMessage.toLowerCase().includes("api key")) {
+      return "Authentication failed. Please check your API key.";
+    }
+    if (rawMessage.toLowerCase().includes("rate limit")) {
+      return "Rate limit exceeded. Please try again later.";
+    }
+    if (rawMessage.toLowerCase().includes("checkpointer")) {
+      return "Agent configuration error. Please check your setup.";
     }
-    return rawMessage;
+    let cleanMessage2 = rawMessage;
+    cleanMessage2 = cleanMessage2.split(" - ")[0];
+    cleanMessage2 = cleanMessage2.split(": Error code")[0];
+    cleanMessage2 = cleanMessage2.split(": 401")[0];
+    cleanMessage2 = cleanMessage2.split(": 403")[0];
+    cleanMessage2 = cleanMessage2.split(": 404")[0];
+    cleanMessage2 = cleanMessage2.split(": 500")[0];
+    cleanMessage2 = cleanMessage2.replace(/See more:.*$/g, "").trim();
+    if (cleanMessage2.includes("{") || cleanMessage2.includes("'") || cleanMessage2.length > 60) {
+      return "Configuration error. Please check your setup.";
+    }
+    return cleanMessage2 || "An error occurred. Please check your configuration.";
   };
   const cleanMessage = parseMessage(message);
   const Icon = icon || defaultIcons[severity];
   const themeConfigs = {
     [import_shared2.Severity.INFO]: {
-      bg: "linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)",
+      bg: "rgba(239, 246, 255, 0.95)",
       border: "#93c5fd",
       text: "#1e40af",
       icon: "#3b82f6",
@@ -201,7 +215,7 @@ function UsageBanner({
       primaryBtnHover: "#2563eb"
     },
     [import_shared2.Severity.WARNING]: {
-      bg: "linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)",
+      bg: "rgba(255, 251, 235, 0.95)",
       border: "#fbbf24",
       text: "#92400e",
       icon: "#f59e0b",
@@ -209,7 +223,7 @@ function UsageBanner({
       primaryBtnHover: "#d97706"
     },
     [import_shared2.Severity.CRITICAL]: {
-      bg: "linear-gradient(135deg, #fef2f2 0%, #fecaca 100%)",
+      bg: "rgba(254, 242, 242, 0.95)",
       border: "#f87171",
       text: "#991b1b",
       icon: "#ef4444",
@@ -223,24 +237,26 @@ function UsageBanner({
     {
       style: {
         position: "fixed",
-        bottom: "20px",
+        bottom: "24px",
         left: "50%",
         transform: "translateX(-50%)",
-        maxWidth: "min(95vw, 680px)",
-        width: "100%",
+        width: "400px",
+        maxWidth: "90vw",
         zIndex: 1e4,
-        animation: "bannerSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
+        animation: "bannerSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `
           @keyframes bannerSlideIn {
             from {
               opacity: 0;
-              transform: translateX(-50%) translateY(10px);
+              transform: translateX(-50%) translateY(20px);
+              scale: 0.95;
             }
             to {
               opacity: 1;
               transform: translateX(-50%) translateY(0);
+              scale: 1;
             }
           }
         ` }),
@@ -248,17 +264,16 @@ function UsageBanner({
           "div",
           {
             style: {
-              display: "flex",
-              alignItems: "flex-start",
-              gap: "14px",
-              borderRadius: "16px",
+              borderRadius: "12px",
               border: `1px solid ${themeConfig.border}`,
               background: themeConfig.bg,
-              padding: "18px 20px",
-              boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+              padding: "14px",
+              boxShadow: "0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08)",
               position: "relative",
-              backdropFilter: "blur(10px)",
-              WebkitBackdropFilter: "blur(10px)"
+              backdropFilter: "blur(12px)",
+              WebkitBackdropFilter: "blur(12px)",
+              boxSizing: "border-box",
+              overflow: "hidden"
             },
             children: [
               onClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -267,35 +282,23 @@ function UsageBanner({
                   onClick: onClose,
                   style: {
                     position: "absolute",
-                    top: "12px",
-                    right: "12px",
-                    background: "rgba(255, 255, 255, 0.8)",
+                    top: "8px",
+                    right: "8px",
+                    background: "rgba(255, 255, 255, 0.9)",
                     border: "none",
                     color: themeConfig.text,
                     cursor: "pointer",
-                    fontSize: "18px",
+                    fontSize: "16px",
                     lineHeight: "1",
-                    padding: "6px",
-                    borderRadius: "8px",
-                    opacity: 0.7,
-                    transition: "all 0.2s ease",
+                    padding: "4px",
+                    borderRadius: "4px",
+                    width: "20px",
+                    height: "20px",
                     display: "flex",
                     alignItems: "center",
-                    justifyContent: "center",
-                    width: "28px",
-                    height: "28px"
+                    justifyContent: "center"
                   },
                   title: "Close",
-                  onMouseOver: (e) => {
-                    e.currentTarget.style.opacity = "1";
-                    e.currentTarget.style.background = "rgba(255, 255, 255, 1)";
-                    e.currentTarget.style.transform = "scale(1.05)";
-                  },
-                  onMouseOut: (e) => {
-                    e.currentTarget.style.opacity = "0.7";
-                    e.currentTarget.style.background = "rgba(255, 255, 255, 0.8)";
-                    e.currentTarget.style.transform = "scale(1)";
-                  },
                   children: "\xD7"
                 }
               ),
@@ -303,106 +306,92 @@ function UsageBanner({
                 "div",
                 {
                   style: {
-                    color: themeConfig.icon,
-                    flexShrink: 0,
-                    marginTop: "1px",
-                    padding: "6px",
-                    borderRadius: "10px",
-                    background: "rgba(255, 255, 255, 0.7)",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center"
+                    fontSize: "14px",
+                    fontWeight: 500,
+                    color: themeConfig.text,
+                    lineHeight: "1.4",
+                    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+                    paddingRight: onClose ? "30px" : "0",
+                    marginBottom: actions ? "12px" : "0",
+                    wordBreak: "break-word",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical"
                   },
-                  children: Icon
+                  children: cleanMessage
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, paddingRight: onClose ? "40px" : "0" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    style: {
-                      fontSize: "15px",
-                      fontWeight: 600,
-                      color: themeConfig.text,
-                      lineHeight: "1.5",
-                      marginBottom: actions ? "12px" : "0",
-                      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
-                    },
-                    children: cleanMessage
-                  }
-                ),
-                actions && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      gap: "10px",
-                      flexWrap: "wrap"
-                    },
-                    children: [
-                      actions.secondary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        "button",
-                        {
-                          onClick: actions.secondary.onClick,
-                          style: {
-                            borderRadius: "10px",
-                            padding: "8px 16px",
-                            fontSize: "14px",
-                            fontWeight: 500,
-                            color: themeConfig.text,
-                            backgroundColor: "rgba(255, 255, 255, 0.8)",
-                            border: `1.5px solid ${themeConfig.border}`,
-                            cursor: "pointer",
-                            transition: "all 0.2s ease",
-                            fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
-                          },
-                          onMouseOver: (e) => {
-                            e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 1)";
-                            e.currentTarget.style.transform = "translateY(-1px)";
-                            e.currentTarget.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)";
-                          },
-                          onMouseOut: (e) => {
-                            e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
-                            e.currentTarget.style.transform = "translateY(0)";
-                            e.currentTarget.style.boxShadow = "none";
-                          },
-                          children: actions.secondary.label
-                        }
-                      ),
-                      actions.primary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        "button",
-                        {
-                          onClick: actions.primary.onClick,
-                          style: {
-                            borderRadius: "10px",
-                            padding: "8px 16px",
-                            fontSize: "14px",
-                            fontWeight: 600,
-                            color: "#fff",
-                            backgroundColor: themeConfig.primaryBtn,
-                            border: "none",
-                            cursor: "pointer",
-                            transition: "all 0.2s ease",
-                            boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
-                            fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
-                          },
-                          onMouseOver: (e) => {
-                            e.currentTarget.style.backgroundColor = themeConfig.primaryBtnHover;
-                            e.currentTarget.style.transform = "translateY(-1px)";
-                            e.currentTarget.style.boxShadow = "0 6px 16px rgba(0, 0, 0, 0.2)";
-                          },
-                          onMouseOut: (e) => {
-                            e.currentTarget.style.backgroundColor = themeConfig.primaryBtn;
-                            e.currentTarget.style.transform = "translateY(0)";
-                            e.currentTarget.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)";
-                          },
-                          children: actions.primary.label
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] })
+              actions && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "8px",
+                    flexWrap: "wrap"
+                  },
+                  children: [
+                    actions.secondary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        onClick: actions.secondary.onClick,
+                        style: {
+                          borderRadius: "8px",
+                          padding: "6px 12px",
+                          fontSize: "13px",
+                          fontWeight: 500,
+                          color: themeConfig.text,
+                          backgroundColor: "rgba(255, 255, 255, 0.9)",
+                          border: `1px solid ${themeConfig.border}`,
+                          cursor: "pointer",
+                          transition: "all 0.2s ease",
+                          fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+                        },
+                        onMouseOver: (e) => {
+                          e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 1)";
+                          e.currentTarget.style.transform = "translateY(-1px)";
+                        },
+                        onMouseOut: (e) => {
+                          e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
+                          e.currentTarget.style.transform = "translateY(0)";
+                        },
+                        children: actions.secondary.label
+                      }
+                    ),
+                    actions.primary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        onClick: actions.primary.onClick,
+                        style: {
+                          borderRadius: "8px",
+                          padding: "6px 12px",
+                          fontSize: "13px",
+                          fontWeight: 600,
+                          color: "#fff",
+                          backgroundColor: themeConfig.primaryBtn,
+                          border: "none",
+                          cursor: "pointer",
+                          transition: "all 0.2s ease",
+                          boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+                          fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+                        },
+                        onMouseOver: (e) => {
+                          e.currentTarget.style.backgroundColor = themeConfig.primaryBtnHover;
+                          e.currentTarget.style.transform = "translateY(-1px)";
+                          e.currentTarget.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.2)";
+                        },
+                        onMouseOut: (e) => {
+                          e.currentTarget.style.backgroundColor = themeConfig.primaryBtn;
+                          e.currentTarget.style.transform = "translateY(0)";
+                          e.currentTarget.style.boxShadow = "0 2px 8px rgba(0, 0, 0, 0.15)";
+                        },
+                        children: actions.primary.label
+                      }
+                    )
+                  ]
+                }
+              )
             ]
           }
         )