@copilotkit/react-ui 1.3.14-fix-handle-execute-agent-error.0 → 1.3.15

package/CHANGELOG.md

@@ -1,14 +1,24 @@
 # ui
 
-## 1.3.14-fix-handle-execute-agent-error.0
+## 1.3.15
 
 ### Patch Changes
 
-- catch and log agent execution call failures
+- pass description for array and object action parameters in langchain adapter
 - Updated dependencies
-  - @copilotkit/react-core@1.3.14-fix-handle-execute-agent-error.0
-  - @copilotkit/runtime-client-gql@1.3.14-fix-handle-execute-agent-error.0
-  - @copilotkit/shared@1.3.14-fix-handle-execute-agent-error.0
+  - @copilotkit/react-core@1.3.15
+  - @copilotkit/runtime-client-gql@1.3.15
+  - @copilotkit/shared@1.3.15
+
+## 1.3.14
+
+### Patch Changes
+
+- Add data-test-id to some elements for testing
+- Updated dependencies
+  - @copilotkit/react-core@1.3.14
+  - @copilotkit/runtime-client-gql@1.3.14
+  - @copilotkit/shared@1.3.14
 
 ## 1.3.13
 

package/dist/{chunk-47OPG5FM.mjs → chunk-3EYL2DRG.mjs}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-3KBQXU44.mjs";
+} from "./chunk-NLIDKNNS.mjs";
 import {
   Input
-} from "./chunk-JTINVYPK.mjs";
+} from "./chunk-4LUMV4YO.mjs";
 import {
   Messages
 } from "./chunk-CPMIEVKK.mjs";
@@ -88,4 +88,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-47OPG5FM.mjs.map
+//# sourceMappingURL=chunk-3EYL2DRG.mjs.map

package/dist/{chunk-KCAVDFB6.mjs → chunk-3JNDMHS4.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-47OPG5FM.mjs";
+} from "./chunk-3EYL2DRG.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-KCAVDFB6.mjs.map
+//# sourceMappingURL=chunk-3JNDMHS4.mjs.map

package/dist/{chunk-JTINVYPK.mjs → chunk-4LUMV4YO.mjs}

@@ -72,7 +72,16 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
           children: context.icons.pushToTalkIcon
         }
       ),
-      /* @__PURE__ */ jsx("button", { disabled: sendDisabled, onClick: send, children: sendIcon })
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: sendDisabled,
+          onClick: send,
+          "data-copilotkit-in-progress": !!inProgress,
+          "data-testid": inProgress ? "copilot-chat-request-in-progress" : void 0,
+          children: sendIcon
+        }
+      )
     ] })
   ] });
 };
@@ -80,4 +89,4 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
 export {
   Input
 };
-//# sourceMappingURL=chunk-JTINVYPK.mjs.map
+//# sourceMappingURL=chunk-4LUMV4YO.mjs.map

package/dist/{chunk-JTINVYPK.mjs.map → chunk-4LUMV4YO.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\nimport { usePushToTalk } from \"../../hooks/use-push-to-talk\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\n\nexport const Input = ({ inProgress, onSend, isVisible = false }: InputProps) => {\n  const context = useChatContext();\n  const copilotContext = useCopilotContext();\n\n  const pushToTalkConfigured =\n    copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n    copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    // Check if the clicked element is not the textarea itself\n    if (event.target !== event.currentTarget) return;\n\n    textareaRef.current?.focus();\n  };\n\n  const [text, setText] = useState(\"\");\n  const send = () => {\n    if (inProgress) return;\n    onSend(text);\n    setText(\"\");\n\n    textareaRef.current?.focus();\n  };\n\n  useEffect(() => {\n    if (isVisible) {\n      textareaRef.current?.focus();\n    }\n  }, [isVisible]);\n\n  const { pushToTalkState, setPushToTalkState } = usePushToTalk({\n    sendFunction: onSend,\n    inProgress,\n  });\n\n  const sendIcon =\n    inProgress || pushToTalkState === \"transcribing\"\n      ? context.icons.activityIcon\n      : context.icons.sendIcon;\n  const showPushToTalk =\n    pushToTalkConfigured &&\n    (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n    !inProgress;\n  const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== \"idle\";\n\n  return (\n    <div className=\"copilotKitInput\" onClick={handleDivClick}>\n      <AutoResizingTextarea\n        ref={textareaRef}\n        placeholder={context.labels.placeholder}\n        autoFocus={true}\n        maxRows={5}\n        value={text}\n        onChange={(event) => setText(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\" && !event.shiftKey) {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      <div className=\"copilotKitInputControls\">\n        {showPushToTalk && (\n          <button\n            onClick={() =>\n              setPushToTalkState(pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\")\n            }\n            className={pushToTalkState === \"recording\" ? \"copilotKitPushToTalkRecording\" : \"\"}\n          >\n            {context.icons.pushToTalkIcon}\n          </button>\n        )}\n        <button disabled={sendDisabled} onClick={send}>\n          {sendIcon}\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAKnD,SAAS,yBAAyB;AAmD5B,cAcA,YAdA;AAjDC,IAAM,QAAQ,CAAC,EAAE,YAAY,QAAQ,YAAY,MAAM,MAAkB;AAC9E,QAAM,UAAU,eAAe;AAC/B,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,uBACJ,eAAe,iBAAiB,oBAAoB,UACpD,eAAe,iBAAiB,uBAAuB;AAEzD,QAAM,cAAc,OAA4B,IAAI;AAEpD,QAAM,iBAAiB,CAAC,UAA4C;AAjBtE;AAmBI,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,OAAO,MAAM;AAzBrB;AA0BI,QAAI;AAAY;AAChB,WAAO,IAAI;AACX,YAAQ,EAAE;AAEV,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,YAAU,MAAM;AAjClB;AAkCI,QAAI,WAAW;AACb,wBAAY,YAAZ,mBAAqB;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,cAAc;AAAA,IAC5D,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,WACJ,cAAc,oBAAoB,iBAC9B,QAAQ,MAAM,eACd,QAAQ,MAAM;AACpB,QAAM,iBACJ,yBACC,oBAAoB,UAAU,oBAAoB,gBACnD,CAAC;AACH,QAAM,eAAe,cAAc,KAAK,WAAW,KAAK,oBAAoB;AAE5E,SACE,qBAAC,SAAI,WAAU,mBAAkB,SAAS,gBACxC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAa,QAAQ,OAAO;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;AAC5C,kBAAM,eAAe;AACrB,iBAAK;AAAA,UACP;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MACP,mBAAmB,oBAAoB,SAAS,cAAc,cAAc;AAAA,UAE9E,WAAW,oBAAoB,cAAc,kCAAkC;AAAA,UAE9E,kBAAQ,MAAM;AAAA;AAAA,MACjB;AAAA,MAEF,oBAAC,YAAO,UAAU,cAAc,SAAS,MACtC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\nimport { usePushToTalk } from \"../../hooks/use-push-to-talk\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\n\nexport const Input = ({ inProgress, onSend, isVisible = false }: InputProps) => {\n  const context = useChatContext();\n  const copilotContext = useCopilotContext();\n\n  const pushToTalkConfigured =\n    copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n    copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    // Check if the clicked element is not the textarea itself\n    if (event.target !== event.currentTarget) return;\n\n    textareaRef.current?.focus();\n  };\n\n  const [text, setText] = useState(\"\");\n  const send = () => {\n    if (inProgress) return;\n    onSend(text);\n    setText(\"\");\n\n    textareaRef.current?.focus();\n  };\n\n  useEffect(() => {\n    if (isVisible) {\n      textareaRef.current?.focus();\n    }\n  }, [isVisible]);\n\n  const { pushToTalkState, setPushToTalkState } = usePushToTalk({\n    sendFunction: onSend,\n    inProgress,\n  });\n\n  const sendIcon =\n    inProgress || pushToTalkState === \"transcribing\"\n      ? context.icons.activityIcon\n      : context.icons.sendIcon;\n  const showPushToTalk =\n    pushToTalkConfigured &&\n    (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n    !inProgress;\n  const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== \"idle\";\n\n  return (\n    <div className=\"copilotKitInput\" onClick={handleDivClick}>\n      <AutoResizingTextarea\n        ref={textareaRef}\n        placeholder={context.labels.placeholder}\n        autoFocus={true}\n        maxRows={5}\n        value={text}\n        onChange={(event) => setText(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\" && !event.shiftKey) {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      <div className=\"copilotKitInputControls\">\n        {showPushToTalk && (\n          <button\n            onClick={() =>\n              setPushToTalkState(pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\")\n            }\n            className={pushToTalkState === \"recording\" ? \"copilotKitPushToTalkRecording\" : \"\"}\n          >\n            {context.icons.pushToTalkIcon}\n          </button>\n        )}\n        <button\n          disabled={sendDisabled}\n          onClick={send}\n          data-copilotkit-in-progress={!!inProgress}\n          data-testid={inProgress ? \"copilot-chat-request-in-progress\" : undefined}\n        >\n          {sendIcon}\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAKnD,SAAS,yBAAyB;AAmD5B,cAcA,YAdA;AAjDC,IAAM,QAAQ,CAAC,EAAE,YAAY,QAAQ,YAAY,MAAM,MAAkB;AAC9E,QAAM,UAAU,eAAe;AAC/B,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,uBACJ,eAAe,iBAAiB,oBAAoB,UACpD,eAAe,iBAAiB,uBAAuB;AAEzD,QAAM,cAAc,OAA4B,IAAI;AAEpD,QAAM,iBAAiB,CAAC,UAA4C;AAjBtE;AAmBI,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,OAAO,MAAM;AAzBrB;AA0BI,QAAI;AAAY;AAChB,WAAO,IAAI;AACX,YAAQ,EAAE;AAEV,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,YAAU,MAAM;AAjClB;AAkCI,QAAI,WAAW;AACb,wBAAY,YAAZ,mBAAqB;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,cAAc;AAAA,IAC5D,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,WACJ,cAAc,oBAAoB,iBAC9B,QAAQ,MAAM,eACd,QAAQ,MAAM;AACpB,QAAM,iBACJ,yBACC,oBAAoB,UAAU,oBAAoB,gBACnD,CAAC;AACH,QAAM,eAAe,cAAc,KAAK,WAAW,KAAK,oBAAoB;AAE5E,SACE,qBAAC,SAAI,WAAU,mBAAkB,SAAS,gBACxC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAa,QAAQ,OAAO;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;AAC5C,kBAAM,eAAe;AACrB,iBAAK;AAAA,UACP;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MACP,mBAAmB,oBAAoB,SAAS,cAAc,cAAc;AAAA,UAE9E,WAAW,oBAAoB,cAAc,kCAAkC;AAAA,UAE9E,kBAAQ,MAAM;AAAA;AAAA,MACjB;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,SAAS;AAAA,UACT,+BAA6B,CAAC,CAAC;AAAA,UAC/B,eAAa,aAAa,qCAAqC;AAAA,UAE9D;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-SWADR6EH.mjs → chunk-AX7CAT7V.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-47OPG5FM.mjs";
+} from "./chunk-3EYL2DRG.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-SWADR6EH.mjs.map
+//# sourceMappingURL=chunk-AX7CAT7V.mjs.map

package/dist/{chunk-3KBQXU44.mjs → chunk-NLIDKNNS.mjs}

@@ -1,6 +1,6 @@
 import {
   RenderActionExecutionMessage
-} from "./chunk-6BL5C56L.mjs";
+} from "./chunk-OMTPWC7T.mjs";
 import {
   RenderAgentStateMessage
 } from "./chunk-ZABXREBH.mjs";
@@ -9,17 +9,17 @@ import {
 } from "./chunk-6INMITFA.mjs";
 import {
   RenderTextMessage
-} from "./chunk-WYMTXCQU.mjs";
+} from "./chunk-RU73BEZM.mjs";
 import {
   Suggestion,
   reloadSuggestions
-} from "./chunk-KFQYJ5R5.mjs";
+} from "./chunk-RJCZRKTV.mjs";
 import {
   CopilotDevConsole
 } from "./chunk-RS6UPR5N.mjs";
 import {
   Input
-} from "./chunk-JTINVYPK.mjs";
+} from "./chunk-4LUMV4YO.mjs";
 import {
   Messages
 } from "./chunk-CPMIEVKK.mjs";
@@ -198,4 +198,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-3KBQXU44.mjs.map
+//# sourceMappingURL=chunk-NLIDKNNS.mjs.map

package/dist/{chunk-6BL5C56L.mjs → chunk-OMTPWC7T.mjs}

@@ -47,7 +47,15 @@ function RenderActionExecutionMessage(props) {
               toRender
             ] }, index);
           } else {
-            return /* @__PURE__ */ jsx("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-message-type": "action-render",
+                className: "copilotKitCustomAssistantMessage",
+                children: toRender
+              },
+              index
+            );
           }
         } catch (e) {
           console.error(`Error executing render function for action ${message.name}: ${e}`);
@@ -73,4 +81,4 @@ function RenderActionExecutionMessage(props) {
 export {
   RenderActionExecutionMessage
 };
-//# sourceMappingURL=chunk-6BL5C56L.mjs.map
+//# sourceMappingURL=chunk-OMTPWC7T.mjs.map

package/dist/chunk-OMTPWC7T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/messages/RenderActionExecutionMessage.tsx"],"sourcesContent":["import { ActionExecutionMessage, MessageStatusCode } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { useChatContext } from \"../ChatContext\";\nimport { RenderFunctionStatus, useCopilotContext } from \"@copilotkit/react-core\";\n\nexport function RenderActionExecutionMessage(props: RenderMessageProps) {\n  const { message, inProgress, index, isCurrentMessage, actionResult } = props;\n  const { chatComponentsCache } = useCopilotContext();\n  const { icons } = useChatContext();\n\n  if (message.isActionExecutionMessage()) {\n    if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {\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              {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 (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,\n            args,\n            result: actionResult,\n          });\n          // No result and complete: stay silent\n          if (!toRender && status === \"complete\") {\n            return null;\n          }\n          if (typeof toRender === \"string\") {\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {isCurrentMessage && inProgress && icons.spinnerIcon} {toRender}\n              </div>\n            );\n          } else {\n            return (\n              <div\n                key={index}\n                data-message-type=\"action-render\"\n                className=\"copilotKitCustomAssistantMessage\"\n              >\n                {toRender}\n              </div>\n            );\n          }\n        } catch (e) {\n          console.error(`Error executing render function for action ${message.name}: ${e}`);\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && icons.spinnerIcon}\n              <b>❌ Error executing render: {message.name}</b>\n              <br />\n              {e instanceof Error ? e.message : String(e)}\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          {icons.spinnerIcon}\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":";;;;;AAAA,SAAiC,yBAAyB;AAG1D,SAA+B,yBAAyB;AAe5C,SACsB,KADtB;AAbL,SAAS,6BAA6B,OAA2B;AACtE,QAAM,EAAE,SAAS,YAAY,OAAO,kBAAkB,aAAa,IAAI;AACvE,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,MAAM,IAAI,eAAe;AAEjC,MAAI,QAAQ,yBAAyB,GAAG;AACtC,QAAI,oBAAoB,YAAY,QAAQ,oBAAoB,QAAQ,QAAQ,QAAQ,IAAI,GAAG;AAC7F,YAAM,SAAS,oBAAoB,QAAQ,QAAQ,QAAQ,IAAI;AAE/D,UAAI,OAAO,WAAW,UAAU;AAE9B,YAAI,oBAAoB,YAAY;AAClC,iBACE,qBAAC,SAAgB,WAAW,gDACzB;AAAA,kBAAM;AAAA,YAAY;AAAA,YAAC,oBAAC,UAAK,WAAU,mBAAmB,kBAAO;AAAA,eADtD,KAEV;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,YACA;AAAA,YACA,QAAQ;AAAA,UACV,CAAC;AAED,cAAI,CAAC,YAAY,WAAW,YAAY;AACtC,mBAAO;AAAA,UACT;AACA,cAAI,OAAO,aAAa,UAAU;AAChC,mBACE,qBAAC,SAAgB,WAAW,gDACzB;AAAA,kCAAoB,cAAc,MAAM;AAAA,cAAY;AAAA,cAAE;AAAA,iBAD/C,KAEV;AAAA,UAEJ,OAAO;AACL,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,qBAAkB;AAAA,gBAClB,WAAU;AAAA,gBAET;AAAA;AAAA,cAJI;AAAA,YAKP;AAAA,UAEJ;AAAA,QACF,SAAS,GAAP;AACA,kBAAQ,MAAM,8CAA8C,QAAQ,SAAS,GAAG;AAChF,iBACE,qBAAC,SAAgB,WAAW,gDACzB;AAAA,gCAAoB,cAAc,MAAM;AAAA,YACzC,qBAAC,OAAE;AAAA;AAAA,cAA2B,QAAQ;AAAA,eAAK;AAAA,YAC3C,oBAAC,QAAG;AAAA,YACH,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;AAAA,eAJlC,KAKV;AAAA,QAEJ;AAAA,MACF;AAAA,IACF,WAES,CAAC,cAAc,CAAC,kBAAkB;AAEzC,aAAO;AAAA,IACT,OAAO;AAEL,aACE,oBAAC,SAAgB,WAAW,gDACzB,gBAAM,eADC,KAEV;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-KFQYJ5R5.mjs → chunk-RJCZRKTV.mjs}

@@ -44,8 +44,8 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
       const numOfSuggestionsInstructions = config.minSuggestions === 0 ? `Produce up to ${config.maxSuggestions} suggestions. If there are no highly relevant suggestions you can think of, provide an empty array.` : `Produce between ${config.minSuggestions} and ${config.maxSuggestions} suggestions.`;
       const result = yield extract({
         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",
+        instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. ",
+        data: config.instructions + "\n\n" + numOfSuggestionsInstructions + "\n\nAvailable tools: " + tools + "\n\n",
         requestType: CopilotRequestType.Task,
         parameters: [
           {
@@ -103,4 +103,4 @@ export {
   Suggestion,
   reloadSuggestions
 };
-//# sourceMappingURL=chunk-KFQYJ5R5.mjs.map
+//# sourceMappingURL=chunk-RJCZRKTV.mjs.map

package/dist/chunk-RJCZRKTV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Suggestion.tsx"],"sourcesContent":["import {\n  CopilotContextParams,\n  extract,\n  CopilotChatSuggestionConfiguration,\n  CopilotMessagesContextParams,\n} from \"@copilotkit/react-core\";\nimport { SuggestionsProps } from \"./props\";\nimport { SmallSpinnerIcon } from \"./Icons\";\nimport { CopilotChatSuggestion } from \"../../types/suggestions\";\nimport { actionParametersToJsonSchema } from \"@copilotkit/shared\";\nimport { CopilotRequestType } from \"@copilotkit/runtime-client-gql\";\n\nexport function Suggestion({ title, message, onClick, partial, className }: SuggestionsProps) {\n  return (\n    <button\n      disabled={partial}\n      onClick={(e) => {\n        e.preventDefault();\n        onClick(message);\n      }}\n      className={className || \"suggestion\"}\n    >\n      {partial && SmallSpinnerIcon}\n      <span>{title}</span>\n    </button>\n  );\n}\n\nexport const reloadSuggestions = async (\n  context: CopilotContextParams & CopilotMessagesContextParams,\n  chatSuggestionConfiguration: { [key: string]: CopilotChatSuggestionConfiguration },\n  setCurrentSuggestions: (suggestions: { title: string; message: string }[]) => void,\n  abortControllerRef: React.MutableRefObject<AbortController | null>,\n) => {\n  const abortController = abortControllerRef.current;\n\n  const tools = JSON.stringify(\n    Object.values(context.actions).map((action) => ({\n      name: action.name,\n      description: action.description,\n      jsonSchema: JSON.stringify(actionParametersToJsonSchema(action.parameters)),\n    })),\n  );\n\n  const allSuggestions: CopilotChatSuggestion[] = [];\n\n  for (const config of Object.values(chatSuggestionConfiguration)) {\n    try {\n      const numOfSuggestionsInstructions =\n        config.minSuggestions === 0\n          ? `Produce up to ${config.maxSuggestions} suggestions. ` +\n            `If there are no highly relevant suggestions you can think of, provide an empty array.`\n          : `Produce between ${config.minSuggestions} and ${config.maxSuggestions} suggestions.`;\n\n      const result = await extract({\n        context,\n        instructions:\n          \"Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. \",\n        data:\n          config.instructions +\n          \"\\n\\n\" +\n          numOfSuggestionsInstructions +\n          \"\\n\\n\" +\n          \"Available tools: \" +\n          tools +\n          \"\\n\\n\",\n        requestType: CopilotRequestType.Task,\n        parameters: [\n          {\n            name: \"suggestions\",\n            type: \"object[]\",\n            attributes: [\n              {\n                name: \"title\",\n                description:\n                  \"The title of the suggestion. This is shown as a button and should be short.\",\n                type: \"string\",\n              },\n              {\n                name: \"message\",\n                description:\n                  \"The message to send when the suggestion is clicked. This should be a clear, complete sentence and will be sent as an instruction to the AI.\",\n                type: \"string\",\n              },\n            ],\n          },\n        ],\n        include: {\n          messages: true,\n          readable: true,\n        },\n        abortSignal: abortController?.signal,\n        stream: ({ status, args }) => {\n          const suggestions = args.suggestions || [];\n          const newSuggestions: CopilotChatSuggestion[] = [];\n          for (let i = 0; i < suggestions.length; i++) {\n            // if GPT provides too many suggestions, limit the number of suggestions\n            if (config.maxSuggestions !== undefined && i >= config.maxSuggestions) {\n              break;\n            }\n            const { title, message } = suggestions[i];\n\n            // If this is the last suggestion and the status is not complete, mark it as partial\n            const partial = i == suggestions.length - 1 && status !== \"complete\";\n\n            newSuggestions.push({\n              title,\n              message,\n              partial,\n              className: config.className,\n            });\n          }\n          setCurrentSuggestions([...allSuggestions, ...newSuggestions]);\n        },\n      });\n      allSuggestions.push(...result.suggestions);\n    } catch (error) {\n      console.error(\"Error loading suggestions\", error);\n    }\n  }\n\n  if (abortControllerRef.current === abortController) {\n    abortControllerRef.current = null;\n  }\n};\n"],"mappings":";;;;;;;;AAAA;AAAA,EAEE;AAAA,OAGK;AAIP,SAAS,oCAAoC;AAC7C,SAAS,0BAA0B;AAI/B,SASE,KATF;AAFG,SAAS,WAAW,EAAE,OAAO,SAAS,SAAS,SAAS,UAAU,GAAqB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,gBAAQ,OAAO;AAAA,MACjB;AAAA,MACA,WAAW,aAAa;AAAA,MAEvB;AAAA,mBAAW;AAAA,QACZ,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,EACf;AAEJ;AAEO,IAAM,oBAAoB,CAC/B,SACA,6BACA,uBACA,uBACG;AACH,QAAM,kBAAkB,mBAAmB;AAE3C,QAAM,QAAQ,KAAK;AAAA,IACjB,OAAO,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,YAAY;AAAA,MAC9C,MAAM,OAAO;AAAA,MACb,aAAa,OAAO;AAAA,MACpB,YAAY,KAAK,UAAU,6BAA6B,OAAO,UAAU,CAAC;AAAA,IAC5E,EAAE;AAAA,EACJ;AAEA,QAAM,iBAA0C,CAAC;AAEjD,aAAW,UAAU,OAAO,OAAO,2BAA2B,GAAG;AAC/D,QAAI;AACF,YAAM,+BACJ,OAAO,mBAAmB,IACtB,iBAAiB,OAAO,sHAExB,mBAAmB,OAAO,sBAAsB,OAAO;AAE7D,YAAM,SAAS,MAAM,QAAQ;AAAA,QAC3B;AAAA,QACA,cACE;AAAA,QACF,MACE,OAAO,eACP,SACA,+BACA,0BAEA,QACA;AAAA,QACF,aAAa,mBAAmB;AAAA,QAChC,YAAY;AAAA,UACV;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,YAAY;AAAA,cACV;AAAA,gBACE,MAAM;AAAA,gBACN,aACE;AAAA,gBACF,MAAM;AAAA,cACR;AAAA,cACA;AAAA,gBACE,MAAM;AAAA,gBACN,aACE;AAAA,gBACF,MAAM;AAAA,cACR;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,QACZ;AAAA,QACA,aAAa,mDAAiB;AAAA,QAC9B,QAAQ,CAAC,EAAE,QAAQ,KAAK,MAAM;AAC5B,gBAAM,cAAc,KAAK,eAAe,CAAC;AACzC,gBAAM,iBAA0C,CAAC;AACjD,mBAAS,IAAI,GAAG,IAAI,YAAY,QAAQ,KAAK;AAE3C,gBAAI,OAAO,mBAAmB,UAAa,KAAK,OAAO,gBAAgB;AACrE;AAAA,YACF;AACA,kBAAM,EAAE,OAAO,QAAQ,IAAI,YAAY,CAAC;AAGxC,kBAAM,UAAU,KAAK,YAAY,SAAS,KAAK,WAAW;AAE1D,2BAAe,KAAK;AAAA,cAClB;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW,OAAO;AAAA,YACpB,CAAC;AAAA,UACH;AACA,gCAAsB,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAAA,QAC9D;AAAA,MACF,CAAC;AACD,qBAAe,KAAK,GAAG,OAAO,WAAW;AAAA,IAC3C,SAAS,OAAP;AACA,cAAQ,MAAM,6BAA6B,KAAK;AAAA,IAClD;AAAA,EACF;AAEA,MAAI,mBAAmB,YAAY,iBAAiB;AAClD,uBAAmB,UAAU;AAAA,EAC/B;AACF;","names":[]}

package/dist/chunk-RU73BEZM.mjs

@@ -0,0 +1,41 @@
+import {
+  Markdown
+} from "./chunk-YQ3D5IQV.mjs";
+import {
+  useChatContext
+} from "./chunk-CBBFRI3Q.mjs";
+
+// src/components/chat/messages/RenderTextMessage.tsx
+import { jsx } from "react/jsx-runtime";
+function RenderTextMessage(props) {
+  const { message, inProgress, index, isCurrentMessage } = props;
+  const { icons } = useChatContext();
+  if (message.isTextMessage()) {
+    if (message.role === "user") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-message-role": "user",
+          className: "copilotKitMessage copilotKitUserMessage",
+          children: message.content
+        },
+        index
+      );
+    } else if (message.role == "assistant") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-message-role": "assistant",
+          className: `copilotKitMessage copilotKitAssistantMessage`,
+          children: isCurrentMessage && inProgress && !message.content ? icons.spinnerIcon : /* @__PURE__ */ jsx(Markdown, { content: message.content })
+        },
+        index
+      );
+    }
+  }
+}
+
+export {
+  RenderTextMessage
+};
+//# sourceMappingURL=chunk-RU73BEZM.mjs.map

package/dist/chunk-RU73BEZM.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\n          key={index}\n          data-message-role=\"user\"\n          className=\"copilotKitMessage copilotKitUserMessage\"\n        >\n          {message.content}\n        </div>\n      );\n    } else if (message.role == \"assistant\") {\n      return (\n        <div\n          key={index}\n          data-message-role=\"assistant\"\n          className={`copilotKitMessage copilotKitAssistantMessage`}\n        >\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;AAAA,QAAC;AAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,WAAU;AAAA,UAET,kBAAQ;AAAA;AAAA,QAJJ;AAAA,MAKP;AAAA,IAEJ,WAAW,QAAQ,QAAQ,aAAa;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,WAAW;AAAA,UAEV,8BAAoB,cAAc,CAAC,QAAQ,UAC1C,MAAM,cAEN,oBAAC,YAAS,SAAS,QAAQ,SAAS;AAAA;AAAA,QAPjC;AAAA,MASP;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/chat/Chat.js

@@ -718,7 +718,16 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
           children: context.icons.pushToTalkIcon
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { disabled: sendDisabled, onClick: send, children: sendIcon })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          disabled: sendDisabled,
+          onClick: send,
+          "data-copilotkit-in-progress": !!inProgress,
+          "data-testid": inProgress ? "copilot-chat-request-in-progress" : void 0,
+          children: sendIcon
+        }
+      )
     ] })
   ] });
 };
@@ -1208,9 +1217,25 @@ function RenderTextMessage(props) {
   const { icons } = useChatContext();
   if (message.isTextMessage()) {
     if (message.role === "user") {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          "data-message-role": "user",
+          className: "copilotKitMessage copilotKitUserMessage",
+          children: message.content
+        },
+        index
+      );
     } else if (message.role == "assistant") {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? icons.spinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Markdown, { content: message.content }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          "data-message-role": "assistant",
+          className: `copilotKitMessage copilotKitAssistantMessage`,
+          children: isCurrentMessage && inProgress && !message.content ? icons.spinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Markdown, { content: message.content })
+        },
+        index
+      );
     }
   }
 }
@@ -1260,7 +1285,15 @@ function RenderActionExecutionMessage(props) {
               toRender
             ] }, index);
           } else {
-            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
+            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "div",
+              {
+                "data-message-type": "action-render",
+                className: "copilotKitCustomAssistantMessage",
+                children: toRender
+              },
+              index
+            );
           }
         } catch (e) {
           console.error(`Error executing render function for action ${message.name}: ${e}`);
@@ -1387,8 +1420,8 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
       const numOfSuggestionsInstructions = config.minSuggestions === 0 ? `Produce up to ${config.maxSuggestions} suggestions. If there are no highly relevant suggestions you can think of, provide an empty array.` : `Produce between ${config.minSuggestions} and ${config.maxSuggestions} suggestions.`;
       const result = yield (0, import_react_core5.extract)({
         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",
+        instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. ",
+        data: config.instructions + "\n\n" + numOfSuggestionsInstructions + "\n\nAvailable tools: " + tools + "\n\n",
         requestType: import_runtime_client_gql3.CopilotRequestType.Task,
         parameters: [
           {