@copilotkit/react-ui 1.3.3 → 1.3.5-pre-1-3-4.0

package/dist/index.mjs

@@ -4,25 +4,25 @@ import "./chunk-JD7BAH7U.mjs";
 import "./chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-UUHCZZZV.mjs";
+} from "./chunk-3CQ72Y7E.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-GHMYWL42.mjs";
-import "./chunk-3YESXHJH.mjs";
+} from "./chunk-FRFXYFEH.mjs";
+import "./chunk-P4N6EWUO.mjs";
 import "./chunk-FO7Z5LAL.mjs";
 import "./chunk-FLV3J3VX.mjs";
 import "./chunk-YOH25I6N.mjs";
 import {
   CopilotChat
-} from "./chunk-BTOVRBBW.mjs";
+} from "./chunk-U7CXOZEV.mjs";
 import "./chunk-V7W6IM2V.mjs";
 import "./chunk-YH2STM73.mjs";
-import "./chunk-U42OB2S3.mjs";
+import "./chunk-N4JRGTUJ.mjs";
 import "./chunk-GOTHQ665.mjs";
 import "./chunk-MA5B5ELM.mjs";
 import "./chunk-WCPLXRZX.mjs";
-import "./chunk-I4QG2ZZU.mjs";
+import "./chunk-LT5YTQ4F.mjs";
 import "./chunk-H7TM5JE6.mjs";
 import "./chunk-OTPAZXVR.mjs";
 import "./chunk-U6J5DGOE.mjs";

package/package.json

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

package/src/components/chat/Chat.tsx

@@ -318,9 +318,6 @@ export const useCopilotChatLogic = (
       role: Role.User,
     });
 
-    // Append the message immediately to make it visible
-    appendMessage(message);
-
     if (onSubmitMessage) {
       try {
         await onSubmitMessage(messageContent);
@@ -328,6 +325,10 @@ export const useCopilotChatLogic = (
         console.error("Error in onSubmitMessage:", error);
       }
     }
+    // this needs to happen after onSubmitMessage, because it will trigger submission
+    // of the message to the endpoint. Some users depend on performing some actions
+    // before the message is submitted.
+    appendMessage(message);
 
     return message;
   };

package/src/components/chat/messages/RenderAgentStateMessage.tsx

@@ -50,6 +50,16 @@ export function RenderAgentStateMessage(props: RenderMessageProps) {
           return null;
         }
 
+        if (!toRender && isCurrentMessage && inProgress) {
+          return (
+            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>
+              {icons.spinnerIcon}
+            </div>
+          );
+        } else if (!toRender) {
+          return null;
+        }
+
         if (typeof toRender === "string") {
           return (
             <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>

package/src/components/dev-console/console.tsx

@@ -229,7 +229,7 @@ export default function DebugMenuButton({
   const context = useCopilotContext();
 
   return (
-    <div className="bg-black fixed top-24 w-52 text-right">
+    <div className="bg-black top-24 w-52 text-right">
       <Menu>
         <MenuButton className={`copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`}>
           {mode == "compact" ? "Debug" : <>Debug {ChevronDownIcon}</>}

package/dist/chunk-U42OB2S3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderAgentStateMessage.tsx"],"sourcesContent":["import { AgentStateMessage } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { useChatContext } from \"../ChatContext\";\nimport { CoagentInChatRenderFunction, useCopilotContext } from \"@copilotkit/react-core\";\n\nexport function RenderAgentStateMessage(props: RenderMessageProps) {\n  const { message, inProgress, index, isCurrentMessage } = props;\n  const { chatComponentsCache } = useCopilotContext();\n  const { icons } = useChatContext();\n\n  if (message instanceof AgentStateMessage) {\n    let render: string | CoagentInChatRenderFunction | undefined;\n\n    if (chatComponentsCache.current !== null) {\n      render =\n        chatComponentsCache.current.coagentActions[`${message.agentName}-${message.nodeName}`] ||\n        chatComponentsCache.current.coagentActions[`${message.agentName}-global`];\n    }\n\n    if (render) {\n      // render a static string\n      if (typeof render === \"string\") {\n        // when render is static, we show it only when in progress\n        if (isCurrentMessage && inProgress) {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n            </div>\n          );\n        }\n        // Done - silent by default to avoid a series of \"done\" messages\n        else {\n          return null;\n        }\n      }\n      // render is a function\n      else {\n        const state = message.state;\n\n        let status = message.active ? \"inProgress\" : \"complete\";\n\n        const toRender = render({\n          status: status as any,\n          state,\n          nodeName: message.nodeName,\n        });\n\n        // No result and complete: stay silent\n        if (!toRender && status === \"complete\") {\n          return null;\n        }\n\n        if (typeof toRender === \"string\") {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && icons.spinnerIcon} {toRender}\n            </div>\n          );\n        } else {\n          return (\n            <div key={index} className=\"copilotKitCustomAssistantMessage\">\n              {toRender}\n            </div>\n          );\n        }\n      }\n    }\n    // No render function found- show the default message\n    else if (!inProgress || !isCurrentMessage) {\n      // Done - silent by default to avoid a series of \"done\" messages\n      return null;\n    } else {\n      // In progress\n      return (\n        <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          {icons.spinnerIcon}\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":";;;;;AAAA,SAAS,yBAAyB;AAGlC,SAAsC,yBAAyB;AAsBnD,SACsB,KADtB;AApBL,SAAS,wBAAwB,OAA2B;AACjE,QAAM,EAAE,SAAS,YAAY,OAAO,iBAAiB,IAAI;AACzD,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,MAAM,IAAI,eAAe;AAEjC,MAAI,mBAAmB,mBAAmB;AACxC,QAAI;AAEJ,QAAI,oBAAoB,YAAY,MAAM;AACxC,eACE,oBAAoB,QAAQ,eAAe,GAAG,QAAQ,aAAa,QAAQ,UAAU,KACrF,oBAAoB,QAAQ,eAAe,GAAG,QAAQ,kBAAkB;AAAA,IAC5E;AAEA,QAAI,QAAQ;AAEV,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,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,OAAO,aAAa,UAAU;AAChC,iBACE,qBAAC,SAAgB,WAAW,gDACzB;AAAA,gCAAoB,cAAc,MAAM;AAAA,YAAY;AAAA,YAAE;AAAA,eAD/C,KAEV;AAAA,QAEJ,OAAO;AACL,iBACE,oBAAC,SAAgB,WAAU,oCACxB,sBADO,KAEV;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":[]}