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

package/dist/components/chat/Sidebar.mjs

@@ -1,11 +1,11 @@
 import {
   CopilotSidebar
-} from "../../chunk-R5ZETDHL.mjs";
-import "../../chunk-6ZBXFJHS.mjs";
+} from "../../chunk-PGXWPTAW.mjs";
+import "../../chunk-7D6TIVZ6.mjs";
 import "../../chunk-YAGE7RCE.mjs";
 import "../../chunk-VEC45H6Q.mjs";
 import "../../chunk-RQNJNK2W.mjs";
-import "../../chunk-HBUJWEWY.mjs";
+import "../../chunk-Q77YGF2I.mjs";
 import "../../chunk-UWWMAJ7R.mjs";
 import "../../chunk-F7VWGY77.mjs";
 import "../../chunk-OFYI4UU4.mjs";
@@ -23,7 +23,7 @@ import "../../chunk-OTPAZXVR.mjs";
 import "../../chunk-EMQEEXUB.mjs";
 import "../../chunk-YQFVRDNC.mjs";
 import "../../chunk-YQ3D5IQV.mjs";
-import "../../chunk-34FREWVK.mjs";
+import "../../chunk-6FTRYYR5.mjs";
 import "../../chunk-3XAXY2Z3.mjs";
 import "../../chunk-CBBFRI3Q.mjs";
 import "../../chunk-UPTB2MVO.mjs";

package/dist/components/chat/index.js

@@ -534,6 +534,7 @@ var Header = ({}) => {
 // src/components/chat/Messages.tsx
 var import_react3 = require("react");
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
+var import_react_core = require("@copilotkit/react-core");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Messages = ({
   messages,
@@ -565,6 +566,7 @@ var Messages = ({
     }
   }
   const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
+  const interrupt = (0, import_react_core.useLangGraphInterruptRender)();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
@@ -623,6 +625,7 @@ var Messages = ({
         );
       }
     }),
+    interrupt,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { ref: messagesEndRef, children })
   ] });
 };
@@ -755,7 +758,7 @@ var AutoResizingTextarea = (0, import_react4.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_react5 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -810,8 +813,8 @@ var usePushToTalk = ({
   const audioContextRef = (0, import_react5.useRef)(null);
   const mediaRecorderRef = (0, import_react5.useRef)(null);
   const recordedChunks = (0, import_react5.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_react5.useState)(null);
   (0, import_react5.useEffect)(() => {
@@ -859,11 +862,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_runtime8 = 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_react6.useRef)(null);
   const handleDivClick = (event) => {
@@ -983,10 +986,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_runtime11 = 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["*"])) {
@@ -1108,10 +1111,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_runtime13 = 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;
@@ -1692,7 +1695,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_runtime18 = require("react/jsx-runtime");
@@ -1727,7 +1730,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",
@@ -1786,12 +1789,12 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 
 // src/components/chat/Chat.tsx
 var import_react12 = __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;
@@ -1853,7 +1856,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;
@@ -1923,7 +1926,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_react10 = require("react");
 
 // src/components/dev-console/icons.tsx
@@ -2223,7 +2226,7 @@ function CopilotKitHelpModal() {
 var import_jsx_runtime22 = 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_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     setShowDevConsole(shouldShowDevConsole(context.showDevConsole));
@@ -2387,8 +2390,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_runtime22.jsx)("div", { className: "bg-black top-24 w-52 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react11.Menu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react11.MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
       "Debug ",
@@ -2422,7 +2425,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_runtime23 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -2445,7 +2448,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_react12.useEffect)(() => {
     context.setChatInstructions(instructions || "");
   }, [instructions]);
@@ -2529,7 +2532,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
   });
@@ -2541,8 +2544,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_react12.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
@@ -2610,7 +2613,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,
@@ -2621,7 +2624,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) => {