@copilotkit/react-ui 1.3.1 → 1.3.2-pre.0

package/dist/index.mjs

@@ -4,18 +4,18 @@ import "./chunk-JD7BAH7U.mjs";
 import "./chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-QOEAEMUQ.mjs";
+} from "./chunk-KJQVEUVB.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-FL4ETWFB.mjs";
-import "./chunk-B2KQEX2R.mjs";
+} from "./chunk-N6GQ4WV4.mjs";
+import "./chunk-PGJGIYRW.mjs";
 import "./chunk-FO7Z5LAL.mjs";
 import "./chunk-FLV3J3VX.mjs";
 import "./chunk-YOH25I6N.mjs";
 import {
   CopilotChat
-} from "./chunk-HR36Y2FQ.mjs";
+} from "./chunk-I454U2HM.mjs";
 import "./chunk-V7W6IM2V.mjs";
 import "./chunk-WCPLXRZX.mjs";
 import "./chunk-I4QG2ZZU.mjs";
@@ -23,7 +23,7 @@ import "./chunk-H7TM5JE6.mjs";
 import "./chunk-OTPAZXVR.mjs";
 import "./chunk-U6J5DGOE.mjs";
 import "./chunk-YQFVRDNC.mjs";
-import "./chunk-FOZVHL73.mjs";
+import "./chunk-4K36ATCD.mjs";
 import "./chunk-YQ3D5IQV.mjs";
 import "./chunk-XSUSSWDS.mjs";
 import {

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.3.1",
+  "version": "1.3.2-pre.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -40,9 +40,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
-    "eslint-config-custom": "1.3.1",
-    "tailwind-config": "1.3.1",
-    "tsconfig": "1.3.1"
+    "eslint-config-custom": "1.3.2-pre.0",
+    "tailwind-config": "1.3.2-pre.0",
+    "tsconfig": "1.3.2-pre.0"
   },
   "dependencies": {
     "@headlessui/react": "^2.1.3",
@@ -50,9 +50,9 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "@copilotkit/react-core": "1.3.1",
-    "@copilotkit/runtime-client-gql": "1.3.1",
-    "@copilotkit/shared": "1.3.1"
+    "@copilotkit/react-core": "1.3.2-pre.0",
+    "@copilotkit/runtime-client-gql": "1.3.2-pre.0",
+    "@copilotkit/shared": "1.3.2-pre.0"
   },
   "keywords": [
     "copilotkit",

package/src/components/chat/Messages.tsx

@@ -107,27 +107,37 @@ export const Messages = ({ messages, inProgress, children }: MessagesProps) => {
                 status = "executing";
               }
 
-              const toRender = render({
-                status: status as any,
-                args,
-                result: functionResults[message.id],
-              });
-
-              // No result and complete: stay silent
-              if (!toRender && status === "complete") {
-                return null;
-              }
-
-              if (typeof toRender === "string") {
+              try {
+                const toRender = render({
+                  status: status as any,
+                  args,
+                  result: functionResults[message.id],
+                });
+                // No result and complete: stay silent
+                if (!toRender && status === "complete") {
+                  return null;
+                }
+                if (typeof toRender === "string") {
+                  return (
+                    <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
+                      {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}
+                    </div>
+                  );
+                } else {
+                  return (
+                    <div key={index} className="copilotKitCustomAssistantMessage">
+                      {toRender}
+                    </div>
+                  );
+                }
+              } catch (e) {
+                console.error(`Error executing render function for action ${message.name}: ${e}`);
                 return (
                   <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
-                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}
-                  </div>
-                );
-              } else {
-                return (
-                  <div key={index} className="copilotKitCustomAssistantMessage">
-                    {toRender}
+                    {isCurrentMessage && inProgress && context.icons.spinnerIcon}
+                    <b>❌ Error executing render: {message.name}</b>
+                    <br />
+                    {e instanceof Error ? e.message : String(e)}
                   </div>
                 );
               }

package/dist/chunk-FOZVHL73.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Messages.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { MessagesProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { Markdown } from \"./Markdown\";\nimport { RenderFunctionStatus, useCopilotContext } from \"@copilotkit/react-core\";\nimport {\n  MessageStatusCode,\n  ActionExecutionMessage,\n  Message,\n  ResultMessage,\n  TextMessage,\n  Role,\n  AgentStateMessage,\n} from \"@copilotkit/runtime-client-gql\";\nimport { CoagentInChatRenderFunction } from \"@copilotkit/react-core/dist/context/copilot-context\";\n\nexport const Messages = ({ messages, inProgress, children }: MessagesProps) => {\n  const { chatComponentsCache } = useCopilotContext();\n\n  const context = useChatContext();\n  const initialMessages = useMemo(\n    () => makeInitialMessages(context.labels.initial),\n    [context.labels.initial],\n  );\n  messages = [...initialMessages, ...messages];\n\n  const functionResults: Record<string, string> = {};\n\n  for (let i = 0; i < messages.length; i++) {\n    if (messages[i] instanceof ActionExecutionMessage) {\n      const id = messages[i].id;\n      const resultMessage: ResultMessage | undefined = messages.find(\n        (message) => message instanceof ResultMessage && message.actionExecutionId === id,\n      ) as ResultMessage | undefined;\n\n      if (resultMessage) {\n        functionResults[id] = ResultMessage.decodeResult(resultMessage.result || \"\");\n      }\n    }\n  }\n\n  const messagesEndRef = React.useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (messagesEndRef.current) {\n      messagesEndRef.current.scrollIntoView({\n        behavior: \"auto\",\n      });\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [messages]);\n\n  return (\n    <div className=\"copilotKitMessages\">\n      {messages.map((message, index) => {\n        const isCurrentMessage = index === messages.length - 1;\n\n        if (message instanceof TextMessage && message.role === \"user\") {\n          return (\n            <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n              {message.content}\n            </div>\n          );\n        } else if (message instanceof TextMessage && message.role == \"assistant\") {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && !message.content ? (\n                context.icons.spinnerIcon\n              ) : (\n                <Markdown content={message.content} />\n              )}\n            </div>\n          );\n        } else if (message instanceof ActionExecutionMessage) {\n          if (\n            chatComponentsCache.current !== null &&\n            chatComponentsCache.current.actions[message.name]\n          ) {\n            const render = chatComponentsCache.current.actions[message.name];\n            // render a static string\n            if (typeof render === \"string\") {\n              // when render is static, we show it only when in progress\n              if (isCurrentMessage && inProgress) {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {context.icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n                  </div>\n                );\n              }\n              // Done - silent by default to avoid a series of \"done\" messages\n              else {\n                return null;\n              }\n            }\n            // render is a function\n            else {\n              const args = message.arguments;\n\n              let status: RenderFunctionStatus = \"inProgress\";\n\n              if (functionResults[message.id] !== undefined) {\n                status = \"complete\";\n              } else if (message.status.code !== MessageStatusCode.Pending) {\n                status = \"executing\";\n              }\n\n              const toRender = render({\n                status: status as any,\n                args,\n                result: functionResults[message.id],\n              });\n\n              // No result and complete: stay silent\n              if (!toRender && status === \"complete\") {\n                return null;\n              }\n\n              if (typeof toRender === \"string\") {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}\n                  </div>\n                );\n              } else {\n                return (\n                  <div key={index} className=\"copilotKitCustomAssistantMessage\">\n                    {toRender}\n                  </div>\n                );\n              }\n            }\n          }\n          // No render function found- show the default message\n          else if (!inProgress || !isCurrentMessage) {\n            // Done - silent by default to avoid a series of \"done\" messages\n            return null;\n          } else {\n            // In progress\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            );\n          }\n        } else if (message instanceof AgentStateMessage) {\n          let render: string | CoagentInChatRenderFunction | undefined;\n\n          if (chatComponentsCache.current !== null) {\n            render =\n              chatComponentsCache.current.coagentActions[\n                `${message.agentName}-${message.nodeName}`\n              ] || chatComponentsCache.current.coagentActions[`${message.agentName}-global`];\n          }\n\n          if (render) {\n            // render a static string\n            if (typeof render === \"string\") {\n              // when render is static, we show it only when in progress\n              if (isCurrentMessage && inProgress) {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {context.icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n                  </div>\n                );\n              }\n              // Done - silent by default to avoid a series of \"done\" messages\n              else {\n                return null;\n              }\n            }\n            // render is a function\n            else {\n              const state = message.state;\n\n              let status = message.active ? \"inProgress\" : \"complete\";\n\n              const toRender = render({\n                status: status as any,\n                state,\n                nodeName: message.nodeName,\n              });\n\n              // No result and complete: stay silent\n              if (!toRender && status === \"complete\") {\n                return null;\n              }\n\n              if (typeof toRender === \"string\") {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}\n                  </div>\n                );\n              } else {\n                return (\n                  <div key={index} className=\"copilotKitCustomAssistantMessage\">\n                    {toRender}\n                  </div>\n                );\n              }\n            }\n          }\n          // No render function found- show the default message\n          else if (!inProgress || !isCurrentMessage) {\n            // Done - silent by default to avoid a series of \"done\" messages\n            return null;\n          } else {\n            // In progress\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            );\n          }\n        } else if (message instanceof ResultMessage && inProgress && isCurrentMessage) {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {context.icons.spinnerIcon}\n            </div>\n          );\n        }\n      })}\n      <footer ref={messagesEndRef}>{children}</footer>\n    </div>\n  );\n};\n\nfunction makeInitialMessages(initial?: string | string[]): Message[] {\n  let initialArray: string[] = [];\n  if (initial) {\n    if (Array.isArray(initial)) {\n      initialArray.push(...initial);\n    } else {\n      initialArray.push(initial);\n    }\n  }\n\n  return initialArray.map(\n    (message) =>\n      new TextMessage({\n        role: Role.Assistant,\n        content: message,\n      }),\n  );\n}\n"],"mappings":"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","names":[]}