@copilotkit/react-core 1.51.4-next.7 → 1.51.4-next.8

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

@@ -2,28 +2,28 @@ import "../../chunk-SPCZTZCY.mjs";
 import {
   CopilotKit,
   defaultCopilotContextCategories
-} from "../../chunk-DQXCQWSG.mjs";
-import "../../chunk-LHERIF3L.mjs";
+} from "../../chunk-2JZZD4RP.mjs";
+import "../../chunk-NINJMAND.mjs";
 import "../../chunk-CYDWEPFL.mjs";
 import "../../chunk-2IDV5OHF.mjs";
-import "../../chunk-HE22TZMF.mjs";
+import "../../chunk-SFOKX4MH.mjs";
 import "../../chunk-ICIK2BSB.mjs";
-import "../../chunk-RKTVJRK7.mjs";
-import "../../chunk-PMAFHQ7P.mjs";
-import "../../chunk-YYN33GSG.mjs";
-import "../../chunk-6PUNP7CD.mjs";
+import "../../chunk-R7BV32X4.mjs";
+import "../../chunk-WV2EA7SX.mjs";
+import "../../chunk-K5OXUXCG.mjs";
+import "../../chunk-L7GPCF2V.mjs";
+import "../../chunk-6AWG5FWL.mjs";
 import "../../chunk-O7ARI5CV.mjs";
-import "../../chunk-BKMJ4LC7.mjs";
+import "../../chunk-G7SUZGGB.mjs";
+import "../../chunk-QXZTCGF4.mjs";
+import "../../chunk-7GIBHX6X.mjs";
 import "../../chunk-NB2FKV2V.mjs";
-import "../../chunk-LMHB2D4J.mjs";
-import "../../chunk-77IVITG3.mjs";
-import "../../chunk-C3YJYDK4.mjs";
-import "../../chunk-WF65O6HX.mjs";
-import "../../chunk-EFL5OBKN.mjs";
-import "../../chunk-6ZLPNY7X.mjs";
-import "../../chunk-QD7EID4N.mjs";
-import "../../chunk-AFNWX62Q.mjs";
+import "../../chunk-IHMMKEFG.mjs";
+import "../../chunk-C7HSVDHD.mjs";
 import "../../chunk-DMLQZG75.mjs";
+import "../../chunk-SK2XMJUD.mjs";
+import "../../chunk-WRALJIW5.mjs";
+import "../../chunk-ZP2IMXFY.mjs";
 import "../../chunk-SKC7AJIV.mjs";
 export {
   CopilotKit,

package/dist/components/dev-console/console-trigger.d.ts

@@ -3,6 +3,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 interface ConsoleTriggerProps {
     position?: "bottom-left" | "bottom-right";
 }
-declare function ConsoleTrigger({ position }: ConsoleTriggerProps): react_jsx_runtime.JSX.Element | null;
+declare function ConsoleTrigger({ position, }: ConsoleTriggerProps): react_jsx_runtime.JSX.Element | null;
 
 export { ConsoleTrigger };

package/dist/components/dev-console/console-trigger.js

@@ -87,7 +87,9 @@ var emptyCopilotContext = {
   },
   copilotApiConfig: new class {
     get chatApiEndpoint() {
-      throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+      throw new Error(
+        "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+      );
     }
     get headers() {
       return {};
@@ -149,12 +151,16 @@ var CopilotContext = import_react.default.createContext(emptyCopilotContext);
 function useCopilotContext() {
   const context = import_react.default.useContext(CopilotContext);
   if (context === emptyCopilotContext) {
-    throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+    throw new Error(
+      "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+    );
   }
   return context;
 }
 function returnAndThrowInDebug(_value) {
-  throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+  throw new Error(
+    "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+  );
 }
 
 // src/components/dev-console/icons.tsx
@@ -184,13 +190,22 @@ var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     viewBox: "0 0 14 14",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "Group-2", transform: "translate(-118, 0)", fill: "#1BC030", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "Group", transform: "translate(118, 0)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "path",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "g",
       {
-        d: "M0,7 C0,3.13384615 3.13384615,0 7,0 C10.8661538,0 14,3.13384615 14,7 C14,10.8661538 10.8661538,14 7,14 C3.13384615,14 0,10.8661538 0,7 Z M9.59179487,5.69764103 C9.70905818,5.54139023 9.73249341,5.33388318 9.65303227,5.15541491 C9.57357113,4.97694665 9.40367989,4.85551619 9.20909814,4.83811118 C9.01451638,4.82070616 8.82577109,4.91005717 8.71589744,5.07158974 L6.39261538,8.32389744 L5.22666667,7.15794872 C5.01450582,6.96025518 4.68389046,6.9660885 4.47883563,7.17114332 C4.27378081,7.37619815 4.26794748,7.70681351 4.46564103,7.91897436 L6.08102564,9.53435897 C6.19289944,9.64614839 6.3482622,9.70310251 6.50588106,9.69010587 C6.66349993,9.67710922 6.80743532,9.59547613 6.89948718,9.46687179 L9.59179487,5.69764103 L9.59179487,5.69764103 Z",
-        id: "Shape"
+        id: "Group-2",
+        transform: "translate(-118, 0)",
+        fill: "#1BC030",
+        fillRule: "nonzero",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "Group", transform: "translate(118, 0)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M0,7 C0,3.13384615 3.13384615,0 7,0 C10.8661538,0 14,3.13384615 14,7 C14,10.8661538 10.8661538,14 7,14 C3.13384615,14 0,10.8661538 0,7 Z M9.59179487,5.69764103 C9.70905818,5.54139023 9.73249341,5.33388318 9.65303227,5.15541491 C9.57357113,4.97694665 9.40367989,4.85551619 9.20909814,4.83811118 C9.01451638,4.82070616 8.82577109,4.91005717 8.71589744,5.07158974 L6.39261538,8.32389744 L5.22666667,7.15794872 C5.01450582,6.96025518 4.68389046,6.9660885 4.47883563,7.17114332 C4.27378081,7.37619815 4.26794748,7.70681351 4.46564103,7.91897436 L6.08102564,9.53435897 C6.19289944,9.64614839 6.3482622,9.70310251 6.50588106,9.69010587 C6.66349993,9.67710922 6.80743532,9.59547613 6.89948718,9.46687179 L9.59179487,5.69764103 L9.59179487,5.69764103 Z",
+            id: "Shape"
+          }
+        ) })
       }
-    ) }) }) })
+    ) })
   }
 );
 var CopilotKitIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -241,7 +256,11 @@ function useCopilotMessagesContext() {
 var import_shared = require("@copilotkit/shared");
 var import_react3 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
+function DeveloperConsoleModal({
+  isOpen,
+  onClose,
+  hasApiKey
+}) {
   const context = useCopilotContext();
   const messagesContext = useCopilotMessagesContext();
   const [activeTab, setActiveTab] = (0, import_react3.useState)("actions");
@@ -264,9 +283,18 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
     return null;
   const displayContext = hasApiKey ? context : {
     actions: {
-      search_web: { name: "search_web", description: "Search the web for information" },
-      send_email: { name: "send_email", description: "Send an email to a contact" },
-      create_document: { name: "create_document", description: "Create a new document" },
+      search_web: {
+        name: "search_web",
+        description: "Search the web for information"
+      },
+      send_email: {
+        name: "send_email",
+        description: "Send an email to a contact"
+      },
+      create_document: {
+        name: "create_document",
+        description: "Create a new document"
+      },
       analyze_code: {
         name: "analyze_code",
         description: "Analyze code for issues and improvements"
@@ -296,7 +324,10 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
     ],
     coagentStates: {
       "main-agent": { status: "active", lastUpdate: Date.now() },
-      "code-assistant": { status: "active", lastUpdate: Date.now() - 15e3 },
+      "code-assistant": {
+        status: "active",
+        lastUpdate: Date.now() - 15e3
+      },
       "search-agent": { status: "idle", lastUpdate: Date.now() - 6e4 }
     },
     getDocumentsContext: () => [
@@ -326,13 +357,21 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
         role: "assistant",
         content: "I'll help you create a todo list with drag and drop. Let me start by setting up the basic components and then add the drag and drop functionality using React DnD."
       },
-      { id: "3", role: "user", content: "Can you also add priority levels and due dates?" },
+      {
+        id: "3",
+        role: "user",
+        content: "Can you also add priority levels and due dates?"
+      },
       {
         id: "4",
         role: "assistant",
         content: "Absolutely! I'll enhance the todo items with priority levels (high, medium, low) and due date functionality. This will make your todo list much more powerful for task management."
       },
-      { id: "5", role: "user", content: "Perfect! How about adding categories or tags?" }
+      {
+        id: "5",
+        role: "user",
+        content: "Perfect! How about adding categories or tags?"
+      }
     ]
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -449,14 +488,26 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
                   opacity: !hasApiKey ? 0.9 : 1
                 },
                 children: [
-                  { id: "actions", label: "Actions", count: Object.keys(displayContext.actions).length },
-                  { id: "readables", label: "Readables", count: displayContext.getAllContext().length },
+                  {
+                    id: "actions",
+                    label: "Actions",
+                    count: Object.keys(displayContext.actions).length
+                  },
+                  {
+                    id: "readables",
+                    label: "Readables",
+                    count: displayContext.getAllContext().length
+                  },
                   {
                     id: "agent",
                     label: "Agent Status",
                     count: Object.keys(displayContext.coagentStates).length
                   },
-                  { id: "messages", label: "Messages", count: displayMessagesContext.messages.length },
+                  {
+                    id: "messages",
+                    label: "Messages",
+                    count: displayMessagesContext.messages.length
+                  },
                   {
                     id: "context",
                     label: "Context",
@@ -682,11 +733,35 @@ function ActionsTab({ context }) {
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "div",
         {
-          style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" },
+          style: {
+            display: "flex",
+            alignItems: "flex-start",
+            justifyContent: "space-between"
+          },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { style: { fontWeight: "600", color: "#1f2937", margin: "0 0 4px 0" }, children: action.name }),
-              action.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: { fontSize: "14px", color: "#4b5563", margin: "0 0 12px 0" }, children: action.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "h3",
+                {
+                  style: {
+                    fontWeight: "600",
+                    color: "#1f2937",
+                    margin: "0 0 4px 0"
+                  },
+                  children: action.name
+                }
+              ),
+              action.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "p",
+                {
+                  style: {
+                    fontSize: "14px",
+                    color: "#4b5563",
+                    margin: "0 0 12px 0"
+                  },
+                  children: action.description
+                }
+              ),
               action.parameters && action.parameters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { marginTop: "12px" }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   "p",
@@ -701,15 +776,56 @@ function ActionsTab({ context }) {
                     children: "Parameters:"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: action.parameters.map((param, pIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { fontSize: "14px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontFamily: "monospace", color: "#374151" }, children: param.name }),
-                  param.required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "4px", fontSize: "12px", color: "#ef4444" }, children: "*required" }),
-                  param.type && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { marginLeft: "8px", fontSize: "12px", color: "#6b7280" }, children: [
-                    "(",
-                    param.type,
-                    ")"
-                  ] })
-                ] }, pIndex)) })
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "4px"
+                    },
+                    children: action.parameters.map(
+                      (param, pIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { fontSize: "14px" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          "span",
+                          {
+                            style: {
+                              fontFamily: "monospace",
+                              color: "#374151"
+                            },
+                            children: param.name
+                          }
+                        ),
+                        param.required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          "span",
+                          {
+                            style: {
+                              marginLeft: "4px",
+                              fontSize: "12px",
+                              color: "#ef4444"
+                            },
+                            children: "*required"
+                          }
+                        ),
+                        param.type && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          "span",
+                          {
+                            style: {
+                              marginLeft: "8px",
+                              fontSize: "12px",
+                              color: "#6b7280"
+                            },
+                            children: [
+                              "(",
+                              param.type,
+                              ")"
+                            ]
+                          }
+                        )
+                      ] }, pIndex)
+                    )
+                  }
+                )
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { marginLeft: "16px" }, children: action.status === "available" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ExclamationMarkTriangleIcon, {}) })
@@ -741,10 +857,34 @@ function ReadablesTab({ context }) {
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "div",
         {
-          style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" },
+          style: {
+            display: "flex",
+            alignItems: "flex-start",
+            justifyContent: "space-between"
+          },
           children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { style: { fontWeight: "600", color: "#1f2937", margin: "0 0 4px 0" }, children: readable.name || `Readable ${index + 1}` }),
-            readable.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: { fontSize: "14px", color: "#4b5563", margin: "0 0 12px 0" }, children: readable.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "h3",
+              {
+                style: {
+                  fontWeight: "600",
+                  color: "#1f2937",
+                  margin: "0 0 4px 0"
+                },
+                children: readable.name || `Readable ${index + 1}`
+              }
+            ),
+            readable.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "p",
+              {
+                style: {
+                  fontSize: "14px",
+                  color: "#4b5563",
+                  margin: "0 0 12px 0"
+                },
+                children: readable.description
+              }
+            ),
             readable.value && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "pre",
               {
@@ -797,7 +937,18 @@ function AgentStatusTab({ context }) {
               marginBottom: "16px"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { style: { fontWeight: "600", fontSize: "18px", color: "#1f2937", margin: 0 }, children: agentName }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "h3",
+                {
+                  style: {
+                    fontWeight: "600",
+                    fontSize: "18px",
+                    color: "#1f2937",
+                    margin: 0
+                  },
+                  children: agentName
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                 "span",
                 {
@@ -888,7 +1039,9 @@ function AgentStatusTab({ context }) {
     agentName
   )) });
 }
-function MessagesTab({ messagesContext }) {
+function MessagesTab({
+  messagesContext
+}) {
   const messages = messagesContext.messages || [];
   if (messages.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { textAlign: "center", padding: "48px 0", color: "#6b7280" }, children: [
@@ -934,7 +1087,17 @@ function MessagesTab({ messagesContext }) {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { fontSize: "14px", color: "#1f2937", whiteSpace: "pre-wrap" }, children: message.content || "" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "14px",
+              color: "#1f2937",
+              whiteSpace: "pre-wrap"
+            },
+            children: message.content || ""
+          }
+        )
       ]
     },
     index
@@ -959,7 +1122,13 @@ function ContextTab({ context }) {
         border: "1px solid #e5e7eb"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { style: { fontWeight: "600", color: "#1f2937", margin: "0 0 8px 0" }, children: doc.name || `Document ${index + 1}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "h3",
+          {
+            style: { fontWeight: "600", color: "#1f2937", margin: "0 0 8px 0" },
+            children: doc.name || `Document ${index + 1}`
+          }
+        ),
         doc.content && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "pre",
           {
@@ -983,7 +1152,9 @@ function ContextTab({ context }) {
 // src/components/dev-console/console-trigger.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var INSPECTOR_HIDE_KEY = "cpk:inspector:hidden";
-function ConsoleTrigger({ position = "bottom-right" }) {
+function ConsoleTrigger({
+  position = "bottom-right"
+}) {
   const context = useCopilotContext();
   const hasApiKey = Boolean(context.copilotApiConfig.publicApiKey);
   const [isModalOpen, setIsModalOpen] = (0, import_react4.useState)(false);
@@ -1047,10 +1218,18 @@ function ConsoleTrigger({ position = "bottom-right" }) {
       setIsDragging(false);
       dragRef.current = null;
     };
-    document.addEventListener("mousemove", handleMouseMove, { capture: true, passive: false });
-    document.addEventListener("mouseup", handleMouseUp, { capture: true, passive: false });
+    document.addEventListener("mousemove", handleMouseMove, {
+      capture: true,
+      passive: false
+    });
+    document.addEventListener("mouseup", handleMouseUp, {
+      capture: true,
+      passive: false
+    });
     return () => {
-      document.removeEventListener("mousemove", handleMouseMove, { capture: true });
+      document.removeEventListener("mousemove", handleMouseMove, {
+        capture: true
+      });
       document.removeEventListener("mouseup", handleMouseUp, { capture: true });
     };
   }, [isDragging]);
@@ -1179,7 +1358,13 @@ function ConsoleTrigger({ position = "bottom-right" }) {
                 boxShadow: "0 2px 8px rgba(255, 107, 107, 0.4)",
                 border: "2px solid white"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: "10px", color: "white", fontWeight: "bold" }, children: "!" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "span",
+                {
+                  style: { fontSize: "10px", color: "white", fontWeight: "bold" },
+                  children: "!"
+                }
+              )
             }
           )
         ]