@copilotkit/react-ui 0.18.0-mme-assistant-api.0 → 0.18.0-mme-function-call-labels.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @copilotkit/react-ui@0.18.0-mme-assistant-api.0 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-ui
+> @copilotkit/react-ui@0.18.0-mme-function-call-labels.2 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-ui
 > tsup --clean
 
 CLI Building entry: src/index.tsx, src/components/index.ts, src/context/index.ts, src/hooks/index.ts, src/hooks/use-copy-to-clipboard.tsx, src/lib/utils.test.ts, src/lib/utils.ts, src/types/index.ts, src/types/types.ts, src/components/chat/Button.tsx, src/components/chat/Chat.tsx, src/components/chat/ChatContext.tsx, src/components/chat/CodeBlock.tsx, src/components/chat/Header.tsx, src/components/chat/Icons.tsx, src/components/chat/Input.tsx, src/components/chat/Markdown.tsx, src/components/chat/Messages.tsx, src/components/chat/Popup.tsx, src/components/chat/Response.tsx, src/components/chat/Sidebar.tsx, src/components/chat/Textarea.tsx, src/components/chat/Window.tsx, src/components/chat/index.tsx, src/components/chat/props.ts
@@ -23,10 +23,10 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/chunk-JD7BAH7U.mjs                  43.00 B
 ESM dist/chunk-P4GBO6MW.mjs                  43.00 B
 ESM dist/chunk-WB3YULQ4.mjs                  43.00 B
-ESM dist/chunk-KDHWN43O.mjs                  528.00 B
-ESM dist/chunk-FA66IWQ6.mjs                  1.01 KB
-ESM dist/chunk-Q7SIB42Y.mjs                  2.49 KB
-ESM dist/chunk-3M4HWSE7.mjs                  2.31 KB
+ESM dist/chunk-YZ4GW76L.mjs                  528.00 B
+ESM dist/chunk-AK7UZHCU.mjs                  1.01 KB
+ESM dist/chunk-5OZET2NZ.mjs                  2.49 KB
+ESM dist/chunk-CVC7E7LQ.mjs                  5.08 KB
 ESM dist/chunk-GWGHQNRI.mjs                  1.84 KB
 ESM dist/chunk-Z34F3WLK.mjs                  613.00 B
 ESM dist/chunk-B7DNOYVQ.mjs                  3.80 KB
@@ -44,7 +44,7 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/lib/utils.mjs                       885.00 B
 ESM dist/chunk-MRXNTQOX.mjs                  1.89 KB
 ESM dist/chunk-7NSRDJ5C.mjs                  43.00 B
-ESM dist/index.css                           19.65 KB
+ESM dist/index.css                           19.82 KB
 ESM dist/components/chat/props.mjs           69.00 B
 ESM dist/components/chat/Markdown.mjs        255.00 B
 ESM dist/components/chat/Messages.mjs        325.00 B
@@ -71,10 +71,10 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/chunk-JD7BAH7U.mjs.map              71.00 B
 ESM dist/chunk-P4GBO6MW.mjs.map              71.00 B
 ESM dist/chunk-WB3YULQ4.mjs.map              71.00 B
-ESM dist/chunk-KDHWN43O.mjs.map              549.00 B
-ESM dist/chunk-FA66IWQ6.mjs.map              1.36 KB
-ESM dist/chunk-Q7SIB42Y.mjs.map              6.73 KB
-ESM dist/chunk-3M4HWSE7.mjs.map              5.04 KB
+ESM dist/chunk-YZ4GW76L.mjs.map              549.00 B
+ESM dist/chunk-AK7UZHCU.mjs.map              1.36 KB
+ESM dist/chunk-5OZET2NZ.mjs.map              6.73 KB
+ESM dist/chunk-CVC7E7LQ.mjs.map              12.08 KB
 ESM dist/chunk-GWGHQNRI.mjs.map              2.76 KB
 ESM dist/chunk-Z34F3WLK.mjs.map              854.00 B
 ESM dist/chunk-B7DNOYVQ.mjs.map              6.70 KB
@@ -92,7 +92,7 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/lib/utils.mjs.map                   1.49 KB
 ESM dist/chunk-MRXNTQOX.mjs.map              71.00 B
 ESM dist/chunk-7NSRDJ5C.mjs.map              71.00 B
-ESM dist/index.css.map                       30.69 KB
+ESM dist/index.css.map                       30.93 KB
 ESM dist/components/chat/props.mjs.map       71.00 B
 ESM dist/components/chat/Markdown.mjs.map    71.00 B
 ESM dist/components/chat/Messages.mjs.map    71.00 B
@@ -110,10 +110,10 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/components/chat/Header.mjs.map      71.00 B
 ESM dist/components/chat/Icons.mjs.map       71.00 B
 ESM dist/components/chat/Input.mjs.map       71.00 B
-ESM ⚡️ Build success in 1475ms
-CJS dist/index.js                           33.02 KB
-CJS dist/index.css                          19.65 KB
-CJS dist/components/index.js                33.05 KB
+ESM ⚡️ Build success in 1407ms
+CJS dist/index.js                           35.97 KB
+CJS dist/index.css                          19.82 KB
+CJS dist/components/index.js                36.00 KB
 CJS dist/context/index.js                   803.00 B
 CJS dist/hooks/index.js                     797.00 B
 CJS dist/hooks/use-copy-to-clipboard.js     2.32 KB
@@ -122,24 +122,24 @@ Browserslist: caniuse-lite is outdated. Please run:
 CJS dist/types/index.js                     797.00 B
 CJS dist/types/types.js                     797.00 B
 CJS dist/components/chat/Button.js          2.91 KB
-CJS dist/components/chat/Chat.js            31.68 KB
+CJS dist/components/chat/Chat.js            34.64 KB
 CJS dist/components/chat/ChatContext.js     9.01 KB
 CJS dist/components/chat/CodeBlock.js       9.21 KB
 CJS dist/components/chat/Header.js          2.63 KB
 CJS dist/components/chat/Icons.js           9.51 KB
 CJS dist/components/chat/Input.js           5.26 KB
 CJS dist/components/chat/Markdown.js        11.00 KB
-CJS dist/components/chat/Messages.js        13.97 KB
-CJS dist/components/chat/Popup.js           32.08 KB
+CJS dist/components/chat/Messages.js        16.93 KB
+CJS dist/components/chat/Popup.js           35.04 KB
 CJS dist/components/chat/Response.js        2.67 KB
-CJS dist/components/chat/Sidebar.js         32.63 KB
+CJS dist/components/chat/Sidebar.js         35.59 KB
 CJS dist/components/chat/Textarea.js        2.51 KB
 CJS dist/components/chat/Window.js          5.46 KB
-CJS dist/components/chat/index.js           33.03 KB
+CJS dist/components/chat/index.js           35.99 KB
 CJS dist/components/chat/props.js           807.00 B
-CJS dist/index.js.map                       51.42 KB
-CJS dist/index.css.map                      30.69 KB
-CJS dist/components/index.js.map            51.35 KB
+CJS dist/index.js.map                       58.48 KB
+CJS dist/index.css.map                      30.93 KB
+CJS dist/components/index.js.map            58.41 KB
 CJS dist/context/index.js.map               139.00 B
 CJS dist/hooks/index.js.map                 137.00 B
 CJS dist/hooks/use-copy-to-clipboard.js.map 1.23 KB
@@ -148,23 +148,23 @@ Browserslist: caniuse-lite is outdated. Please run:
 CJS dist/types/index.js.map                 137.00 B
 CJS dist/types/types.js.map                 478.00 B
 CJS dist/components/chat/Button.js.map      5.70 KB
-CJS dist/components/chat/Chat.js.map        49.50 KB
+CJS dist/components/chat/Chat.js.map        56.56 KB
 CJS dist/components/chat/ChatContext.js.map 12.69 KB
 CJS dist/components/chat/CodeBlock.js.map   13.35 KB
 CJS dist/components/chat/Header.js.map      5.19 KB
 CJS dist/components/chat/Icons.js.map       8.55 KB
 CJS dist/components/chat/Input.js.map       9.75 KB
 CJS dist/components/chat/Markdown.js.map    16.13 KB
-CJS dist/components/chat/Messages.js.map    25.57 KB
-CJS dist/components/chat/Popup.js.map       50.00 KB
+CJS dist/components/chat/Messages.js.map    32.60 KB
+CJS dist/components/chat/Popup.js.map       57.07 KB
 CJS dist/components/chat/Response.js.map    5.27 KB
-CJS dist/components/chat/Sidebar.js.map     50.83 KB
+CJS dist/components/chat/Sidebar.js.map     57.89 KB
 CJS dist/components/chat/Textarea.js.map    2.83 KB
 CJS dist/components/chat/Window.js.map      6.76 KB
-CJS dist/components/chat/index.js.map       51.49 KB
+CJS dist/components/chat/index.js.map       58.55 KB
 CJS dist/components/chat/props.js.map       884.00 B
-CJS ⚡️ Build success in 1499ms
-DTS ⚡️ Build success in 5859ms
+CJS ⚡️ Build success in 1447ms
+DTS ⚡️ Build success in 5907ms
 DTS dist/index.d.ts                       411.00 B
 DTS dist/components/chat/props.d.ts       794.00 B
 DTS dist/components/chat/Popup.d.ts       269.00 B

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # ui
 
-## 0.18.0-mme-assistant-api.0
+## 0.18.0-mme-function-call-labels.2
+
+### Minor Changes
+
+- be00d61: Alpha
+- QA
+
+### Patch Changes
+
+- Updated dependencies [be00d61]
+- Updated dependencies
+  - @copilotkit/react-core@0.21.0-mme-function-call-labels.2
+  - @copilotkit/shared@0.5.0-mme-function-call-labels.2
+
+## 0.18.0-mme-experimental-actions.1
 
 ### Minor Changes
 
@@ -9,8 +23,20 @@
 ### Patch Changes
 
 - Updated dependencies
-  - @copilotkit/react-core@0.21.0-mme-assistant-api.0
-  - @copilotkit/shared@0.5.0-mme-assistant-api.0
+  - @copilotkit/react-core@0.21.0-mme-experimental-actions.1
+  - @copilotkit/shared@0.5.0-mme-experimental-actions.1
+
+## 0.18.0-mme-experimental-actions.0
+
+### Minor Changes
+
+- QA new action type
+
+### Patch Changes
+
+- Updated dependencies
+  - @copilotkit/react-core@0.21.0-mme-experimental-actions.0
+  - @copilotkit/shared@0.5.0-mme-experimental-actions.0
 
 ## 0.17.1
 

package/dist/{chunk-Q7SIB42Y.mjs → chunk-5OZET2NZ.mjs}

@@ -1,6 +1,6 @@
 import {
   Messages
-} from "./chunk-3M4HWSE7.mjs";
+} from "./chunk-CVC7E7LQ.mjs";
 import {
   ResponseButton
 } from "./chunk-Z34F3WLK.mjs";
@@ -89,4 +89,4 @@ var CopilotChat = ({
 export {
   CopilotChat
 };
-//# sourceMappingURL=chunk-Q7SIB42Y.mjs.map
+//# sourceMappingURL=chunk-5OZET2NZ.mjs.map

package/dist/{chunk-FA66IWQ6.mjs → chunk-AK7UZHCU.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotChat
-} from "./chunk-Q7SIB42Y.mjs";
+} from "./chunk-5OZET2NZ.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -30,4 +30,4 @@ var CopilotSidebar = (props) => {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-FA66IWQ6.mjs.map
+//# sourceMappingURL=chunk-AK7UZHCU.mjs.map

package/dist/chunk-CVC7E7LQ.mjs

@@ -0,0 +1,119 @@
+import {
+  Markdown
+} from "./chunk-GWGHQNRI.mjs";
+import {
+  useChatContext
+} from "./chunk-OF66AL5Z.mjs";
+
+// src/components/chat/Messages.tsx
+import React, { useEffect, useMemo } from "react";
+import { nanoid } from "nanoid";
+import { decodeResult } from "@copilotkit/shared";
+import { useCopilotContext } from "@copilotkit/react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Messages = ({ messages, inProgress }) => {
+  const { entryPoints, chatComponentsCache } = useCopilotContext();
+  const context = useChatContext();
+  const initialMessages = useMemo(
+    () => makeInitialMessages(context.labels.initial),
+    [context.labels.initial]
+  );
+  messages = [...initialMessages, ...messages];
+  const functionResults = {};
+  for (let i = 0; i < messages.length; i++) {
+    if (messages[i].role === "assistant" && messages[i].function_call) {
+      const id = messages[i].id;
+      if (i + 1 < messages.length && messages[i + 1].role === "function") {
+        functionResults[id] = decodeResult(messages[i + 1].content || "");
+      }
+    }
+  }
+  const messagesEndRef = React.useRef(null);
+  const scrollToBottom = () => {
+    if (messagesEndRef.current) {
+      messagesEndRef.current.scrollIntoView({
+        behavior: "auto"
+      });
+    }
+  };
+  useEffect(() => {
+    scrollToBottom();
+  }, [messages]);
+  return /* @__PURE__ */ jsxs("div", { className: "copilotKitMessages", children: [
+    messages.map((message, index) => {
+      var _a, _b, _c, _d;
+      const isCurrentMessage = index === messages.length - 1;
+      if (message.role === "user") {
+        return /* @__PURE__ */ jsx("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
+      } else if (message.role == "assistant") {
+        if (isCurrentMessage && inProgress && !message.content && !message.partialFunctionCall) {
+          return /* @__PURE__ */ 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__ */ jsxs("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                  context.icons.spinnerIcon,
+                  " ",
+                  /* @__PURE__ */ jsx("span", { className: "inProgressLabel", children: render })
+                ] }, index);
+              } else {
+                return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
+              }
+            } else {
+              const args = ((_c = message.function_call) == null ? void 0 : _c.arguments) || ((_d = message.partialFunctionCall) == null ? void 0 : _d.arguments);
+              let status = "inProgress";
+              if (functionResults[message.id] !== void 0) {
+                status = "complete";
+              } else if (message.function_call) {
+                status = "executing";
+              }
+              const result = render({
+                status,
+                args,
+                result: functionResults[message.id]
+              });
+              if (typeof result === "string") {
+                return /* @__PURE__ */ jsxs("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                  isCurrentMessage && inProgress && context.icons.spinnerIcon,
+                  " ",
+                  result
+                ] }, index);
+              } else {
+                return /* @__PURE__ */ jsx("div", { className: "copilotKitCustomAssistantMessage", children: result }, index);
+              }
+            }
+          } else if ((!inProgress || !isCurrentMessage) && message.function_call) {
+            return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
+          } else {
+            return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+          }
+        }
+        return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ jsx(Markdown, { content: message.content }) }, index);
+      }
+    }),
+    /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+  ] });
+};
+function makeInitialMessages(initial) {
+  let initialArray = [];
+  if (initial) {
+    if (Array.isArray(initial)) {
+      initialArray.push(...initial);
+    } else {
+      initialArray.push(initial);
+    }
+  }
+  return initialArray.map((message) => ({
+    id: nanoid(),
+    role: "assistant",
+    content: message
+  }));
+}
+
+export {
+  Messages
+};
+//# sourceMappingURL=chunk-CVC7E7LQ.mjs.map

package/dist/chunk-CVC7E7LQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Messages.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { MessagesProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { nanoid } from \"nanoid\";\nimport { Message, decodeResult } from \"@copilotkit/shared\";\nimport { Markdown } from \"./Markdown\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\n\nexport const Messages = ({ messages, inProgress }: MessagesProps) => {\n  const { entryPoints, chatComponentsCache } = useCopilotContext();\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].role === \"assistant\" && messages[i].function_call) {\n      const id = messages[i].id;\n      if (i + 1 < messages.length && messages[i + 1].role === \"function\") {\n        functionResults[id] = decodeResult(messages[i + 1].content || \"\");\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.role === \"user\") {\n          return (\n            <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n              {message.content}\n            </div>\n          );\n        } else if (message.role == \"assistant\") {\n          if (isCurrentMessage && inProgress && !message.content && !message.partialFunctionCall) {\n            // The message is in progress and there is no content- show the spinner\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            );\n          } else if (message.function_call || message.partialFunctionCall) {\n            // Find the action that corresponds to the function call if any\n            const functionCallName: string = (message.function_call?.name ||\n              message.partialFunctionCall?.name)!;\n            if (\n              chatComponentsCache.current !== null &&\n              chatComponentsCache.current[functionCallName]\n            ) {\n              const render = chatComponentsCache.current[functionCallName];\n\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                // show done message\n                else {\n                  return (\n                    <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                      {context.labels.done}\n                    </div>\n                  );\n                }\n              }\n              // render is a function\n              else {\n                const args =\n                  message.function_call?.arguments || message.partialFunctionCall?.arguments;\n                let status = \"inProgress\";\n                if (functionResults[message.id] !== undefined) {\n                  status = \"complete\";\n                } else if (message.function_call) {\n                  status = \"executing\";\n                }\n\n                const result = render({\n                  status,\n                  args,\n                  result: functionResults[message.id],\n                });\n\n                if (typeof result === \"string\") {\n                  return (\n                    <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                      {isCurrentMessage && inProgress && context.icons.spinnerIcon} {result}\n                    </div>\n                  );\n                } else {\n                  return (\n                    <div key={index} className=\"copilotKitCustomAssistantMessage\">\n                      {result}\n                    </div>\n                  );\n                }\n              }\n            }\n            // No render function found- show the default message\n            else if ((!inProgress || !isCurrentMessage) && message.function_call) {\n              // Done\n              return (\n                <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                  {context.labels.done}\n                </div>\n              );\n            } else {\n              // In progress\n              return (\n                <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                  {context.icons.spinnerIcon}\n                </div>\n              );\n            }\n          }\n\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              <Markdown content={message.content} />\n            </div>\n          );\n\n          // if (isCurrentMessage && inProgress && !message.content) {\n          //   // let inProgressLabel = \"\";\n\n          //   if (message.partialFunctionCall) {\n          //     for (const action of Object.values(entryPoints)) {\n          //       if (\n          //         (action as any).name === message.partialFunctionCall.name &&\n          //         (action as any).render\n          //       ) {\n          //         //       // the label is a function, call it with the arguments\n          //         //       if (typeof action.inProgressLabel === \"function\") {\n          //         //         inProgressLabel = action.inProgressLabel(\n          //         //           message.partialFunctionCall.arguments as any,\n          //         //           // if function_call is undefined, the arguments are incomplete\n          //         //           message.function_call !== undefined,\n          //         //         );\n          //         //       }\n          //         //       // the label is a string\n          //         //       else {\n          //         //         // (don't do an additional type check so we get a compile error if we add a new type)\n          //         //         inProgressLabel = action.inProgressLabel;\n          //         //       }\n          //       }\n          //     }\n          //   }\n          //   return (\n          //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          //       {context.icons.spinnerIcon}\n          //       {/* {inProgressLabel && <span className=\"inProgressLabel\">{inProgressLabel}</span>} */}\n          //     </div>\n          //   );\n          // } else if (\n          //   (!inProgress || index != messages.length - 1) &&\n          //   !message.content &&\n          //   message.function_call\n          // ) {\n          //   return (\n          //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          //       {context.labels.done}\n          //     </div>\n          //   );\n          // }\n          // TODO: Add back partial message\n          // This shows up when the assistant is executing a function\n          //\n          // else if (message.status === \"partial\") {\n          //   return (\n          //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          //       {context.labels.thinking} {context.icons.spinnerIcon}\n          //     </div>\n          //   );\n          // }\n          // else {\n          //   return (\n          //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          //       <Markdown content={message.content} />\n          //     </div>\n          //   );\n          // }\n        }\n        // TODO: Add back function and error messages\n        //\n        // else if (message.role === \"function\" && message.status === \"success\") {\n        //   return (\n        //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n        //       {context.labels.done}\n        //     </div>\n        //   );\n        // } else if (message.status === \"error\") {\n        //   return (\n        //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n        //       {context.labels.error}\n        //     </div>\n        //   );\n        // }\n      })}\n      <div ref={messagesEndRef} />\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((message) => ({\n    id: nanoid(),\n    role: \"assistant\",\n    content: message,\n  }));\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-KDHWN43O.mjs → chunk-YZ4GW76L.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotChat
-} from "./chunk-Q7SIB42Y.mjs";
+} from "./chunk-5OZET2NZ.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ var CopilotPopup = (props) => {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-KDHWN43O.mjs.map
+//# sourceMappingURL=chunk-YZ4GW76L.mjs.map

package/dist/components/chat/Chat.js

@@ -325,7 +325,7 @@ var ChatContextProvider = ({
 };
 
 // src/components/chat/Chat.tsx
-var import_react_core = require("@copilotkit/react-core");
+var import_react_core2 = require("@copilotkit/react-core");
 
 // src/components/chat/Window.tsx
 var import_react2 = __toESM(require("react"));
@@ -463,6 +463,7 @@ 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");
@@ -639,14 +640,25 @@ var components = {
 };
 
 // src/components/chat/Messages.tsx
+var import_react_core = require("@copilotkit/react-core");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Messages = ({ messages, inProgress }) => {
+  const { entryPoints, chatComponentsCache } = (0, import_react_core.useCopilotContext)();
   const context = useChatContext();
   const initialMessages = (0, import_react5.useMemo)(
     () => makeInitialMessages(context.labels.initial),
     [context.labels.initial]
   );
   messages = [...initialMessages, ...messages];
+  const functionResults = {};
+  for (let i = 0; i < messages.length; i++) {
+    if (messages[i].role === "assistant" && messages[i].function_call) {
+      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 messagesEndRef = import_react5.default.useRef(null);
   const scrollToBottom = () => {
     if (messagesEndRef.current) {
@@ -660,17 +672,57 @@ var Messages = ({ messages, inProgress }) => {
   }, [messages]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "copilotKitMessages", children: [
     messages.map((message, index) => {
+      var _a, _b, _c, _d;
       const isCurrentMessage = index === messages.length - 1;
       if (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) {
+        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 ((!inProgress || index != messages.length - 1) && !message.content && message.function_call) {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
-        } else {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content: message.content }) }, 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 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
+              }
+            } else {
+              const args = ((_c = message.function_call) == null ? void 0 : _c.arguments) || ((_d = message.partialFunctionCall) == null ? void 0 : _d.arguments);
+              let status = "inProgress";
+              if (functionResults[message.id] !== void 0) {
+                status = "complete";
+              } else if (message.function_call) {
+                status = "executing";
+              }
+              const result = render({
+                status,
+                args,
+                result: functionResults[message.id]
+              });
+              if (typeof result === "string") {
+                return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                  isCurrentMessage && inProgress && context.icons.spinnerIcon,
+                  " ",
+                  result
+                ] }, index);
+              } else {
+                return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitCustomAssistantMessage", children: result }, index);
+              }
+            }
+          } else if ((!inProgress || !isCurrentMessage) && message.function_call) {
+            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
+          } 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)("div", { ref: messagesEndRef })
@@ -824,7 +876,7 @@ var CopilotChat = ({
   ResponseButton: ResponseButton2 = ResponseButton,
   className
 }) => {
-  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = (0, import_react_core.useCopilotChat)({
+  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = (0, import_react_core2.useCopilotChat)({
     id: (0, import_nanoid2.nanoid)(),
     makeSystemMessage,
     additionalInstructions: instructions