@copilotkit/react-ui 1.9.3-next.4 → 1.10.0-next.0

package/src/components/chat/props.ts

@@ -1,6 +1,7 @@
-import { Message, TextMessage } from "@copilotkit/runtime-client-gql";
+import { AIMessage, Message, UserMessage } from "@copilotkit/shared";
 import { CopilotChatSuggestion } from "../../types/suggestions";
 import { ReactNode } from "react";
+import { ImageData } from "@copilotkit/shared";
 
 export interface ButtonProps {}
 
@@ -31,11 +32,8 @@ export interface MessagesProps {
   children?: React.ReactNode;
   AssistantMessage: React.ComponentType<AssistantMessageProps>;
   UserMessage: React.ComponentType<UserMessageProps>;
-  RenderTextMessage: React.ComponentType<RenderMessageProps>;
-  RenderActionExecutionMessage: React.ComponentType<RenderMessageProps>;
-  RenderAgentStateMessage: React.ComponentType<RenderMessageProps>;
-  RenderResultMessage: React.ComponentType<RenderMessageProps>;
-  RenderImageMessage: React.ComponentType<RenderMessageProps>;
+  RenderMessage: React.ComponentType<RenderMessageProps>;
+  ImageRenderer: React.ComponentType<ImageRendererProps>;
 
   /**
    * Callback function to regenerate the assistant's response
@@ -50,12 +48,12 @@ export interface MessagesProps {
   /**
    * Callback function for thumbs up feedback
    */
-  onThumbsUp?: (message: TextMessage) => void;
+  onThumbsUp?: (message: Message) => void;
 
   /**
    * Callback function for thumbs down feedback
    */
-  onThumbsDown?: (message: TextMessage) => void;
+  onThumbsDown?: (message: Message) => void;
 
   /**
    * A list of markdown components to render in assistant message.
@@ -69,9 +67,8 @@ export interface Renderer {
 }
 
 export interface UserMessageProps {
-  message?: string;
-  rawData: any;
-  subComponent?: React.JSX.Element;
+  message?: UserMessage;
+  ImageRenderer: React.ComponentType<ImageRendererProps>;
 }
 
 export interface AssistantMessageProps {
@@ -79,25 +76,13 @@ export interface AssistantMessageProps {
    * The message content from the assistant
    */
 
-  message?: string;
+  message?: AIMessage;
 
   /**
    * Indicates if this is the last message
    */
   isCurrentMessage?: boolean;
 
-  /**
-   * The raw data from the assistant's response
-   */
-  rawData: any;
-
-  /**
-   * A component that was decided to render by the LLM.
-   * When working with useCopilotActions and useCoAgentStateRender, this will be
-   * the render component that was specified.
-   */
-  subComponent?: React.JSX.Element;
-
   /**
    * Whether a response is loading, this is when the LLM is thinking of a response but hasn't finished yet.
    */
@@ -121,18 +106,23 @@ export interface AssistantMessageProps {
   /**
    * Callback function for thumbs up feedback
    */
-  onThumbsUp?: (message: TextMessage) => void;
+  onThumbsUp?: (message: Message) => void;
 
   /**
    * Callback function for thumbs down feedback
    */
-  onThumbsDown?: (message: TextMessage) => void;
+  onThumbsDown?: (message: Message) => void;
 
   /**
    * A list of markdown components to render in assistant message.
    * Useful when you want to render custom elements in the message (e.g a reference tag element)
    */
   markdownTagRenderers?: ComponentsMap;
+
+  /**
+   * A custom image rendering component to use instead of the default.
+   */
+  ImageRenderer?: React.ComponentType<ImageRendererProps>;
 }
 
 export interface RenderMessageProps {
@@ -143,6 +133,7 @@ export interface RenderMessageProps {
   actionResult?: string;
   AssistantMessage?: React.ComponentType<AssistantMessageProps>;
   UserMessage?: React.ComponentType<UserMessageProps>;
+  ImageRenderer?: React.ComponentType<ImageRendererProps>;
 
   /**
    * Callback function to regenerate the assistant's response
@@ -157,12 +148,12 @@ export interface RenderMessageProps {
   /**
    * Callback function for thumbs up feedback
    */
-  onThumbsUp?: (message: TextMessage) => void;
+  onThumbsUp?: (message: Message) => void;
 
   /**
    * Callback function for thumbs down feedback
    */
-  onThumbsDown?: (message: TextMessage) => void;
+  onThumbsDown?: (message: Message) => void;
 
   /**
    * A list of markdown components to render in assistant message.
@@ -184,3 +175,20 @@ export interface RenderSuggestionsListProps {
   suggestions: CopilotChatSuggestion[];
   onSuggestionClick: (message: string) => void;
 }
+
+export interface ImageRendererProps {
+  /**
+   * The image data containing format and bytes
+   */
+  image: ImageData;
+
+  /**
+   * Optional content to display alongside the image
+   */
+  content?: string;
+
+  /**
+   * Additional CSS class name for styling
+   */
+  className?: string;
+}

package/src/css/colors.css

@@ -23,6 +23,11 @@ WHEN MAKING ANY CHANGE, MAKE SURE TO INCLUDE IT IN ALL DUPLICATIONS.
   /* Muted color for disabled/inactive states */
   --copilot-kit-muted-color: rgb(200 200 200);
 
+  /* Error colors */
+  --copilot-kit-error-background: #fef2f2;
+  --copilot-kit-error-border: #fecaca;
+  --copilot-kit-error-text: #dc2626;
+
   /* Shadow tokens */
   /* Small shadow for subtle elevation */
   --copilot-kit-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -59,6 +64,11 @@ body[style*="color-scheme: dark"] :root {
   /* Muted color for disabled/inactive states */
   --copilot-kit-muted-color: rgb(45, 45, 45);
 
+  /* Error colors */
+  --copilot-kit-error-background: #7f1d1d;
+  --copilot-kit-error-border: #dc2626;
+  --copilot-kit-error-text: #fca5a5;
+
   /* Small shadow for subtle elevation */
   --copilot-kit-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   /* Medium shadow for cards */

package/src/css/markdown.css

@@ -140,3 +140,11 @@ li.copilotKitMarkdownElement {
 .copilotKitCodeBlockToolbarButton:hover {
   background-color: rgb(55, 55, 58);
 }
+
+.copilotKitInlineCode {
+  background-color: var(--copilot-kit-input-background-color);
+  border: 1px solid var(--copilot-kit-separator-color);
+  border-radius: 0.375rem;
+  padding: 0.05rem 0.4rem;
+  font-size: 15px;
+}

package/src/css/messages.css

@@ -9,8 +9,6 @@
 }
 
 .copilotKitMessagesContainer {
-  /*overflow-y: scroll;*/
-  /*flex: 1;*/
   padding: 1rem 24px;
   display: flex;
   flex-direction: column;
@@ -18,11 +16,11 @@
 
 .copilotKitMessagesFooter {
   display: flex;
-  padding: 0;
-  margin: 0 auto 8px auto;
+  padding: 0.5rem 0.75rem;
+  margin: 8px auto 0 auto;
   justify-content: flex-start;
   flex-direction: column;
-  width: 90%;
+  width: 97%;
 }
 
 .copilotKitMessages::-webkit-scrollbar {
@@ -183,3 +181,54 @@
   background-color: var(--copilot-kit-primary-color);
   animation: copilotKitActivityDotAnimation 1.4s infinite ease-in-out both;
 }
+
+/* Image Rendering Styles */
+.copilotKitImageRendering {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.copilotKitImageRenderingImage {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  box-shadow: var(--copilot-kit-shadow-sm);
+}
+
+.copilotKitImageRenderingContent {
+  margin-top: 8px;
+  padding: 0 16px;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: var(--copilot-kit-secondary-contrast-color);
+}
+
+/* Image Error State Styles */
+.copilotKitImageRenderingError {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px;
+  border: 1px solid var(--copilot-kit-separator-color);
+  border-radius: 8px;
+  background-color: var(--copilot-kit-input-background-color);
+}
+
+.copilotKitImageRenderingErrorMessage {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  background-color: var(--copilot-kit-error-background);
+  border: 1px solid var(--copilot-kit-error-border);
+  border-radius: 6px;
+  color: var(--copilot-kit-error-text);
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.copilotKitImageRenderingErrorMessage::before {
+  content: "⚠️";
+  font-size: 1rem;
+}

package/src/css/suggestions.css

@@ -40,4 +40,4 @@
 
 .copilotKitMessages footer .suggestions button svg {
   margin-right: 6px;
-}
+}

package/src/hooks/use-push-to-talk.tsx

@@ -1,5 +1,6 @@
 import { useCopilotContext, useCopilotMessagesContext } from "@copilotkit/react-core";
-import { Message, TextMessage } from "@copilotkit/runtime-client-gql";
+import { gqlToAGUI } from "@copilotkit/runtime-client-gql";
+import { Message } from "@copilotkit/shared";
 import { MutableRefObject, useEffect, useRef, useState } from "react";
 
 export const checkMicrophonePermission = async () => {
@@ -149,11 +150,11 @@ export const usePushToTalk = ({
         (message) => message.id === startReadingFromMessageId,
       );
 
-      const messagesAfterLast = context.messages
+      const aguiMessages = gqlToAGUI(context.messages);
+
+      const messagesAfterLast = aguiMessages
         .slice(lastMessageIndex + 1)
-        .filter(
-          (message) => message.isTextMessage() && message.role === "assistant",
-        ) as TextMessage[];
+        .filter((message) => message.role === "assistant");
 
       const text = messagesAfterLast.map((message) => message.content).join("\n");
       playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl!, audioContextRef.current!);

package/src/styles.css

@@ -11,4 +11,4 @@
 @import "./css/suggestions.css";
 @import "./css/panel.css";
 @import "./css/console.css";
-@import "./css/crew.css";
+@import "./css/crew.css";

package/src/types/css.ts

@@ -10,6 +10,9 @@ export interface CopilotKitCSSProperties extends CSSProperties {
   "--copilot-kit-secondary-contrast-color"?: string;
   "--copilot-kit-separator-color"?: string;
   "--copilot-kit-muted-color"?: string;
+  "--copilot-kit-error-background"?: string;
+  "--copilot-kit-error-border"?: string;
+  "--copilot-kit-error-text"?: string;
   "--copilot-kit-shadow-sm"?: string;
   "--copilot-kit-shadow-md"?: string;
   "--copilot-kit-shadow-lg"?: string;

package/dist/chunk-2II3Q27P.mjs

@@ -1,112 +0,0 @@
-import {
-  AssistantMessage
-} from "./chunk-L3GZ7TXC.mjs";
-import {
-  __objRest
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/messages/RenderAgentStateMessage.tsx
-import { useCopilotContext } from "@copilotkit/react-core";
-import { jsx } from "react/jsx-runtime";
-function RenderAgentStateMessage(_a) {
-  var _b = _a, {
-    AssistantMessage: AssistantMessage2 = AssistantMessage
-  } = _b, props = __objRest(_b, [
-    "AssistantMessage"
-  ]);
-  const { chatComponentsCache } = useCopilotContext();
-  const { message, inProgress, index, isCurrentMessage } = props;
-  if (message.isAgentStateMessage()) {
-    let render;
-    if (chatComponentsCache.current !== null) {
-      render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
-    }
-    if (render) {
-      if (typeof render === "string") {
-        if (isCurrentMessage && inProgress) {
-          return /* @__PURE__ */ jsx(
-            AssistantMessage2,
-            {
-              rawData: message,
-              message: render,
-              "data-message-role": "assistant",
-              isLoading: true,
-              isGenerating: true
-            },
-            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 (!toRender && isCurrentMessage && inProgress) {
-          return /* @__PURE__ */ jsx(
-            AssistantMessage2,
-            {
-              "data-message-role": "assistant",
-              rawData: message,
-              isLoading: true,
-              isGenerating: true
-            },
-            index
-          );
-        } else if (!toRender) {
-          return null;
-        }
-        if (typeof toRender === "string") {
-          return /* @__PURE__ */ jsx(
-            AssistantMessage2,
-            {
-              rawData: message,
-              message: toRender,
-              isLoading: true,
-              isGenerating: true,
-              "data-message-role": "assistant"
-            },
-            index
-          );
-        } else {
-          return /* @__PURE__ */ jsx(
-            AssistantMessage2,
-            {
-              rawData: message,
-              "data-message-role": "agent-state-render",
-              isLoading: false,
-              isGenerating: false,
-              subComponent: toRender
-            },
-            index
-          );
-        }
-      }
-    } else if (!inProgress || !isCurrentMessage) {
-      return null;
-    } else {
-      return /* @__PURE__ */ jsx(
-        AssistantMessage2,
-        {
-          rawData: message,
-          isLoading: true,
-          isGenerating: true,
-          "data-message-role": "assistant"
-        },
-        index
-      );
-    }
-  }
-}
-
-export {
-  RenderAgentStateMessage
-};
-//# sourceMappingURL=chunk-2II3Q27P.mjs.map

package/dist/chunk-2II3Q27P.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderAgentStateMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { CoagentInChatRenderFunction, useCopilotContext } from \"@copilotkit/react-core\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\n\nexport function RenderAgentStateMessage({\n  AssistantMessage = DefaultAssistantMessage,\n  ...props\n}: RenderMessageProps) {\n  const { chatComponentsCache } = useCopilotContext();\n  const { message, inProgress, index, isCurrentMessage } = props;\n\n  if (message.isAgentStateMessage()) {\n    let render: string | CoagentInChatRenderFunction | undefined;\n\n    if (chatComponentsCache.current !== null) {\n      render =\n        chatComponentsCache.current.coAgentStateRenders[\n          `${message.agentName}-${message.nodeName}`\n        ] || chatComponentsCache.current.coAgentStateRenders[`${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            <AssistantMessage\n              rawData={message}\n              message={render}\n              data-message-role=\"assistant\"\n              key={index}\n              isLoading={true}\n              isGenerating={true}\n            />\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 (!toRender && isCurrentMessage && inProgress) {\n          return (\n            <AssistantMessage\n              data-message-role=\"assistant\"\n              key={index}\n              rawData={message}\n              isLoading={true}\n              isGenerating={true}\n            />\n          );\n        } else if (!toRender) {\n          return null;\n        }\n\n        if (typeof toRender === \"string\") {\n          return (\n            <AssistantMessage\n              rawData={message}\n              message={toRender}\n              isLoading={true}\n              isGenerating={true}\n              data-message-role=\"assistant\"\n              key={index}\n            />\n          );\n        } else {\n          return (\n            <AssistantMessage\n              rawData={message}\n              data-message-role=\"agent-state-render\"\n              key={index}\n              isLoading={false}\n              isGenerating={false}\n              subComponent={toRender}\n            />\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        <AssistantMessage\n          rawData={message}\n          isLoading={true}\n          isGenerating={true}\n          data-message-role=\"assistant\"\n          key={index}\n        />\n      );\n    }\n  }\n}\n"],"mappings":";;;;;;;;AACA,SAAsC,yBAAyB;AA0BnD;AAvBL,SAAS,wBAAwB,IAGjB;AAHiB,eACtC;AAAA,sBAAAA,oBAAmB;AAAA,EALrB,IAIwC,IAEnC,kBAFmC,IAEnC;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,SAAS,YAAY,OAAO,iBAAiB,IAAI;AAEzD,MAAI,QAAQ,oBAAoB,GAAG;AACjC,QAAI;AAEJ,QAAI,oBAAoB,YAAY,MAAM;AACxC,eACE,oBAAoB,QAAQ,oBAC1B,GAAG,QAAQ,aAAa,QAAQ,UAClC,KAAK,oBAAoB,QAAQ,oBAAoB,GAAG,QAAQ,kBAAkB;AAAA,IACtF;AAEA,QAAI,QAAQ;AAEV,UAAI,OAAO,WAAW,UAAU;AAE9B,YAAI,oBAAoB,YAAY;AAClC,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,SAAS;AAAA,cACT,qBAAkB;AAAA,cAElB,WAAW;AAAA,cACX,cAAc;AAAA;AAAA,YAFT;AAAA,UAGP;AAAA,QAEJ,OAEK;AACH,iBAAO;AAAA,QACT;AAAA,MACF,OAEK;AACH,cAAM,QAAQ,QAAQ;AAEtB,YAAI,SAAS,QAAQ,SAAS,eAAe;AAE7C,cAAM,WAAW,OAAO;AAAA,UACtB;AAAA,UACA;AAAA,UACA,UAAU,QAAQ;AAAA,QACpB,CAAC;AAGD,YAAI,CAAC,YAAY,WAAW,YAAY;AACtC,iBAAO;AAAA,QACT;AAEA,YAAI,CAAC,YAAY,oBAAoB,YAAY;AAC/C,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,qBAAkB;AAAA,cAElB,SAAS;AAAA,cACT,WAAW;AAAA,cACX,cAAc;AAAA;AAAA,YAHT;AAAA,UAIP;AAAA,QAEJ,WAAW,CAAC,UAAU;AACpB,iBAAO;AAAA,QACT;AAEA,YAAI,OAAO,aAAa,UAAU;AAChC,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,SAAS;AAAA,cACT,WAAW;AAAA,cACX,cAAc;AAAA,cACd,qBAAkB;AAAA;AAAA,YACb;AAAA,UACP;AAAA,QAEJ,OAAO;AACL,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,qBAAkB;AAAA,cAElB,WAAW;AAAA,cACX,cAAc;AAAA,cACd,cAAc;AAAA;AAAA,YAHT;AAAA,UAIP;AAAA,QAEJ;AAAA,MACF;AAAA,IACF,WAES,CAAC,cAAc,CAAC,kBAAkB;AAEzC,aAAO;AAAA,IACT,OAAO;AAEL,aACE;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,UACX,cAAc;AAAA,UACd,qBAAkB;AAAA;AAAA,QACb;AAAA,MACP;AAAA,IAEJ;AAAA,EACF;AACF;","names":["AssistantMessage"]}

package/dist/chunk-32MUWKL3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderTextMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { UserMessage as DefaultUserMessage } from \"./UserMessage\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\n\nexport function RenderTextMessage({\n  UserMessage = DefaultUserMessage,\n  AssistantMessage = DefaultAssistantMessage,\n  ...props\n}: RenderMessageProps) {\n  const {\n    message,\n    inProgress,\n    index,\n    isCurrentMessage,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    markdownTagRenderers,\n  } = props;\n\n  if (message.isTextMessage()) {\n    if (message.role === \"user\") {\n      return (\n        <UserMessage\n          key={index}\n          data-message-role=\"user\"\n          message={message.content}\n          rawData={message}\n        />\n      );\n    } else if (message.role == \"assistant\") {\n      return (\n        <AssistantMessage\n          key={index}\n          data-message-role=\"assistant\"\n          message={message.content}\n          rawData={message}\n          isLoading={inProgress && isCurrentMessage && !message.content}\n          isGenerating={inProgress && isCurrentMessage && !!message.content}\n          isCurrentMessage={isCurrentMessage}\n          onRegenerate={() => onRegenerate?.(message.id)}\n          onCopy={onCopy}\n          onThumbsUp={onThumbsUp}\n          onThumbsDown={onThumbsDown}\n          markdownTagRenderers={markdownTagRenderers}\n        />\n      );\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;AAwBQ;AApBD,SAAS,kBAAkB,IAIX;AAJW,eAChC;AAAA,iBAAAA,eAAc;AAAA,IACd,kBAAAC,oBAAmB;AAAA,EANrB,IAIkC,IAG7B,kBAH6B,IAG7B;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,QAAQ,cAAc,GAAG;AAC3B,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aACE;AAAA,QAACD;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,SAAS,QAAQ;AAAA,UACjB,SAAS;AAAA;AAAA,QAHJ;AAAA,MAIP;AAAA,IAEJ,WAAW,QAAQ,QAAQ,aAAa;AACtC,aACE;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,SAAS,QAAQ;AAAA,UACjB,SAAS;AAAA,UACT,WAAW,cAAc,oBAAoB,CAAC,QAAQ;AAAA,UACtD,cAAc,cAAc,oBAAoB,CAAC,CAAC,QAAQ;AAAA,UAC1D;AAAA,UACA,cAAc,MAAM,6CAAe,QAAQ;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAXK;AAAA,MAYP;AAAA,IAEJ;AAAA,EACF;AACF;","names":["UserMessage","AssistantMessage"]}

package/dist/chunk-53CVDVS5.mjs

@@ -1,127 +0,0 @@
-import {
-  AssistantMessage
-} from "./chunk-L3GZ7TXC.mjs";
-import {
-  __objRest
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/messages/RenderActionExecutionMessage.tsx
-import { MessageStatusCode } from "@copilotkit/runtime-client-gql";
-import { useCopilotContext } from "@copilotkit/react-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RenderActionExecutionMessage(_a) {
-  var _b = _a, {
-    AssistantMessage: AssistantMessage2 = AssistantMessage
-  } = _b, props = __objRest(_b, [
-    "AssistantMessage"
-  ]);
-  const { chatComponentsCache } = useCopilotContext();
-  const { message, inProgress, index, isCurrentMessage, actionResult } = props;
-  if (message.isActionExecutionMessage()) {
-    if (chatComponentsCache.current !== null && (chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"])) {
-      const render = chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"];
-      if (typeof render === "string") {
-        if (isCurrentMessage && inProgress) {
-          return /* @__PURE__ */ jsx(
-            AssistantMessage2,
-            {
-              rawData: message,
-              "data-message-role": "assistant",
-              isLoading: false,
-              isGenerating: true,
-              message: render
-            },
-            index
-          );
-        } else {
-          return null;
-        }
-      } else {
-        const args = message.arguments;
-        let status = "inProgress";
-        if (actionResult !== void 0) {
-          status = "complete";
-        } else if (message.status.code !== MessageStatusCode.Pending) {
-          status = "executing";
-        }
-        try {
-          const toRender = render({
-            status,
-            // Cast to any as RenderFunctionStatus is a union that can be complex to narrow here
-            args,
-            result: actionResult,
-            name: message.name,
-            messageId: message.id
-            // Pass messageId for HITL action correlation
-          });
-          if (!toRender && status === "complete") {
-            return null;
-          }
-          if (typeof toRender === "string") {
-            return /* @__PURE__ */ jsx(
-              AssistantMessage2,
-              {
-                rawData: message,
-                "data-message-role": "assistant",
-                isLoading: false,
-                isGenerating: false,
-                message: toRender
-              },
-              index
-            );
-          } else {
-            return /* @__PURE__ */ jsx(
-              AssistantMessage2,
-              {
-                rawData: message,
-                "data-message-role": "action-render",
-                isLoading: false,
-                isGenerating: false,
-                subComponent: toRender
-              },
-              index
-            );
-          }
-        } catch (e) {
-          console.error(`Error executing render function for action ${message.name}: ${e}`);
-          return /* @__PURE__ */ jsx(
-            AssistantMessage2,
-            {
-              rawData: message,
-              "data-message-role": "assistant",
-              isLoading: false,
-              isGenerating: false,
-              subComponent: /* @__PURE__ */ jsxs("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
-                /* @__PURE__ */ jsxs("b", { children: [
-                  "\u274C Error executing render function for action ",
-                  message.name,
-                  ":"
-                ] }),
-                /* @__PURE__ */ jsx("pre", { children: e instanceof Error ? e.message : String(e) })
-              ] })
-            },
-            index
-          );
-        }
-      }
-    } else if (!inProgress || !isCurrentMessage) {
-      return null;
-    } else {
-      return /* @__PURE__ */ jsx(
-        AssistantMessage2,
-        {
-          rawData: message,
-          "data-message-role": "assistant",
-          isLoading: true,
-          isGenerating: true
-        },
-        index
-      );
-    }
-  }
-}
-
-export {
-  RenderActionExecutionMessage
-};
-//# sourceMappingURL=chunk-53CVDVS5.mjs.map

package/dist/chunk-53CVDVS5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderActionExecutionMessage.tsx"],"sourcesContent":["import { MessageStatusCode } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { RenderFunctionStatus, useCopilotContext } from \"@copilotkit/react-core\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\n\nexport function RenderActionExecutionMessage({\n  AssistantMessage = DefaultAssistantMessage,\n  ...props\n}: RenderMessageProps) {\n  const { chatComponentsCache } = useCopilotContext();\n  const { message, inProgress, index, isCurrentMessage, actionResult } = props;\n\n  if (message.isActionExecutionMessage()) {\n    if (\n      chatComponentsCache.current !== null &&\n      (chatComponentsCache.current.actions[message.name] ||\n        chatComponentsCache.current.actions[\"*\"])\n    ) {\n      const render =\n        chatComponentsCache.current.actions[message.name] ||\n        chatComponentsCache.current.actions[\"*\"];\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            <AssistantMessage\n              rawData={message}\n              key={index}\n              data-message-role=\"assistant\"\n              isLoading={false}\n              isGenerating={true}\n              message={render}\n            />\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 (actionResult !== undefined) {\n          status = \"complete\";\n        } else if (message.status.code !== MessageStatusCode.Pending) {\n          status = \"executing\";\n        }\n\n        try {\n          const toRender = render({\n            status: status as any, // Cast to any as RenderFunctionStatus is a union that can be complex to narrow here\n            args,\n            result: actionResult,\n            name: message.name,\n            messageId: message.id, // Pass messageId for HITL action correlation\n          } as any);\n          // No result and complete: stay silent\n          if (!toRender && status === \"complete\") {\n            return null;\n          }\n          if (typeof toRender === \"string\") {\n            return (\n              <AssistantMessage\n                rawData={message}\n                data-message-role=\"assistant\"\n                key={index}\n                isLoading={false}\n                isGenerating={false}\n                message={toRender}\n              />\n            );\n          } else {\n            return (\n              <AssistantMessage\n                rawData={message}\n                data-message-role=\"action-render\"\n                key={index}\n                isLoading={false}\n                isGenerating={false}\n                subComponent={toRender}\n              />\n            );\n          }\n        } catch (e) {\n          // It's useful to log this error for developers to debug their custom render functions\n          console.error(`Error executing render function for action ${message.name}: ${e}`);\n          return (\n            <AssistantMessage\n              rawData={message}\n              data-message-role=\"assistant\"\n              key={index}\n              isLoading={false}\n              isGenerating={false}\n              subComponent={\n                <div className=\"copilotKitMessage copilotKitAssistantMessage\">\n                  <b>❌ Error executing render function for action {message.name}:</b>\n                  <pre>{e instanceof Error ? e.message : String(e)}</pre>\n                </div>\n              }\n            />\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        <AssistantMessage\n          rawData={message}\n          key={index}\n          data-message-role=\"assistant\"\n          isLoading={true}\n          isGenerating={true}\n        />\n      );\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,yBAAyB;AAElC,SAA+B,yBAAyB;AAwB5C,cA0EM,YA1EN;AArBL,SAAS,6BAA6B,IAGtB;AAHsB,eAC3C;AAAA,sBAAAA,oBAAmB;AAAA,EANrB,IAK6C,IAExC,kBAFwC,IAExC;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,SAAS,YAAY,OAAO,kBAAkB,aAAa,IAAI;AAEvE,MAAI,QAAQ,yBAAyB,GAAG;AACtC,QACE,oBAAoB,YAAY,SAC/B,oBAAoB,QAAQ,QAAQ,QAAQ,IAAI,KAC/C,oBAAoB,QAAQ,QAAQ,GAAG,IACzC;AACA,YAAM,SACJ,oBAAoB,QAAQ,QAAQ,QAAQ,IAAI,KAChD,oBAAoB,QAAQ,QAAQ,GAAG;AAEzC,UAAI,OAAO,WAAW,UAAU;AAE9B,YAAI,oBAAoB,YAAY;AAClC,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cAET,qBAAkB;AAAA,cAClB,WAAW;AAAA,cACX,cAAc;AAAA,cACd,SAAS;AAAA;AAAA,YAJJ;AAAA,UAKP;AAAA,QAEJ,OAEK;AACH,iBAAO;AAAA,QACT;AAAA,MACF,OAEK;AACH,cAAM,OAAO,QAAQ;AAErB,YAAI,SAA+B;AAEnC,YAAI,iBAAiB,QAAW;AAC9B,mBAAS;AAAA,QACX,WAAW,QAAQ,OAAO,SAAS,kBAAkB,SAAS;AAC5D,mBAAS;AAAA,QACX;AAEA,YAAI;AACF,gBAAM,WAAW,OAAO;AAAA,YACtB;AAAA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,QAAQ;AAAA,YACd,WAAW,QAAQ;AAAA;AAAA,UACrB,CAAQ;AAER,cAAI,CAAC,YAAY,WAAW,YAAY;AACtC,mBAAO;AAAA,UACT;AACA,cAAI,OAAO,aAAa,UAAU;AAChC,mBACE;AAAA,cAACA;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBACT,qBAAkB;AAAA,gBAElB,WAAW;AAAA,gBACX,cAAc;AAAA,gBACd,SAAS;AAAA;AAAA,cAHJ;AAAA,YAIP;AAAA,UAEJ,OAAO;AACL,mBACE;AAAA,cAACA;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBACT,qBAAkB;AAAA,gBAElB,WAAW;AAAA,gBACX,cAAc;AAAA,gBACd,cAAc;AAAA;AAAA,cAHT;AAAA,YAIP;AAAA,UAEJ;AAAA,QACF,SAAS,GAAP;AAEA,kBAAQ,MAAM,8CAA8C,QAAQ,SAAS,GAAG;AAChF,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,qBAAkB;AAAA,cAElB,WAAW;AAAA,cACX,cAAc;AAAA,cACd,cACE,qBAAC,SAAI,WAAU,gDACb;AAAA,qCAAC,OAAE;AAAA;AAAA,kBAA8C,QAAQ;AAAA,kBAAK;AAAA,mBAAC;AAAA,gBAC/D,oBAAC,SAAK,uBAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,GAAE;AAAA,iBACnD;AAAA;AAAA,YAPG;AAAA,UASP;AAAA,QAEJ;AAAA,MACF;AAAA,IACF,WAES,CAAC,cAAc,CAAC,kBAAkB;AAEzC,aAAO;AAAA,IACT,OAAO;AAEL,aACE;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UAET,qBAAkB;AAAA,UAClB,WAAW;AAAA,UACX,cAAc;AAAA;AAAA,QAHT;AAAA,MAIP;AAAA,IAEJ;AAAA,EACF;AACF;","names":["AssistantMessage"]}