@copilotkit/react-ui 1.5.15-next.2 → 1.5.15-next.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # ui
 
+## 1.5.15-next.4
+
+### Patch Changes
+
+- 7b3141d: - feat(interrupt): support LG interrupt with useLangGraphInterrupt hook
+  - chore(interrupt): add e2e test to interrupt functionality
+  - feat(interrupt): add support for multiple interrupts and conditions
+- Updated dependencies [7b3141d]
+  - @copilotkit/react-core@1.5.15-next.4
+  - @copilotkit/runtime-client-gql@1.5.15-next.4
+  - @copilotkit/shared@1.5.15-next.4
+
+## 1.5.15-next.3
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.5.15-next.3
+- @copilotkit/react-core@1.5.15-next.3
+- @copilotkit/shared@1.5.15-next.3
+
 ## 1.5.15-next.2
 
 ### Patch Changes

package/dist/{chunk-34FREWVK.mjs → chunk-6FTRYYR5.mjs}

@@ -5,6 +5,7 @@ import {
 // src/components/chat/Messages.tsx
 import { useEffect, useMemo, useRef } from "react";
 import { ResultMessage, TextMessage, Role } from "@copilotkit/runtime-client-gql";
+import { useLangGraphInterruptRender } from "@copilotkit/react-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Messages = ({
   messages,
@@ -36,6 +37,7 @@ var Messages = ({
     }
   }
   const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
+  const interrupt = useLangGraphInterruptRender();
   return /* @__PURE__ */ jsxs("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
@@ -94,6 +96,7 @@ var Messages = ({
         );
       }
     }),
+    interrupt,
     /* @__PURE__ */ jsx("footer", { ref: messagesEndRef, children })
   ] });
 };
@@ -177,4 +180,4 @@ export {
   Messages,
   useScrollToBottom
 };
-//# sourceMappingURL=chunk-34FREWVK.mjs.map
+//# sourceMappingURL=chunk-6FTRYYR5.mjs.map

package/dist/chunk-6FTRYYR5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Messages.tsx"],"sourcesContent":["import { useCallback, 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  AssistantMessage,\n  UserMessage,\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 { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);\n\n  const interrupt = useLangGraphInterruptRender();\n\n  return (\n    <div className=\"copilotKitMessages\" ref={messagesContainerRef}>\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            />\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        }\n      })}\n      {interrupt}\n      <footer ref={messagesEndRef}>{children}</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}\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 (messagesEndRef.current) {\n      isProgrammaticScrollRef.current = true;\n      messagesEndRef.current.scrollIntoView({\n        behavior: \"auto\",\n      });\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":[]}

package/dist/{chunk-6ZBXFJHS.mjs → chunk-7D6TIVZ6.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-HBUJWEWY.mjs";
+} from "./chunk-Q77YGF2I.mjs";
 import {
   UserMessage
 } from "./chunk-HEIDCT7I.mjs";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-EMQEEXUB.mjs";
 import {
   Messages
-} from "./chunk-34FREWVK.mjs";
+} from "./chunk-6FTRYYR5.mjs";
 import {
   ResponseButton
 } from "./chunk-3XAXY2Z3.mjs";
@@ -102,4 +102,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-6ZBXFJHS.mjs.map
+//# sourceMappingURL=chunk-7D6TIVZ6.mjs.map

package/dist/{chunk-I37TTM3T.mjs → chunk-NCM42YQL.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-6ZBXFJHS.mjs";
+} from "./chunk-7D6TIVZ6.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-I37TTM3T.mjs.map
+//# sourceMappingURL=chunk-NCM42YQL.mjs.map

package/dist/{chunk-R5ZETDHL.mjs → chunk-PGXWPTAW.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-6ZBXFJHS.mjs";
+} from "./chunk-7D6TIVZ6.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-R5ZETDHL.mjs.map
+//# sourceMappingURL=chunk-PGXWPTAW.mjs.map

package/dist/{chunk-HBUJWEWY.mjs → chunk-Q77YGF2I.mjs}

@@ -28,7 +28,7 @@ import {
 } from "./chunk-EMQEEXUB.mjs";
 import {
   Messages
-} from "./chunk-34FREWVK.mjs";
+} from "./chunk-6FTRYYR5.mjs";
 import {
   ResponseButton
 } from "./chunk-3XAXY2Z3.mjs";
@@ -311,4 +311,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-HBUJWEWY.mjs.map
+//# sourceMappingURL=chunk-Q77YGF2I.mjs.map

package/dist/components/chat/Chat.js

@@ -390,6 +390,7 @@ var ChatContextProvider = ({
 // src/components/chat/Messages.tsx
 var import_react2 = require("react");
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
+var import_react_core = require("@copilotkit/react-core");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Messages = ({
   messages,
@@ -421,6 +422,7 @@ var Messages = ({
     }
   }
   const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
+  const interrupt = (0, import_react_core.useLangGraphInterruptRender)();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
@@ -479,6 +481,7 @@ var Messages = ({
         );
       }
     }),
+    interrupt,
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { ref: messagesEndRef, children })
   ] });
 };
@@ -611,7 +614,7 @@ var AutoResizingTextarea = (0, import_react3.forwardRef)(
 var Textarea_default = AutoResizingTextarea;
 
 // src/hooks/use-push-to-talk.tsx
-var import_react_core = require("@copilotkit/react-core");
+var import_react_core2 = require("@copilotkit/react-core");
 var import_react4 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -666,8 +669,8 @@ var usePushToTalk = ({
   const audioContextRef = (0, import_react4.useRef)(null);
   const mediaRecorderRef = (0, import_react4.useRef)(null);
   const recordedChunks = (0, import_react4.useRef)([]);
-  const generalContext = (0, import_react_core.useCopilotContext)();
-  const messagesContext = (0, import_react_core.useCopilotMessagesContext)();
+  const generalContext = (0, import_react_core2.useCopilotContext)();
+  const messagesContext = (0, import_react_core2.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
   const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react4.useState)(null);
   (0, import_react4.useEffect)(() => {
@@ -715,11 +718,11 @@ var usePushToTalk = ({
 };
 
 // src/components/chat/Input.tsx
-var import_react_core2 = require("@copilotkit/react-core");
+var import_react_core3 = require("@copilotkit/react-core");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Input = ({ inProgress, onSend, isVisible = false }) => {
   const context = useChatContext();
-  const copilotContext = (0, import_react_core2.useCopilotContext)();
+  const copilotContext = (0, import_react_core3.useCopilotContext)();
   const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
   const textareaRef = (0, import_react5.useRef)(null);
   const handleDivClick = (event) => {
@@ -839,10 +842,10 @@ function RenderTextMessage(props) {
 
 // src/components/chat/messages/RenderActionExecutionMessage.tsx
 var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
-var import_react_core3 = require("@copilotkit/react-core");
+var import_react_core4 = require("@copilotkit/react-core");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function RenderActionExecutionMessage(props) {
-  const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
+  const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
   const { message, inProgress, index, isCurrentMessage, actionResult, AssistantMessage: AssistantMessage2 } = props;
   if (message.isActionExecutionMessage()) {
     if (chatComponentsCache.current !== null && (chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"])) {
@@ -964,10 +967,10 @@ function RenderResultMessage(props) {
 }
 
 // src/components/chat/messages/RenderAgentStateMessage.tsx
-var import_react_core4 = require("@copilotkit/react-core");
+var import_react_core5 = require("@copilotkit/react-core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function RenderAgentStateMessage(props) {
-  const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
+  const { chatComponentsCache } = (0, import_react_core5.useCopilotContext)();
   const { message, inProgress, index, isCurrentMessage, AssistantMessage: AssistantMessage2 } = props;
   if (message.isAgentStateMessage()) {
     let render;
@@ -1548,7 +1551,7 @@ var UserMessage = (props) => {
 };
 
 // src/components/chat/Suggestion.tsx
-var import_react_core5 = require("@copilotkit/react-core");
+var import_react_core6 = require("@copilotkit/react-core");
 var import_shared = require("@copilotkit/shared");
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -1583,7 +1586,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
   for (const config of Object.values(chatSuggestionConfiguration)) {
     try {
       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)({
+      const result = yield (0, import_react_core6.extract)({
         context,
         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",
@@ -1642,12 +1645,12 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 
 // src/components/chat/Chat.tsx
 var import_react11 = __toESM(require("react"));
-var import_react_core8 = require("@copilotkit/react-core");
+var import_react_core9 = require("@copilotkit/react-core");
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
 
 // src/components/dev-console/utils.ts
-var import_react_core6 = require("@copilotkit/react-core");
+var import_react_core7 = require("@copilotkit/react-core");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1709,7 +1712,7 @@ function getPublishedCopilotKitVersion(current, forceCheck = false) {
 }
 function logReadables(context) {
   console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
-  const readables = context.getContextString([], import_react_core6.defaultCopilotContextCategories).trim();
+  const readables = context.getContextString([], import_react_core7.defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
     return;
@@ -1779,7 +1782,7 @@ function logMessages(context) {
 }
 
 // src/components/dev-console/console.tsx
-var import_react_core7 = require("@copilotkit/react-core");
+var import_react_core8 = require("@copilotkit/react-core");
 var import_react9 = require("react");
 
 // src/components/dev-console/icons.tsx
@@ -2079,7 +2082,7 @@ function CopilotKitHelpModal() {
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function CopilotDevConsole() {
   const currentVersion = import_shared2.COPILOTKIT_VERSION;
-  const context = (0, import_react_core7.useCopilotContext)();
+  const context = (0, import_react_core8.useCopilotContext)();
   const [showDevConsole, setShowDevConsole] = (0, import_react9.useState)(false);
   (0, import_react9.useEffect)(() => {
     setShowDevConsole(shouldShowDevConsole(context.showDevConsole));
@@ -2243,8 +2246,8 @@ function DebugMenuButton({
   checkForUpdates,
   mode
 }) {
-  const context = (0, import_react_core7.useCopilotContext)();
-  const messagesContext = (0, import_react_core7.useCopilotMessagesContext)();
+  const context = (0, import_react_core8.useCopilotContext)();
+  const messagesContext = (0, import_react_core8.useCopilotMessagesContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "bg-black top-24 w-52 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react10.Menu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react10.MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
       "Debug ",
@@ -2278,7 +2281,7 @@ function DebugMenuButton({
 }
 
 // src/components/chat/Chat.tsx
-var import_react_core9 = require("@copilotkit/react-core");
+var import_react_core10 = require("@copilotkit/react-core");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -2301,7 +2304,7 @@ function CopilotChat({
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage
 }) {
-  const context = (0, import_react_core8.useCopilotContext)();
+  const context = (0, import_react_core9.useCopilotContext)();
   (0, import_react11.useEffect)(() => {
     context.setChatInstructions(instructions || "");
   }, [instructions]);
@@ -2385,7 +2388,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     stopGeneration: defaultStopGeneration,
     runChatCompletion,
     isLoading
-  } = (0, import_react_core8.useCopilotChat)({
+  } = (0, import_react_core9.useCopilotChat)({
     id: (0, import_shared3.randomId)(),
     makeSystemMessage
   });
@@ -2397,8 +2400,8 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     (_a2 = suggestionsAbortControllerRef.current) == null ? void 0 : _a2.abort();
     suggestionsAbortControllerRef.current = null;
   };
-  const generalContext = (0, import_react_core8.useCopilotContext)();
-  const messagesContext = (0, import_react_core8.useCopilotMessagesContext)();
+  const generalContext = (0, import_react_core9.useCopilotContext)();
+  const messagesContext = (0, import_react_core9.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
   (0, import_react11.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
@@ -2466,7 +2469,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
   });
   const runCurrentAgent = (hint) => __async(void 0, null, function* () {
     if (generalContext.agentSession) {
-      yield (0, import_react_core9.runAgent)(
+      yield (0, import_react_core10.runAgent)(
         generalContext.agentSession.agentName,
         context,
         appendMessage,
@@ -2477,7 +2480,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
   });
   const stopCurrentAgent = () => {
     if (generalContext.agentSession) {
-      (0, import_react_core9.stopAgent)(generalContext.agentSession.agentName, context);
+      (0, import_react_core10.stopAgent)(generalContext.agentSession.agentName, context);
     }
   };
   const setCurrentAgentState = (state) => {