@copilotkit/react-ui 0.0.0-fix-interrupt-issues-20250409144731 → 0.0.0-fix-agent-lock-20250618155414

package/CHANGELOG.md

@@ -1,17 +1,442 @@
 # ui
 
-## 0.0.0-fix-interrupt-issues-20250409144731
+## 0.0.0-fix-agent-lock-20250618155414
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@0.0.0-fix-agent-lock-20250618155414
+- @copilotkit/react-core@0.0.0-fix-agent-lock-20250618155414
+- @copilotkit/shared@0.0.0-fix-agent-lock-20250618155414
+
+## 1.9.1
+
+### Patch Changes
+
+- Updated dependencies [deaeca0]
+  - @copilotkit/shared@1.9.1
+  - @copilotkit/runtime-client-gql@1.9.1
+  - @copilotkit/react-core@1.9.1
+
+## 1.9.1-next.0
+
+### Patch Changes
+
+- Updated dependencies [deaeca0]
+  - @copilotkit/shared@1.9.1-next.0
+  - @copilotkit/runtime-client-gql@1.9.1-next.0
+  - @copilotkit/react-core@1.9.1-next.0
+
+## 1.9.0
+
+### Patch Changes
+
+- Updated dependencies [54cae30]
+  - @copilotkit/react-core@1.9.0
+  - @copilotkit/runtime-client-gql@1.9.0
+  - @copilotkit/shared@1.9.0
+
+## 1.9.0-next.2
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.0-next.2
+- @copilotkit/react-core@1.9.0-next.2
+- @copilotkit/shared@1.9.0-next.2
+
+## 1.8.15-next.1
+
+### Patch Changes
+
+- Updated dependencies [54cae30]
+  - @copilotkit/react-core@1.8.15-next.1
+  - @copilotkit/runtime-client-gql@1.8.15-next.1
+  - @copilotkit/shared@1.8.15-next.1
+
+## 1.8.15-next.0
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.15-next.0
+- @copilotkit/react-core@1.8.15-next.0
+- @copilotkit/shared@1.8.15-next.0
+
+## 1.8.14
+
+### Patch Changes
+
+- Updated dependencies [34a78d8]
+- Updated dependencies [9cf1fda]
+- Updated dependencies [9cf1fda]
+  - @copilotkit/shared@1.8.14
+  - @copilotkit/react-core@1.8.14
+  - @copilotkit/runtime-client-gql@1.8.14
+
+## 1.8.14-next.5
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.14-next.5
+- @copilotkit/react-core@1.8.14-next.5
+- @copilotkit/shared@1.8.14-next.5
+
+## 1.8.14-next.4
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.14-next.4
+- @copilotkit/react-core@1.8.14-next.4
+- @copilotkit/shared@1.8.14-next.4
+
+## 1.8.14-next.3
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.14-next.3
+- @copilotkit/react-core@1.8.14-next.3
+- @copilotkit/shared@1.8.14-next.3
+
+## 1.8.14-next.2
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.14-next.2
+- @copilotkit/react-core@1.8.14-next.2
+- @copilotkit/shared@1.8.14-next.2
+
+## 1.8.14-next.1
+
+### Patch Changes
+
+- Updated dependencies [34a78d8]
+  - @copilotkit/shared@1.8.14-next.1
+  - @copilotkit/react-core@1.8.14-next.1
+  - @copilotkit/runtime-client-gql@1.8.14-next.1
+
+## 1.8.14-next.0
+
+### Patch Changes
+
+- Updated dependencies [9cf1fda]
+- Updated dependencies [9cf1fda]
+  - @copilotkit/react-core@1.8.14-next.0
+  - @copilotkit/runtime-client-gql@1.8.14-next.0
+  - @copilotkit/shared@1.8.14-next.0
+
+## 1.8.13
+
+### Patch Changes
+
+- 2b74042: - feat: support custom markdown for assistant message
+- f1b81bf: - feat: enable replacing suggestions list
+- Updated dependencies [7fcf5c4]
+  - @copilotkit/react-core@1.8.13
+  - @copilotkit/runtime-client-gql@1.8.13
+  - @copilotkit/shared@1.8.13
+
+## 1.8.13-next.3
+
+### Patch Changes
+
+- f1b81bf: - feat: enable replacing suggestions list
+  - @copilotkit/react-core@1.8.13-next.3
+  - @copilotkit/runtime-client-gql@1.8.13-next.3
+  - @copilotkit/shared@1.8.13-next.3
+
+## 1.8.13-next.2
+
+### Patch Changes
+
+- 2b74042: - feat: support custom markdown for assistant message
+  - @copilotkit/react-core@1.8.13-next.2
+  - @copilotkit/runtime-client-gql@1.8.13-next.2
+  - @copilotkit/shared@1.8.13-next.2
+
+## 1.8.13-next.1
+
+### Patch Changes
+
+- Updated dependencies [7fcf5c4]
+  - @copilotkit/react-core@1.8.13-next.1
+  - @copilotkit/runtime-client-gql@1.8.13-next.1
+  - @copilotkit/shared@1.8.13-next.1
+
+## 1.8.13-next.0
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.13-next.0
+- @copilotkit/react-core@1.8.13-next.0
+- @copilotkit/shared@1.8.13-next.0
+
+## 1.8.12
+
+### Patch Changes
+
+- 9b2e9e6: - fix: move powered by tag to input and fix padding on full chat
+- 89873ca: - fix: use set background color on the entire window
+- Updated dependencies [3e09584]
+- Updated dependencies [33ba021]
+  - @copilotkit/react-core@1.8.12
+  - @copilotkit/runtime-client-gql@1.8.12
+  - @copilotkit/shared@1.8.12
+
+## 1.8.12-next.6
+
+### Patch Changes
+
+- Updated dependencies [3e09584]
+  - @copilotkit/react-core@1.8.12-next.6
+  - @copilotkit/runtime-client-gql@1.8.12-next.6
+  - @copilotkit/shared@1.8.12-next.6
+
+## 1.8.12-next.5
+
+### Patch Changes
+
+- 9b2e9e6: - fix: move powered by tag to input and fix padding on full chat
+  - @copilotkit/react-core@1.8.12-next.5
+  - @copilotkit/runtime-client-gql@1.8.12-next.5
+  - @copilotkit/shared@1.8.12-next.5
+
+## 1.8.12-next.4
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.12-next.4
+- @copilotkit/react-core@1.8.12-next.4
+- @copilotkit/shared@1.8.12-next.4
+
+## 1.8.12-next.3
+
+### Patch Changes
+
+- 89873ca: - fix: use set background color on the entire window
+  - @copilotkit/react-core@1.8.12-next.3
+  - @copilotkit/runtime-client-gql@1.8.12-next.3
+  - @copilotkit/shared@1.8.12-next.3
+
+## 1.8.12-next.2
+
+### Patch Changes
+
+- Updated dependencies [33ba021]
+  - @copilotkit/react-core@1.8.12-next.2
+  - @copilotkit/runtime-client-gql@1.8.12-next.2
+  - @copilotkit/shared@1.8.12-next.2
+
+## 1.8.12-next.1
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.12-next.1
+- @copilotkit/react-core@1.8.12-next.1
+- @copilotkit/shared@1.8.12-next.1
+
+## 1.8.12-next.0
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.12-next.0
+- @copilotkit/react-core@1.8.12-next.0
+- @copilotkit/shared@1.8.12-next.0
+
+## 1.8.11
+
+### Patch Changes
+
+- b9dd397: - fix(react-ui): fix scrolling into view issue
+
+  Signed-off-by: Tyler Slaton <tyler@copilotkit.ai>
+
+  - @copilotkit/runtime-client-gql@1.8.11
+  - @copilotkit/react-core@1.8.11
+  - @copilotkit/shared@1.8.11
+
+## 1.8.11-next.1
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.11-next.1
+- @copilotkit/react-core@1.8.11-next.1
+- @copilotkit/shared@1.8.11-next.1
+
+## 1.8.11-next.0
+
+### Patch Changes
+
+- b9dd397: - fix(react-ui): fix scrolling into view issue
+
+  Signed-off-by: Tyler Slaton <tyler@copilotkit.ai>
+
+  - @copilotkit/react-core@1.8.11-next.0
+  - @copilotkit/runtime-client-gql@1.8.11-next.0
+  - @copilotkit/shared@1.8.11-next.0
+
+## 1.8.10
+
+### Patch Changes
+
+- 62b6db1: - fix: allow the chat input to expand on new lines
+- 98c09dd: - fix: fix colors on chat ui dark mode
+- Updated dependencies [742efbb]
+  - @copilotkit/react-core@1.8.10
+  - @copilotkit/runtime-client-gql@1.8.10
+  - @copilotkit/shared@1.8.10
+
+## 1.8.10-next.3
+
+### Patch Changes
+
+- 98c09dd: - fix: fix colors on chat ui dark mode
+  - @copilotkit/react-core@1.8.10-next.3
+  - @copilotkit/runtime-client-gql@1.8.10-next.3
+  - @copilotkit/shared@1.8.10-next.3
+
+## 1.8.10-next.2
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.10-next.2
+- @copilotkit/react-core@1.8.10-next.2
+- @copilotkit/shared@1.8.10-next.2
+
+## 1.8.10-next.1
+
+### Patch Changes
+
+- 62b6db1: - fix: allow the chat input to expand on new lines
+  - @copilotkit/react-core@1.8.10-next.1
+  - @copilotkit/runtime-client-gql@1.8.10-next.1
+  - @copilotkit/shared@1.8.10-next.1
+
+## 1.8.10-next.0
+
+### Patch Changes
+
+- Updated dependencies [742efbb]
+  - @copilotkit/react-core@1.8.10-next.0
+  - @copilotkit/runtime-client-gql@1.8.10-next.0
+  - @copilotkit/shared@1.8.10-next.0
+
+## 1.8.9
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.9
+- @copilotkit/react-core@1.8.9
+- @copilotkit/shared@1.8.9
+
+## 1.8.9-next.0
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.9-next.0
+- @copilotkit/react-core@1.8.9-next.0
+- @copilotkit/shared@1.8.9-next.0
+
+## 1.8.8
+
+### Patch Changes
+
+- Updated dependencies [dfb67c3]
+  - @copilotkit/react-core@1.8.8
+  - @copilotkit/runtime-client-gql@1.8.8
+  - @copilotkit/shared@1.8.8
+
+## 1.8.8-next.1
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.8-next.1
+- @copilotkit/react-core@1.8.8-next.1
+- @copilotkit/shared@1.8.8-next.1
+
+## 1.8.8-next.0
+
+### Patch Changes
+
+- Updated dependencies [dfb67c3]
+  - @copilotkit/react-core@1.8.8-next.0
+  - @copilotkit/runtime-client-gql@1.8.8-next.0
+  - @copilotkit/shared@1.8.8-next.0
+
+## 1.8.7
+
+### Patch Changes
+
+- 8b8474f: - feat: add image input support with multi-model compatibility, pasting, and UX improvements
+- Updated dependencies [8b8474f]
+  - @copilotkit/runtime-client-gql@1.8.7
+  - @copilotkit/react-core@1.8.7
+  - @copilotkit/shared@1.8.7
+
+## 1.8.7-next.0
+
+### Patch Changes
+
+- 8b8474f: - feat: add image input support with multi-model compatibility, pasting, and UX improvements
+- Updated dependencies [8b8474f]
+  - @copilotkit/runtime-client-gql@1.8.7-next.0
+  - @copilotkit/react-core@1.8.7-next.0
+  - @copilotkit/shared@1.8.7-next.0
+
+## 1.8.6
+
+### Patch Changes
+
+- Updated dependencies [7a04bd1]
+  - @copilotkit/react-core@1.8.6
+  - @copilotkit/runtime-client-gql@1.8.6
+  - @copilotkit/shared@1.8.6
+
+## 1.8.6-next.0
+
+### Patch Changes
+
+- Updated dependencies [7a04bd1]
+  - @copilotkit/react-core@1.8.6-next.0
+  - @copilotkit/runtime-client-gql@1.8.6-next.0
+  - @copilotkit/shared@1.8.6-next.0
+
+## 1.8.5
 
 ### Patch Changes
 
 - 4b5452d: - feat: add powered-by-copilotkit watermark
 - d0e8a1e: - fix: fix duplicate messages on regenerate
 - ed5ace7: - fix: for every component that has default, make prop optional
-- Updated dependencies [b817a9f]
+- Updated dependencies [c0d3261]
+- Updated dependencies [77a7457]
 - Updated dependencies [d0e8a1e]
-  - @copilotkit/react-core@0.0.0-fix-interrupt-issues-20250409144731
-  - @copilotkit/runtime-client-gql@0.0.0-fix-interrupt-issues-20250409144731
-  - @copilotkit/shared@0.0.0-fix-interrupt-issues-20250409144731
+  - @copilotkit/react-core@1.8.5
+  - @copilotkit/runtime-client-gql@1.8.5
+  - @copilotkit/shared@1.8.5
+
+## 1.8.5-next.5
+
+### Patch Changes
+
+- Updated dependencies [c0d3261]
+  - @copilotkit/react-core@1.8.5-next.5
+  - @copilotkit/runtime-client-gql@1.8.5-next.5
+  - @copilotkit/shared@1.8.5-next.5
+
+## 1.8.5-next.4
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.8.5-next.4
+- @copilotkit/react-core@1.8.5-next.4
+- @copilotkit/shared@1.8.5-next.4
+
+## 1.8.5-next.3
+
+### Patch Changes
+
+- Updated dependencies [77a7457]
+  - @copilotkit/react-core@1.8.5-next.3
+  - @copilotkit/runtime-client-gql@1.8.5-next.3
+  - @copilotkit/shared@1.8.5-next.3
 
 ## 1.8.5-next.2
 

package/dist/{chunk-Q2YY2NX3.mjs → chunk-2II3Q27P.mjs}

@@ -1,6 +1,6 @@
 import {
   AssistantMessage
-} from "./chunk-5M7ODWKH.mjs";
+} from "./chunk-L3GZ7TXC.mjs";
 import {
   __objRest
 } from "./chunk-MRXNTQOX.mjs";
@@ -109,4 +109,4 @@ function RenderAgentStateMessage(_a) {
 export {
   RenderAgentStateMessage
 };
-//# sourceMappingURL=chunk-Q2YY2NX3.mjs.map
+//# sourceMappingURL=chunk-2II3Q27P.mjs.map

package/dist/{chunk-62QMTKMJ.mjs → chunk-32MUWKL3.mjs}

@@ -1,9 +1,9 @@
-import {
-  UserMessage
-} from "./chunk-HEIDCT7I.mjs";
 import {
   AssistantMessage
-} from "./chunk-5M7ODWKH.mjs";
+} from "./chunk-L3GZ7TXC.mjs";
+import {
+  UserMessage
+} from "./chunk-HWMFMBJC.mjs";
 import {
   __objRest
 } from "./chunk-MRXNTQOX.mjs";
@@ -26,7 +26,8 @@ function RenderTextMessage(_a) {
     onRegenerate,
     onCopy,
     onThumbsUp,
-    onThumbsDown
+    onThumbsDown,
+    markdownTagRenderers
   } = props;
   if (message.isTextMessage()) {
     if (message.role === "user") {
@@ -52,7 +53,8 @@ function RenderTextMessage(_a) {
           onRegenerate: () => onRegenerate == null ? void 0 : onRegenerate(message.id),
           onCopy,
           onThumbsUp,
-          onThumbsDown
+          onThumbsDown,
+          markdownTagRenderers
         },
         index
       );
@@ -63,4 +65,4 @@ function RenderTextMessage(_a) {
 export {
   RenderTextMessage
 };
-//# sourceMappingURL=chunk-62QMTKMJ.mjs.map
+//# sourceMappingURL=chunk-32MUWKL3.mjs.map

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

@@ -0,0 +1 @@
+{"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-X6EFGEBJ.mjs → chunk-AQO6IFWX.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-GOAED4H6.mjs";
+} from "./chunk-FVVWTADX.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-X6EFGEBJ.mjs.map
+//# sourceMappingURL=chunk-AQO6IFWX.mjs.map

package/dist/{chunk-ZY25LVYR.mjs → chunk-B3D7U7TJ.mjs}

@@ -1,6 +1,6 @@
 import {
   useChatContext
-} from "./chunk-UN2E3HCK.mjs";
+} from "./chunk-IEMQ2SQW.mjs";
 
 // src/components/chat/Messages.tsx
 import { useEffect, useMemo, useRef } from "react";
@@ -15,12 +15,14 @@ var Messages = ({
   RenderActionExecutionMessage,
   RenderAgentStateMessage,
   RenderResultMessage,
+  RenderImageMessage,
   AssistantMessage,
   UserMessage,
   onRegenerate,
   onCopy,
   onThumbsUp,
-  onThumbsDown
+  onThumbsDown,
+  markdownTagRenderers
 }) => {
   const context = useChatContext();
   const initialMessages = useMemo(
@@ -40,7 +42,7 @@ var Messages = ({
       }
     }
   }
-  const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
+  const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);
   const interrupt = useLangGraphInterruptRender();
   return /* @__PURE__ */ jsxs("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
     /* @__PURE__ */ jsxs("div", { className: "copilotKitMessagesContainer", children: [
@@ -59,7 +61,8 @@ var Messages = ({
               onRegenerate,
               onCopy,
               onThumbsUp,
-              onThumbsDown
+              onThumbsDown,
+              markdownTagRenderers
             },
             index
           );
@@ -103,6 +106,23 @@ var Messages = ({
             },
             index
           );
+        } else if (message.isImageMessage && message.isImageMessage()) {
+          return /* @__PURE__ */ jsx(
+            RenderImageMessage,
+            {
+              message,
+              inProgress,
+              index,
+              isCurrentMessage,
+              AssistantMessage,
+              UserMessage,
+              onRegenerate,
+              onCopy,
+              onThumbsUp,
+              onThumbsDown
+            },
+            index
+          );
         }
       }),
       interrupt
@@ -132,11 +152,9 @@ function useScrollToBottom(messages) {
   const isProgrammaticScrollRef = useRef(false);
   const isUserScrollUpRef = useRef(false);
   const scrollToBottom = () => {
-    if (messagesEndRef.current) {
+    if (messagesContainerRef.current && messagesEndRef.current) {
       isProgrammaticScrollRef.current = true;
-      messagesEndRef.current.scrollIntoView({
-        behavior: "auto"
-      });
+      messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;
     }
   };
   const handleScroll = () => {
@@ -190,4 +208,4 @@ export {
   Messages,
   useScrollToBottom
 };
-//# sourceMappingURL=chunk-ZY25LVYR.mjs.map
+//# sourceMappingURL=chunk-B3D7U7TJ.mjs.map

package/dist/chunk-B3D7U7TJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Messages.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { MessagesProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { Message, ResultMessage, TextMessage, Role } from \"@copilotkit/runtime-client-gql\";\nimport { useLangGraphInterruptRender } from \"@copilotkit/react-core\";\n\nexport const Messages = ({\n  messages,\n  inProgress,\n  children,\n  RenderTextMessage,\n  RenderActionExecutionMessage,\n  RenderAgentStateMessage,\n  RenderResultMessage,\n  RenderImageMessage,\n  AssistantMessage,\n  UserMessage,\n  onRegenerate,\n  onCopy,\n  onThumbsUp,\n  onThumbsDown,\n  markdownTagRenderers,\n}: MessagesProps) => {\n  const context = useChatContext();\n  const initialMessages = useMemo(\n    () => makeInitialMessages(context.labels.initial),\n    [context.labels.initial],\n  );\n\n  messages = [...initialMessages, ...messages];\n\n  const actionResults: Record<string, string> = {};\n\n  for (let i = 0; i < messages.length; i++) {\n    if (messages[i].isActionExecutionMessage()) {\n      const id = messages[i].id;\n      const resultMessage: ResultMessage | undefined = messages.find(\n        (message) => message.isResultMessage() && message.actionExecutionId === id,\n      ) as ResultMessage | undefined;\n\n      if (resultMessage) {\n        actionResults[id] = ResultMessage.decodeResult(resultMessage.result || \"\");\n      }\n    }\n  }\n\n  const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);\n\n  const interrupt = useLangGraphInterruptRender();\n\n  return (\n    <div className=\"copilotKitMessages\" ref={messagesContainerRef}>\n      <div className=\"copilotKitMessagesContainer\">\n        {messages.map((message, index) => {\n          const isCurrentMessage = index === messages.length - 1;\n\n          if (message.isTextMessage()) {\n            return (\n              <RenderTextMessage\n                key={index}\n                message={message}\n                inProgress={inProgress}\n                index={index}\n                isCurrentMessage={isCurrentMessage}\n                AssistantMessage={AssistantMessage}\n                UserMessage={UserMessage}\n                onRegenerate={onRegenerate}\n                onCopy={onCopy}\n                onThumbsUp={onThumbsUp}\n                onThumbsDown={onThumbsDown}\n                markdownTagRenderers={markdownTagRenderers}\n              />\n            );\n          } else if (message.isActionExecutionMessage()) {\n            return (\n              <RenderActionExecutionMessage\n                key={index}\n                message={message}\n                inProgress={inProgress}\n                index={index}\n                isCurrentMessage={isCurrentMessage}\n                actionResult={actionResults[message.id]}\n                AssistantMessage={AssistantMessage}\n                UserMessage={UserMessage}\n              />\n            );\n          } else if (message.isAgentStateMessage()) {\n            return (\n              <RenderAgentStateMessage\n                key={index}\n                message={message}\n                inProgress={inProgress}\n                index={index}\n                isCurrentMessage={isCurrentMessage}\n                AssistantMessage={AssistantMessage}\n                UserMessage={UserMessage}\n              />\n            );\n          } else if (message.isResultMessage()) {\n            return (\n              <RenderResultMessage\n                key={index}\n                message={message}\n                inProgress={inProgress}\n                index={index}\n                isCurrentMessage={isCurrentMessage}\n                AssistantMessage={AssistantMessage}\n                UserMessage={UserMessage}\n              />\n            );\n          } else if (message.isImageMessage && message.isImageMessage()) {\n            return (\n              <RenderImageMessage\n                key={index}\n                message={message}\n                inProgress={inProgress}\n                index={index}\n                isCurrentMessage={isCurrentMessage}\n                AssistantMessage={AssistantMessage}\n                UserMessage={UserMessage}\n                onRegenerate={onRegenerate}\n                onCopy={onCopy}\n                onThumbsUp={onThumbsUp}\n                onThumbsDown={onThumbsDown}\n              />\n            );\n          }\n        })}\n        {interrupt}\n      </div>\n      <footer className=\"copilotKitMessagesFooter\" ref={messagesEndRef}>\n        {children}\n      </footer>\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(\n    (message) =>\n      new TextMessage({\n        role: Role.Assistant,\n        content: message,\n      }),\n  );\n}\n\nexport function useScrollToBottom(messages: any[]) {\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const messagesContainerRef = useRef<HTMLDivElement | null>(null);\n  const isProgrammaticScrollRef = useRef(false);\n  const isUserScrollUpRef = useRef(false);\n\n  const scrollToBottom = () => {\n    if (messagesContainerRef.current && messagesEndRef.current) {\n      isProgrammaticScrollRef.current = true;\n      messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;\n    }\n  };\n\n  const handleScroll = () => {\n    if (isProgrammaticScrollRef.current) {\n      isProgrammaticScrollRef.current = false;\n      return;\n    }\n\n    if (messagesContainerRef.current) {\n      const { scrollTop, scrollHeight, clientHeight } = messagesContainerRef.current;\n      isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    const container = messagesContainerRef.current;\n    if (container) {\n      container.addEventListener(\"scroll\", handleScroll);\n    }\n    return () => {\n      if (container) {\n        container.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const container = messagesContainerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      if (!isUserScrollUpRef.current) {\n        scrollToBottom();\n      }\n    });\n\n    mutationObserver.observe(container, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    isUserScrollUpRef.current = false;\n    scrollToBottom();\n  }, [messages.filter((m) => m.isTextMessage() && m.role === Role.User).length]);\n\n  return { messagesEndRef, messagesContainerRef };\n}\n"],"mappings":"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","names":[]}