@copilotkit/react-ui 1.3.6 → 1.3.7

package/dist/{chunk-MA5B5ELM.mjs → chunk-WHSD7DBC.mjs}

@@ -6,12 +6,11 @@ import {
 } from "./chunk-BJPGMY3I.mjs";
 
 // src/components/chat/messages/RenderTextMessage.tsx
-import { TextMessage } from "@copilotkit/runtime-client-gql";
 import { jsx } from "react/jsx-runtime";
 function RenderTextMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { icons } = useChatContext();
-  if (message instanceof TextMessage) {
+  if (message.isTextMessage()) {
     if (message.role === "user") {
       return /* @__PURE__ */ jsx("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
     } else if (message.role == "assistant") {
@@ -23,4 +22,4 @@ function RenderTextMessage(props) {
 export {
   RenderTextMessage
 };
-//# sourceMappingURL=chunk-MA5B5ELM.mjs.map
+//# sourceMappingURL=chunk-WHSD7DBC.mjs.map

package/dist/chunk-WHSD7DBC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/messages/RenderTextMessage.tsx"],"sourcesContent":["import { TextMessage } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { Markdown } from \"../Markdown\";\nimport { useChatContext } from \"../ChatContext\";\n\nexport function RenderTextMessage(props: RenderMessageProps) {\n  const { message, inProgress, index, isCurrentMessage } = props;\n  const { icons } = useChatContext();\n  if (message.isTextMessage()) {\n    if (message.role === \"user\") {\n      return (\n        <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n          {message.content}\n        </div>\n      );\n    } else if (message.role == \"assistant\") {\n      return (\n        <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          {isCurrentMessage && inProgress && !message.content ? (\n            icons.spinnerIcon\n          ) : (\n            <Markdown content={message.content} />\n          )}\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAWQ;AAND,SAAS,kBAAkB,OAA2B;AAC3D,QAAM,EAAE,SAAS,YAAY,OAAO,iBAAiB,IAAI;AACzD,QAAM,EAAE,MAAM,IAAI,eAAe;AACjC,MAAI,QAAQ,cAAc,GAAG;AAC3B,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aACE,oBAAC,SAAgB,WAAU,2CACxB,kBAAQ,WADD,KAEV;AAAA,IAEJ,WAAW,QAAQ,QAAQ,aAAa;AACtC,aACE,oBAAC,SAAgB,WAAW,gDACzB,8BAAoB,cAAc,CAAC,QAAQ,UAC1C,MAAM,cAEN,oBAAC,YAAS,SAAS,QAAQ,SAAS,KAJ9B,KAMV;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/chat/Chat.js

@@ -397,10 +397,10 @@ var Messages = ({
   messages = [...initialMessages, ...messages];
   const actionResults = {};
   for (let i = 0; i < messages.length; i++) {
-    if (messages[i] instanceof import_runtime_client_gql.ActionExecutionMessage) {
+    if (messages[i].isActionExecutionMessage()) {
       const id = messages[i].id;
       const resultMessage = messages.find(
-        (message) => message instanceof import_runtime_client_gql.ResultMessage && message.actionExecutionId === id
+        (message) => message.isResultMessage() && message.actionExecutionId === id
       );
       if (resultMessage) {
         actionResults[id] = import_runtime_client_gql.ResultMessage.decodeResult(resultMessage.result || "");
@@ -421,7 +421,7 @@ var Messages = ({
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitMessages", children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
-      if (message instanceof import_runtime_client_gql.TextMessage) {
+      if (message.isTextMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderTextMessage2,
           {
@@ -432,7 +432,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
+      } else if (message.isActionExecutionMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderActionExecutionMessage2,
           {
@@ -444,7 +444,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.AgentStateMessage) {
+      } else if (message.isAgentStateMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderAgentStateMessage2,
           {
@@ -455,7 +455,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.ResultMessage) {
+      } else if (message.isResultMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderResultMessage2,
           {
@@ -542,7 +542,6 @@ var Textarea_default = AutoResizingTextarea;
 
 // src/hooks/use-push-to-talk.tsx
 var import_react_core = require("@copilotkit/react-core");
-var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 var import_react4 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -597,7 +596,9 @@ var usePushToTalk = ({
   const audioContextRef = (0, import_react4.useRef)(null);
   const mediaRecorderRef = (0, import_react4.useRef)(null);
   const recordedChunks = (0, import_react4.useRef)([]);
-  const context = (0, import_react_core.useCopilotContext)();
+  const generalContext = (0, import_react_core.useCopilotContext)();
+  const messagesContext = (0, import_react_core.useCopilotMessagesContext)();
+  const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
   const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react4.useState)(null);
   (0, import_react4.useEffect)(() => {
     if (pushToTalkState === "recording") {
@@ -633,7 +634,7 @@ var usePushToTalk = ({
         (message) => message.id === startReadingFromMessageId
       );
       const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
-        (message) => message instanceof import_runtime_client_gql2.TextMessage && message.role === "assistant"
+        (message) => message.isTextMessage() && message.role === "assistant"
       );
       const text = messagesAfterLast.map((message) => message.content).join("\n");
       playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
@@ -721,9 +722,6 @@ var ResponseButton = ({ onClick, inProgress }) => {
   ] });
 };
 
-// src/components/chat/messages/RenderTextMessage.tsx
-var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-
 // src/components/chat/Markdown.tsx
 var import_react7 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"));
@@ -1197,7 +1195,7 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 function RenderTextMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql3.TextMessage) {
+  if (message.isTextMessage()) {
     if (message.role === "user") {
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
     } else if (message.role == "assistant") {
@@ -1207,14 +1205,14 @@ function RenderTextMessage(props) {
 }
 
 // src/components/chat/messages/RenderActionExecutionMessage.tsx
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 var import_react_core3 = require("@copilotkit/react-core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function RenderActionExecutionMessage(props) {
   const { message, inProgress, index, isCurrentMessage, actionResult } = props;
   const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql4.ActionExecutionMessage) {
+  if (message.isActionExecutionMessage()) {
     if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
       const render = chatComponentsCache.current.actions[message.name];
       if (typeof render === "string") {
@@ -1232,7 +1230,7 @@ function RenderActionExecutionMessage(props) {
         let status = "inProgress";
         if (actionResult !== void 0) {
           status = "complete";
-        } else if (message.status.code !== import_runtime_client_gql4.MessageStatusCode.Pending) {
+        } else if (message.status.code !== import_runtime_client_gql2.MessageStatusCode.Pending) {
           status = "executing";
         }
         try {
@@ -1275,25 +1273,23 @@ function RenderActionExecutionMessage(props) {
 }
 
 // src/components/chat/messages/RenderResultMessage.tsx
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function RenderResultMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql5.ResultMessage && inProgress && isCurrentMessage) {
+  if (message.isResultMessage() && inProgress && isCurrentMessage) {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: icons.spinnerIcon }, index);
   }
 }
 
 // src/components/chat/messages/RenderAgentStateMessage.tsx
-var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
 var import_react_core4 = require("@copilotkit/react-core");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function RenderAgentStateMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql6.AgentStateMessage) {
+  if (message.isAgentStateMessage()) {
     let render;
     if (chatComponentsCache.current !== null) {
       render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
@@ -1346,7 +1342,7 @@ function RenderAgentStateMessage(props) {
 // src/components/chat/Suggestion.tsx
 var import_react_core5 = require("@copilotkit/react-core");
 var import_shared = require("@copilotkit/shared");
-var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function Suggestion({ title, message, onClick, partial, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -1382,7 +1378,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
         context,
         instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. " + config.instructions + "\n\n" + numOfSuggestionsInstructions,
         data: "Available tools: " + tools + "\n\n",
-        requestType: import_runtime_client_gql7.CopilotRequestType.Task,
+        requestType: import_runtime_client_gql3.CopilotRequestType.Task,
         parameters: [
           {
             name: "suggestions",
@@ -1438,13 +1434,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react10 = __toESM(require("react"));
 var import_react_core8 = require("@copilotkit/react-core");
-var import_runtime_client_gql10 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
 
 // src/components/dev-console/utils.ts
 var import_react_core6 = require("@copilotkit/react-core");
-var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1534,7 +1528,7 @@ function logMessages(context) {
     return;
   }
   const tableData = context.messages.map((message) => {
-    if (message instanceof import_runtime_client_gql8.TextMessage) {
+    if (message.isTextMessage()) {
       return {
         id: message.id,
         type: "TextMessage",
@@ -1543,7 +1537,7 @@ function logMessages(context) {
         scope: void 0,
         content: message.content
       };
-    } else if (message instanceof import_runtime_client_gql8.ActionExecutionMessage) {
+    } else if (message.isActionExecutionMessage()) {
       return {
         id: message.id,
         type: "ActionExecutionMessage",
@@ -1552,7 +1546,7 @@ function logMessages(context) {
         scope: message.scope,
         content: message.arguments
       };
-    } else if (message instanceof import_runtime_client_gql8.ResultMessage) {
+    } else if (message.isResultMessage()) {
       return {
         id: message.id,
         type: "ResultMessage",
@@ -1561,7 +1555,7 @@ function logMessages(context) {
         scope: message.actionExecutionId,
         content: message.result
       };
-    } else if (message instanceof import_runtime_client_gql9.AgentStateMessage) {
+    } else if (message.isAgentStateMessage()) {
       return {
         id: message.id,
         type: `AgentStateMessage (running: ${message.running})`,
@@ -1833,6 +1827,7 @@ function DebugMenuButton({
   mode
 }) {
   const context = (0, import_react_core7.useCopilotContext)();
+  const messagesContext = (0, import_react_core7.useCopilotMessagesContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "bg-black top-24 w-52 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react9.Menu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
       "Debug ",
@@ -1848,7 +1843,14 @@ function DebugMenuButton({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logMessages(context), children: "Log Messages" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "button",
+            {
+              className: "copilotKitDebugMenuItem",
+              onClick: () => logMessages(messagesContext),
+              children: "Log Messages"
+            }
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", {}),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
@@ -1957,7 +1959,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
     suggestionsAbortControllerRef.current = null;
   };
-  const context = (0, import_react_core8.useCopilotContext)();
+  const generalContext = (0, import_react_core8.useCopilotContext)();
+  const messagesContext = (0, import_react_core8.useCopilotMessagesContext)();
+  const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
   (0, import_react10.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
     abortSuggestions();
@@ -1982,9 +1986,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new import_runtime_client_gql10.TextMessage({
+    const message = new import_runtime_client_gql4.TextMessage({
       content: messageContent,
-      role: import_runtime_client_gql10.Role.User
+      role: import_runtime_client_gql4.Role.User
     });
     if (onSubmitMessage) {
       try {