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

package/dist/components/chat/Chat.mjs

@@ -818,7 +818,8 @@ import {
   ActionExecutionMessage,
   ResultMessage,
   TextMessage,
-  Role
+  Role,
+  AgentStateMessage
 } from "@copilotkit/runtime-client-gql";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var Messages = ({ messages, inProgress, children }) => {
@@ -860,8 +861,8 @@ var Messages = ({ messages, inProgress, children }) => {
       } else if (message instanceof TextMessage && message.role == "assistant") {
         return /* @__PURE__ */ jsx5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? context.icons.spinnerIcon : /* @__PURE__ */ jsx5(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__ */ jsxs3("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -903,6 +904,50 @@ var Messages = ({ messages, inProgress, children }) => {
         } else {
           return /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                context.icons.spinnerIcon,
+                " ",
+                /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                isCurrentMessage && inProgress && context.icons.spinnerIcon,
+                " ",
+                toRender
+              ] }, index);
+            } else {
+              return /* @__PURE__ */ jsx5("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
+            }
+          }
+        } else if (!inProgress || !isCurrentMessage) {
+          return null;
+        } else {
+          return /* @__PURE__ */ jsx5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+        }
+      } else if (message instanceof ResultMessage && inProgress && isCurrentMessage) {
+        return /* @__PURE__ */ jsx5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
       }
     }),
     /* @__PURE__ */ jsx5("footer", { ref: messagesEndRef, children })
@@ -1252,12 +1297,14 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 
 // src/components/chat/Chat.tsx
 import React6, { useEffect as useEffect6, 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;
@@ -1318,6 +1365,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");
@@ -1326,6 +1374,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;
@@ -1338,9 +1387,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 useEffect5, useRef as useRef4, useState as useState6 } from "react";
 
 // src/components/dev-console/icons.tsx
@@ -1433,7 +1529,7 @@ import { COPILOTKIT_VERSION } from "@copilotkit/shared";
 import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function CopilotDevConsole() {
   const currentVersion = COPILOTKIT_VERSION;
-  const context = useCopilotContext4();
+  const context = useCopilotContext5();
   const [showDevConsole, setShowDevConsole] = useState6(false);
   useEffect5(() => {
     setShowDevConsole(shouldShowDevConsole(context.showDevConsole));
@@ -1596,7 +1692,7 @@ function DebugMenuButton({
   checkForUpdates,
   mode
 }) {
-  const context = useCopilotContext4();
+  const context = useCopilotContext5();
   return /* @__PURE__ */ jsx11("div", { className: "bg-black fixed top-24 w-52 text-right", children: /* @__PURE__ */ jsxs8(Menu, { children: [
     /* @__PURE__ */ jsx11(MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ jsxs8(Fragment, { children: [
       "Debug ",
@@ -1612,6 +1708,7 @@ function DebugMenuButton({
         children: [
           /* @__PURE__ */ jsx11(MenuItem, { children: /* @__PURE__ */ jsx11("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
           /* @__PURE__ */ jsx11(MenuItem, { children: /* @__PURE__ */ jsx11("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
+          /* @__PURE__ */ jsx11(MenuItem, { children: /* @__PURE__ */ jsx11("button", { className: "copilotKitDebugMenuItem", onClick: () => logMessages(context), children: "Log Messages" }) }),
           /* @__PURE__ */ jsx11(MenuItem, { children: /* @__PURE__ */ jsx11("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
           /* @__PURE__ */ jsx11("hr", {}),
           /* @__PURE__ */ jsx11(MenuItem, { children: /* @__PURE__ */ jsx11("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
@@ -1636,7 +1733,7 @@ function CopilotChat({
   icons,
   labels
 }) {
-  const context = useCopilotContext5();
+  const context = useCopilotContext6();
   useEffect6(() => {
     context.setChatInstructions(instructions || "");
   }, [instructions]);
@@ -1705,7 +1802,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
     suggestionsAbortControllerRef.current = null;
   };
-  const context = useCopilotContext5();
+  const context = useCopilotContext6();
   useEffect6(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
     abortSuggestions();
@@ -1730,7 +1827,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
     });