@copilotkit/react-ui 0.37.0 → 0.38.0-beta.0

package/dist/components/index.js

@@ -515,8 +515,6 @@ var Header = ({ setOpen }) => {
 
 // src/components/chat/Messages.tsx
 var import_react5 = __toESM(require("react"));
-var import_nanoid = require("nanoid");
-var import_shared = require("@copilotkit/shared");
 
 // src/components/chat/Markdown.tsx
 var import_react4 = require("react");
@@ -988,6 +986,7 @@ var components = {
 
 // src/components/chat/Messages.tsx
 var import_react_core = require("@copilotkit/react-core");
+var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Messages = ({ messages, inProgress, children }) => {
   const { chatComponentsCache } = (0, import_react_core.useCopilotContext)();
@@ -999,10 +998,13 @@ var Messages = ({ messages, inProgress, children }) => {
   messages = [...initialMessages, ...messages];
   const functionResults = {};
   for (let i = 0; i < messages.length; i++) {
-    if (messages[i].role === "assistant" && messages[i].function_call) {
+    if (messages[i] instanceof import_runtime_client_gql.ActionExecutionMessage) {
       const id = messages[i].id;
-      if (i + 1 < messages.length && messages[i + 1].role === "function") {
-        functionResults[id] = (0, import_shared.decodeResult)(messages[i + 1].content || "");
+      const resultMessage = messages.find(
+        (message) => message instanceof import_runtime_client_gql.ResultMessage && message.actionExecutionId === id
+      );
+      if (resultMessage) {
+        functionResults[id] = import_runtime_client_gql.ResultMessage.decodeResult(resultMessage.result || "");
       }
     }
   }
@@ -1019,60 +1021,55 @@ var Messages = ({ messages, inProgress, children }) => {
   }, [messages]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "copilotKitMessages", children: [
     messages.map((message, index) => {
-      var _a, _b, _c;
       const isCurrentMessage = index === messages.length - 1;
-      if (message.role === "user") {
+      if (message instanceof import_runtime_client_gql.TextMessage && message.role === "user") {
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
-      } else if (message.role == "assistant") {
-        if (isCurrentMessage && inProgress && !message.content && !message.partialFunctionCall) {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
-        } else if (message.function_call || message.partialFunctionCall) {
-          const functionCallName = ((_a = message.function_call) == null ? void 0 : _a.name) || ((_b = message.partialFunctionCall) == null ? void 0 : _b.name);
-          if (chatComponentsCache.current !== null && chatComponentsCache.current[functionCallName]) {
-            const render = chatComponentsCache.current[functionCallName];
-            if (typeof render === "string") {
-              if (isCurrentMessage && inProgress) {
-                return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
-                  context.icons.spinnerIcon,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "inProgressLabel", children: render })
-                ] }, index);
-              } else {
-                return null;
-              }
+      } else if (message instanceof import_runtime_client_gql.TextMessage && message.role == "assistant") {
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? context.icons.spinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content: message.content }) }, index);
+      } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
+        if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {
+          const render = chatComponentsCache.current[message.name];
+          if (typeof render === "string") {
+            if (isCurrentMessage && inProgress) {
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                context.icons.spinnerIcon,
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "inProgressLabel", children: render })
+              ] }, index);
             } else {
-              const args = message.function_call ? JSON.parse(message.function_call.arguments || "{}") : (_c = message.partialFunctionCall) == null ? void 0 : _c.arguments;
-              let status = "inProgress";
-              if (functionResults[message.id] !== void 0) {
-                status = "complete";
-              } else if (message.function_call) {
-                status = "executing";
-              }
-              const toRender = render({
-                status,
-                args,
-                result: functionResults[message.id]
-              });
-              if (!toRender && status === "complete") {
-                return null;
-              }
-              if (typeof toRender === "string") {
-                return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
-                  isCurrentMessage && inProgress && context.icons.spinnerIcon,
-                  " ",
-                  toRender
-                ] }, index);
-              } else {
-                return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
-              }
+              return null;
             }
-          } else if ((!inProgress || !isCurrentMessage) && message.function_call) {
-            return null;
           } else {
-            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+            const args = message.arguments;
+            let status = "inProgress";
+            if (functionResults[message.id] !== void 0) {
+              status = "complete";
+            } else if (message.status.code !== import_runtime_client_gql.MessageStatusCode.Pending) {
+              status = "executing";
+            }
+            const toRender = render({
+              status,
+              args,
+              result: functionResults[message.id]
+            });
+            if (!toRender && status === "complete") {
+              return null;
+            }
+            if (typeof toRender === "string") {
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                isCurrentMessage && inProgress && context.icons.spinnerIcon,
+                " ",
+                toRender
+              ] }, index);
+            } else {
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
+            }
           }
+        } else if (!inProgress || !isCurrentMessage) {
+          return null;
+        } else {
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content: message.content }) }, index);
       }
     }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("footer", { ref: messagesEndRef, children })
@@ -1087,11 +1084,12 @@ function makeInitialMessages(initial) {
       initialArray.push(initial);
     }
   }
-  return initialArray.map((message) => ({
-    id: (0, import_nanoid.nanoid)(),
-    role: "assistant",
-    content: message
-  }));
+  return initialArray.map(
+    (message) => new import_runtime_client_gql.TextMessage({
+      role: import_runtime_client_gql.Role.Assistant,
+      content: message
+    })
+  );
 }
 
 // src/components/chat/Input.tsx
@@ -1148,6 +1146,7 @@ var Textarea_default = AutoResizingTextarea;
 
 // src/hooks/use-push-to-talk.tsx
 var import_react_core2 = require("@copilotkit/react-core");
+var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 var import_react7 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -1237,7 +1236,9 @@ var usePushToTalk = ({
       const lastMessageIndex = context.messages.findIndex(
         (message) => message.id === startReadingFromMessageId
       );
-      const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter((message) => message.role === "assistant" && message.content);
+      const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
+        (message) => message instanceof import_runtime_client_gql2.TextMessage && message.role === "assistant"
+      );
       const text = messagesAfterLast.map((message) => message.content).join("\n");
       playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
       setStartReadingFromMessageId(null);
@@ -1326,6 +1327,7 @@ var ResponseButton = ({ onClick, inProgress }) => {
 
 // src/components/chat/Suggestion.tsx
 var import_react_core4 = require("@copilotkit/react-core");
+var import_shared = require("@copilotkit/shared");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function Suggestion({ title, message, onClick, partial, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -1346,7 +1348,13 @@ function Suggestion({ title, message, onClick, partial, className }) {
 }
 var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggestions, abortControllerRef) => __async(void 0, null, function* () {
   const abortController = abortControllerRef.current;
-  const tools = JSON.stringify(context.getChatCompletionFunctionDescriptions(context.entryPoints));
+  const tools = JSON.stringify(
+    Object.values(context.actions).map((action) => ({
+      name: action.name,
+      description: action.description,
+      jsonSchema: JSON.stringify((0, import_shared.actionParametersToJsonSchema)(action.parameters))
+    }))
+  );
   const allSuggestions = [];
   for (const config of Object.values(chatSuggestionConfiguration)) {
     try {
@@ -1410,7 +1418,8 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react9 = __toESM(require("react"));
 var import_react_core5 = require("@copilotkit/react-core");
-var import_nanoid2 = require("nanoid");
+var import_nanoid = require("nanoid");
+var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -1482,7 +1491,7 @@ function WrappedCopilotChat({
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
 var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) => {
   const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } = (0, import_react_core5.useCopilotChat)({
-    id: (0, import_nanoid2.nanoid)(),
+    id: (0, import_nanoid.nanoid)(),
     makeSystemMessage
   });
   const [currentSuggestions, setCurrentSuggestions] = (0, import_react9.useState)([]);
@@ -1519,11 +1528,10 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     abortSuggestions();
     setCurrentSuggestions([]);
     onSubmitMessage == null ? void 0 : onSubmitMessage(messageContent);
-    const message = {
-      id: (0, import_nanoid2.nanoid)(),
+    const message = new import_runtime_client_gql3.TextMessage({
       content: messageContent,
-      role: "user"
-    };
+      role: import_runtime_client_gql3.Role.User
+    });
     appendMessage(message);
     return message;
   });