@copilotkit/react-ui 1.3.16-mme-reset-chat.10 → 1.3.16-mme-revert-rxjs-changes.10

package/dist/components/index.mjs

@@ -2,18 +2,18 @@ import "../chunk-JD7BAH7U.mjs";
 import "../chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "../chunk-P54DK2TL.mjs";
+} from "../chunk-M2NVAJQA.mjs";
 import "../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../chunk-SEY3XSCD.mjs";
-import "../chunk-H7LLXN6X.mjs";
+} from "../chunk-PY7YBFPA.mjs";
+import "../chunk-H5CXJBR5.mjs";
 import "../chunk-YAGE7RCE.mjs";
 import "../chunk-VEC45H6Q.mjs";
 import "../chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "../chunk-3QOICFXX.mjs";
+} from "../chunk-ORHE7FYT.mjs";
 import "../chunk-V7W6IM2V.mjs";
 import "../chunk-OMTPWC7T.mjs";
 import "../chunk-ZABXREBH.mjs";
@@ -26,7 +26,7 @@ import "../chunk-OTPAZXVR.mjs";
 import "../chunk-4LUMV4YO.mjs";
 import "../chunk-YQFVRDNC.mjs";
 import "../chunk-YQ3D5IQV.mjs";
-import "../chunk-CPMIEVKK.mjs";
+import "../chunk-RKPANT3F.mjs";
 import "../chunk-3XAXY2Z3.mjs";
 import {
   useChatContext

package/dist/index.js

@@ -531,7 +531,7 @@ var Header = ({}) => {
 };
 
 // src/components/chat/Messages.tsx
-var import_react3 = __toESM(require("react"));
+var import_react3 = require("react");
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Messages = ({
@@ -561,18 +561,8 @@ var Messages = ({
       }
     }
   }
-  const messagesEndRef = import_react3.default.useRef(null);
-  const scrollToBottom = () => {
-    if (messagesEndRef.current) {
-      messagesEndRef.current.scrollIntoView({
-        behavior: "auto"
-      });
-    }
-  };
-  (0, import_react3.useEffect)(() => {
-    scrollToBottom();
-  }, [messages]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessages", children: [
+  const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
       if (message.isTextMessage()) {
@@ -641,6 +631,65 @@ function makeInitialMessages(initial) {
     })
   );
 }
+function useScrollToBottom(messages) {
+  const messagesEndRef = (0, import_react3.useRef)(null);
+  const messagesContainerRef = (0, import_react3.useRef)(null);
+  const isProgrammaticScrollRef = (0, import_react3.useRef)(false);
+  const isUserScrollUpRef = (0, import_react3.useRef)(false);
+  const scrollToBottom = () => {
+    if (messagesEndRef.current) {
+      isProgrammaticScrollRef.current = true;
+      messagesEndRef.current.scrollIntoView({
+        behavior: "auto"
+      });
+    }
+  };
+  const handleScroll = () => {
+    if (isProgrammaticScrollRef.current) {
+      isProgrammaticScrollRef.current = false;
+      return;
+    }
+    if (messagesContainerRef.current) {
+      const { scrollTop, scrollHeight, clientHeight } = messagesContainerRef.current;
+      isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;
+    }
+  };
+  (0, import_react3.useEffect)(() => {
+    const container = messagesContainerRef.current;
+    if (container) {
+      container.addEventListener("scroll", handleScroll);
+    }
+    return () => {
+      if (container) {
+        container.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    const container = messagesContainerRef.current;
+    if (!container) {
+      return;
+    }
+    const mutationObserver = new MutationObserver(() => {
+      if (!isUserScrollUpRef.current) {
+        scrollToBottom();
+      }
+    });
+    mutationObserver.observe(container, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    isUserScrollUpRef.current = false;
+    scrollToBottom();
+  }, [messages.filter((m) => m.isTextMessage() && m.role === import_runtime_client_gql.Role.User).length]);
+  return { messagesEndRef, messagesContainerRef };
+}
 
 // src/components/chat/Input.tsx
 var import_react6 = require("react");
@@ -2048,7 +2097,6 @@ function DebugMenuButton({
 }
 
 // src/components/chat/Chat.tsx
-var import_react_core9 = require("@copilotkit/react-core");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -2056,8 +2104,6 @@ function CopilotChat({
   makeSystemMessage,
   showResponseButton = true,
   onInProgress,
-  onStopGeneration,
-  onReloadMessages,
   Messages: Messages2 = Messages,
   RenderTextMessage: RenderTextMessage2 = RenderTextMessage,
   RenderActionExecutionMessage: RenderActionExecutionMessage2 = RenderActionExecutionMessage,
@@ -2080,13 +2126,7 @@ function CopilotChat({
     sendMessage,
     stopGeneration,
     reloadMessages
-  } = useCopilotChatLogic(
-    makeSystemMessage,
-    onInProgress,
-    onSubmitMessage,
-    onStopGeneration,
-    onReloadMessages
-  );
+  } = useCopilotChatLogic(makeSystemMessage, onInProgress, onSubmitMessage);
   const chatContext = import_react11.default.useContext(ChatContext);
   const isVisible = chatContext ? chatContext.open : true;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
@@ -2142,15 +2182,8 @@ function WrappedCopilotChat({
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children });
 }
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
-var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages) => {
-  var _a;
-  const {
-    visibleMessages,
-    appendMessage,
-    reloadMessages: defaultReloadMessages,
-    stopGeneration: defaultStopGeneration,
-    isLoading
-  } = (0, import_react_core8.useCopilotChat)({
+var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) => {
+  const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } = (0, import_react_core8.useCopilotChat)({
     id: (0, import_shared3.randomId)(),
     makeSystemMessage
   });
@@ -2158,8 +2191,8 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
   const suggestionsAbortControllerRef = (0, import_react11.useRef)(null);
   const debounceTimerRef = (0, import_react11.useRef)();
   const abortSuggestions = () => {
-    var _a2;
-    (_a2 = suggestionsAbortControllerRef.current) == null ? void 0 : _a2.abort();
+    var _a;
+    (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
     suggestionsAbortControllerRef.current = null;
   };
   const generalContext = (0, import_react_core8.useCopilotContext)();
@@ -2185,13 +2218,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     return () => {
       clearTimeout(debounceTimerRef.current);
     };
-  }, [
-    isLoading,
-    context.chatSuggestionConfiguration,
-    // hackish way to trigger suggestions reload on reset, but better than moving suggestions to the
-    // global context
-    visibleMessages.length == 0
-  ]);
+  }, [isLoading, context.chatSuggestionConfiguration]);
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
@@ -2209,79 +2236,6 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     appendMessage(message);
     return message;
   });
-  const messages = visibleMessages;
-  const { setMessages } = messagesContext;
-  const currentAgentName = (_a = generalContext.agentSession) == null ? void 0 : _a.agentName;
-  const restartCurrentAgent = (hint) => __async(void 0, null, function* () {
-    if (generalContext.agentSession) {
-      generalContext.setAgentSession(__spreadProps(__spreadValues({}, generalContext.agentSession), {
-        nodeName: void 0,
-        threadId: void 0
-      }));
-      generalContext.setCoagentStates((prevAgentStates) => {
-        return __spreadProps(__spreadValues({}, prevAgentStates), {
-          [generalContext.agentSession.agentName]: __spreadProps(__spreadValues({}, prevAgentStates[generalContext.agentSession.agentName]), {
-            threadId: void 0,
-            nodeName: void 0,
-            runId: void 0
-          })
-        });
-      });
-    }
-  });
-  const runCurrentAgent = (hint) => __async(void 0, null, function* () {
-    if (generalContext.agentSession) {
-      yield (0, import_react_core9.runAgent)(generalContext.agentSession.agentName, context, appendMessage, hint);
-    }
-  });
-  const stopCurrentAgent = () => {
-    if (generalContext.agentSession) {
-      (0, import_react_core9.stopAgent)(generalContext.agentSession.agentName, context);
-    }
-  };
-  const setCurrentAgentState = (state) => {
-    if (generalContext.agentSession) {
-      generalContext.setCoagentStates((prevAgentStates) => {
-        return __spreadProps(__spreadValues({}, prevAgentStates), {
-          [generalContext.agentSession.agentName]: {
-            state
-          }
-        });
-      });
-    }
-  };
-  function stopGeneration() {
-    if (onStopGeneration) {
-      onStopGeneration({
-        messages,
-        setMessages,
-        stopGeneration: defaultStopGeneration,
-        currentAgentName,
-        restartCurrentAgent,
-        stopCurrentAgent,
-        runCurrentAgent,
-        setCurrentAgentState
-      });
-    } else {
-      defaultStopGeneration();
-    }
-  }
-  function reloadMessages() {
-    if (onReloadMessages) {
-      onReloadMessages({
-        messages,
-        setMessages,
-        stopGeneration: defaultStopGeneration,
-        currentAgentName,
-        restartCurrentAgent,
-        stopCurrentAgent,
-        runCurrentAgent,
-        setCurrentAgentState
-      });
-    } else {
-      defaultReloadMessages();
-    }
-  }
   return {
     visibleMessages,
     isLoading,
@@ -2301,8 +2255,6 @@ var CopilotModal = ({
   hitEscapeToClose = true,
   onSetOpen,
   onSubmitMessage,
-  onStopGeneration,
-  onReloadMessages,
   shortcut = "/",
   icons,
   labels,
@@ -2340,8 +2292,6 @@ var CopilotModal = ({
               {
                 instructions,
                 onSubmitMessage,
-                onStopGeneration,
-                onReloadMessages,
                 makeSystemMessage,
                 showResponseButton,
                 onInProgress,
@@ -2386,7 +2336,7 @@ function CopilotSidebar(props) {
 
 // src/hooks/use-copilot-chat-suggestions.tsx
 var import_react14 = require("react");
-var import_react_core10 = require("@copilotkit/react-core");
+var import_react_core9 = require("@copilotkit/react-core");
 var import_shared4 = require("@copilotkit/shared");
 function useCopilotChatSuggestions({
   instructions,
@@ -2394,7 +2344,7 @@ function useCopilotChatSuggestions({
   minSuggestions = 1,
   maxSuggestions = 3
 }, dependencies = []) {
-  const context = (0, import_react_core10.useCopilotContext)();
+  const context = (0, import_react_core9.useCopilotContext)();
   (0, import_react14.useEffect)(() => {
     const id = (0, import_shared4.randomId)();
     context.addChatSuggestionConfiguration(id, {