@copilotkit/react-ui 1.9.2-next.2 → 1.9.2-next.21

package/dist/components/index.mjs

@@ -1,13 +1,13 @@
 import "../chunk-MMVDU6DF.mjs";
 import "../chunk-SC6JRFAJ.mjs";
+import {
+  CopilotSidebar
+} from "../chunk-TSDSBNOS.mjs";
 import "../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../chunk-6HXS43LW.mjs";
-import {
-  CopilotSidebar
-} from "../chunk-6JX4WIAX.mjs";
-import "../chunk-725PPN77.mjs";
+} from "../chunk-BP3RN6OE.mjs";
+import "../chunk-EQUUN7ZM.mjs";
 import "../chunk-C3GSYRC3.mjs";
 import "../chunk-GVKA7RQQ.mjs";
 import "../chunk-V7W6IM2V.mjs";
@@ -24,8 +24,8 @@ import "../chunk-BH6PCAAL.mjs";
 import "../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../chunk-RT4HE74K.mjs";
-import "../chunk-UKCPOBQM.mjs";
+} from "../chunk-4RAYX7ZX.mjs";
+import "../chunk-53CVDVS5.mjs";
 import "../chunk-2II3Q27P.mjs";
 import {
   RenderImageMessage
@@ -45,17 +45,17 @@ import {
   Suggestion
 } from "../chunk-IMBPSLL4.mjs";
 import "../chunk-PLHTVHUW.mjs";
-import "../chunk-EMIYIMQ6.mjs";
+import "../chunk-X3LV7OXQ.mjs";
 import "../chunk-CGEAG65D.mjs";
 import "../chunk-YQFVRDNC.mjs";
 import {
   Markdown
 } from "../chunk-YTXEWDNC.mjs";
-import "../chunk-KENCH7RN.mjs";
 import "../chunk-B3D7U7TJ.mjs";
 import {
   useChatContext
 } from "../chunk-IEMQ2SQW.mjs";
+import "../chunk-KENCH7RN.mjs";
 import "../chunk-XWG3L6QC.mjs";
 import "../chunk-54JAUBUJ.mjs";
 import "../chunk-JGMFJZMG.mjs";

package/dist/index.js

@@ -1429,8 +1429,15 @@ function PoweredByTag({ showPoweredBy = true }) {
 // src/components/chat/Input.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var MAX_NEWLINES = 6;
-var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
-  var _a;
+var Input = ({
+  inProgress,
+  onSend,
+  isVisible = false,
+  onStop,
+  onUpload,
+  hideStopButton = false
+}) => {
+  var _a, _b;
   const context = useChatContext();
   const copilotContext = (0, import_react_core6.useCopilotContext)();
   const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
@@ -1459,15 +1466,18 @@ var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
     inProgress
   });
   const isInProgress = inProgress || pushToTalkState === "transcribing";
-  const buttonIcon = isInProgress ? context.icons.stopIcon : context.icons.sendIcon;
+  const buttonIcon = isInProgress && !hideStopButton ? context.icons.stopIcon : context.icons.sendIcon;
   const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
-  const canSend = () => {
+  const canSend = (0, import_react9.useMemo)(() => {
     var _a2;
     const interruptEvent = (_a2 = copilotContext.langGraphInterruptAction) == null ? void 0 : _a2.event;
     const interruptInProgress = (interruptEvent == null ? void 0 : interruptEvent.name) === "LangGraphInterruptEvent" && !(interruptEvent == null ? void 0 : interruptEvent.response);
-    return (isInProgress || !isInProgress && text.trim().length > 0) && pushToTalkState === "idle" && !interruptInProgress;
-  };
-  const sendDisabled = !canSend();
+    return !isInProgress && text.trim().length > 0 && pushToTalkState === "idle" && !interruptInProgress;
+  }, [(_b = copilotContext.langGraphInterruptAction) == null ? void 0 : _b.event, isInProgress, text, pushToTalkState]);
+  const canStop = (0, import_react9.useMemo)(() => {
+    return isInProgress && !hideStopButton;
+  }, [isInProgress, hideStopButton]);
+  const sendDisabled = !canSend && !canStop;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `copilotKitInputContainer ${showPoweredBy ? "poweredByContainer" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -1482,7 +1492,7 @@ var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
           onKeyDown: (event) => {
             if (event.key === "Enter" && !event.shiftKey) {
               event.preventDefault();
-              if (canSend()) {
+              if (canSend) {
                 send();
               }
             }
@@ -1504,7 +1514,7 @@ var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
           "button",
           {
             disabled: sendDisabled,
-            onClick: isInProgress ? onStop : send,
+            onClick: isInProgress && !hideStopButton ? onStop : send,
             "data-copilotkit-in-progress": inProgress,
             "data-test-id": inProgress ? "copilot-chat-request-in-progress" : "copilot-chat-ready",
             className: "copilotKitInputControlButton",
@@ -2228,9 +2238,12 @@ function RenderActionExecutionMessage(_a) {
         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
+            name: message.name,
+            messageId: message.id
+            // Pass messageId for HITL action correlation
           });
           if (!toRender && status === "complete") {
             return null;
@@ -2710,7 +2723,8 @@ function CopilotChat({
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage,
   imageUploadsEnabled,
-  inputFileAccept = "image/*"
+  inputFileAccept = "image/*",
+  hideStopButton
 }) {
   const { additionalInstructions, setChatInstructions } = (0, import_react_core10.useCopilotContext)();
   const [selectedImages, setSelectedImages] = (0, import_react13.useState)([]);
@@ -2893,7 +2907,8 @@ function CopilotChat({
         onUpload: imageUploadsEnabled ? () => {
           var _a;
           return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-        } : void 0
+        } : void 0,
+        hideStopButton
       }
     )
   ] });
@@ -3158,8 +3173,10 @@ var CopilotModal = (_a) => {
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
+  const memoizedHeader = (0, import_react14.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Header2, {}), [Header2]);
+  const memoizedChildren = (0, import_react14.useMemo)(() => children, [children]);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
-    children,
+    memoizedChildren,
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className, children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button2, {}),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
@@ -3169,7 +3186,7 @@ var CopilotModal = (_a) => {
           shortcut,
           hitEscapeToClose,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Header2, {}),
+            memoizedHeader,
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               CopilotChat,
               __spreadProps(__spreadValues({}, props), {