@copilotkit/react-ui 1.2.0 → 1.2.2-feat-runtime-remote-actions.0

package/dist/index.mjs

@@ -966,7 +966,8 @@ import {
   ActionExecutionMessage,
   ResultMessage,
   TextMessage,
-  Role
+  Role,
+  AgentStateMessage
 } from "@copilotkit/runtime-client-gql";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var Messages = ({ messages, inProgress, children }) => {
@@ -1008,8 +1009,8 @@ var Messages = ({ messages, inProgress, children }) => {
       } else if (message instanceof TextMessage && message.role == "assistant") {
         return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? context.icons.spinnerIcon : /* @__PURE__ */ jsx8(Markdown, { content: message.content }) }, index);
       } else if (message instanceof ActionExecutionMessage) {
-        if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {
-          const render = chatComponentsCache.current[message.name];
+        if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
+          const render = chatComponentsCache.current.actions[message.name];
           if (typeof render === "string") {
             if (isCurrentMessage && inProgress) {
               return /* @__PURE__ */ jsxs5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -1051,6 +1052,50 @@ var Messages = ({ messages, inProgress, children }) => {
         } else {
           return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
         }
+      } else if (message instanceof AgentStateMessage) {
+        let render;
+        if (chatComponentsCache.current !== null) {
+          render = chatComponentsCache.current.coagentActions[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coagentActions[`${message.agentName}-global`];
+        }
+        if (render) {
+          if (typeof render === "string") {
+            if (isCurrentMessage && inProgress) {
+              return /* @__PURE__ */ jsxs5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                context.icons.spinnerIcon,
+                " ",
+                /* @__PURE__ */ jsx8("span", { className: "inProgressLabel", children: render })
+              ] }, index);
+            } else {
+              return null;
+            }
+          } else {
+            const state = message.state;
+            let status = message.active ? "inProgress" : "complete";
+            const toRender = render({
+              status,
+              state,
+              nodeName: message.nodeName
+            });
+            if (!toRender && status === "complete") {
+              return null;
+            }
+            if (typeof toRender === "string") {
+              return /* @__PURE__ */ jsxs5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                isCurrentMessage && inProgress && context.icons.spinnerIcon,
+                " ",
+                toRender
+              ] }, index);
+            } else {
+              return /* @__PURE__ */ jsx8("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
+            }
+          }
+        } else if (!inProgress || !isCurrentMessage) {
+          return null;
+        } else {
+          return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+        }
+      } else if (message instanceof ResultMessage && inProgress && isCurrentMessage) {
+        return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
       }
     }),
     /* @__PURE__ */ jsx8("footer", { ref: messagesEndRef, children })
@@ -1400,12 +1445,14 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 
 // src/components/chat/Chat.tsx
 import React7, { useEffect as useEffect7, useRef as useRef5, useState as useState7 } from "react";
-import { useCopilotChat, useCopilotContext as useCopilotContext5 } from "@copilotkit/react-core";
-import { Role as Role2, TextMessage as TextMessage3 } from "@copilotkit/runtime-client-gql";
+import { useCopilotChat, useCopilotContext as useCopilotContext6 } from "@copilotkit/react-core";
+import { Role as Role2, TextMessage as TextMessage4 } from "@copilotkit/runtime-client-gql";
 import { randomId } from "@copilotkit/shared";
 
 // src/components/dev-console/utils.ts
 import { defaultCopilotContextCategories } from "@copilotkit/react-core";
+import { ActionExecutionMessage as ActionExecutionMessage2, ResultMessage as ResultMessage2, TextMessage as TextMessage3 } from "@copilotkit/runtime-client-gql";
+import { AgentStateMessage as AgentStateMessage2 } from "@copilotkit/runtime-client-gql";
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1466,6 +1513,7 @@ function getPublishedCopilotKitVersion(current, forceCheck = false) {
   });
 }
 function logReadables(context) {
+  console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
   const readables = context.getContextString([], defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
@@ -1474,6 +1522,7 @@ function logReadables(context) {
   console.log(readables);
 }
 function logActions(context) {
+  console.log("%cCurrent Actions:", "font-size: 16px; font-weight: bold;");
   if (Object.values(context.actions).length === 0) {
     console.log("No actions found");
     return;
@@ -1486,9 +1535,56 @@ function logActions(context) {
     console.groupEnd();
   }
 }
+function logMessages(context) {
+  console.log("%cCurrent Messages:", "font-size: 16px; font-weight: bold;");
+  if (context.messages.length === 0) {
+    console.log("No messages found");
+    return;
+  }
+  const tableData = context.messages.map((message) => {
+    if (message instanceof TextMessage3) {
+      return {
+        id: message.id,
+        type: "TextMessage",
+        role: message.role,
+        name: void 0,
+        scope: void 0,
+        content: message.content
+      };
+    } else if (message instanceof ActionExecutionMessage2) {
+      return {
+        id: message.id,
+        type: "ActionExecutionMessage",
+        role: void 0,
+        name: message.name,
+        scope: message.scope,
+        content: message.arguments
+      };
+    } else if (message instanceof ResultMessage2) {
+      return {
+        id: message.id,
+        type: "ResultMessage",
+        role: void 0,
+        name: message.actionName,
+        scope: message.actionExecutionId,
+        content: message.result
+      };
+    } else if (message instanceof AgentStateMessage2) {
+      return {
+        id: message.id,
+        type: `AgentStateMessage (running: ${message.running})`,
+        role: message.role,
+        name: void 0,
+        scope: message.threadId,
+        content: message.state
+      };
+    }
+  });
+  console.table(tableData);
+}
 
 // src/components/dev-console/console.tsx
-import { useCopilotContext as useCopilotContext4 } from "@copilotkit/react-core";
+import { useCopilotContext as useCopilotContext5 } from "@copilotkit/react-core";
 import { useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
 
 // src/components/dev-console/icons.tsx
@@ -1581,7 +1677,7 @@ import { COPILOTKIT_VERSION } from "@copilotkit/shared";
 import { Fragment, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function CopilotDevConsole() {
   const currentVersion = COPILOTKIT_VERSION;
-  const context = useCopilotContext4();
+  const context = useCopilotContext5();
   const [showDevConsole, setShowDevConsole] = useState6(false);
   useEffect6(() => {
     setShowDevConsole(shouldShowDevConsole(context.showDevConsole));
@@ -1744,7 +1840,7 @@ function DebugMenuButton({
   checkForUpdates,
   mode
 }) {
-  const context = useCopilotContext4();
+  const context = useCopilotContext5();
   return /* @__PURE__ */ jsx14("div", { className: "bg-black fixed top-24 w-52 text-right", children: /* @__PURE__ */ jsxs10(Menu, { children: [
     /* @__PURE__ */ jsx14(MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ jsxs10(Fragment, { children: [
       "Debug ",
@@ -1760,6 +1856,7 @@ function DebugMenuButton({
         children: [
           /* @__PURE__ */ jsx14(MenuItem, { children: /* @__PURE__ */ jsx14("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
           /* @__PURE__ */ jsx14(MenuItem, { children: /* @__PURE__ */ jsx14("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
+          /* @__PURE__ */ jsx14(MenuItem, { children: /* @__PURE__ */ jsx14("button", { className: "copilotKitDebugMenuItem", onClick: () => logMessages(context), children: "Log Messages" }) }),
           /* @__PURE__ */ jsx14(MenuItem, { children: /* @__PURE__ */ jsx14("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
           /* @__PURE__ */ jsx14("hr", {}),
           /* @__PURE__ */ jsx14(MenuItem, { children: /* @__PURE__ */ jsx14("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
@@ -1784,7 +1881,7 @@ function CopilotChat({
   icons,
   labels
 }) {
-  const context = useCopilotContext5();
+  const context = useCopilotContext6();
   useEffect7(() => {
     context.setChatInstructions(instructions || "");
   }, [instructions]);
@@ -1853,7 +1950,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
     suggestionsAbortControllerRef.current = null;
   };
-  const context = useCopilotContext5();
+  const context = useCopilotContext6();
   useEffect7(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
     abortSuggestions();
@@ -1878,7 +1975,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new TextMessage3({
+    const message = new TextMessage4({
       content: messageContent,
       role: Role2.User
     });
@@ -1928,7 +2025,6 @@ var CopilotModal = ({
 }) => {
   const [openState, setOpenState] = React8.useState(defaultOpen);
   const setOpen = (open) => {
-    console.log("setOpen!!", open);
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
@@ -1985,7 +2081,6 @@ function CopilotSidebar(props) {
   );
   const onSetOpen = (open) => {
     var _a;
-    console.log("onSetOpen", open);
     (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
     setExpandedClassName(open ? "sidebarExpanded" : "");
   };
@@ -1994,7 +2089,7 @@ function CopilotSidebar(props) {
 
 // src/hooks/use-copilot-chat-suggestions.tsx
 import { useEffect as useEffect8 } from "react";
-import { useCopilotContext as useCopilotContext6 } from "@copilotkit/react-core";
+import { useCopilotContext as useCopilotContext7 } from "@copilotkit/react-core";
 import { randomId as randomId2 } from "@copilotkit/shared";
 function useCopilotChatSuggestions({
   instructions,
@@ -2002,7 +2097,7 @@ function useCopilotChatSuggestions({
   minSuggestions = 1,
   maxSuggestions = 3
 }, dependencies = []) {
-  const context = useCopilotContext6();
+  const context = useCopilotContext7();
   useEffect8(() => {
     const id = randomId2();
     context.addChatSuggestionConfiguration(id, {