@copilotkit/react-ui 1.4.8-no-pino-redact.1 → 1.5.0-coagents-v0-3.0

package/dist/components/index.mjs

@@ -2,38 +2,38 @@ import "../chunk-MMVDU6DF.mjs";
 import "../chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "../chunk-ZQFKJLQ6.mjs";
+} from "../chunk-WSMMTZCM.mjs";
 import "../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../chunk-FUDBUYBG.mjs";
-import "../chunk-E5SSVET3.mjs";
+} from "../chunk-375NVWZM.mjs";
+import "../chunk-UWVGLGFQ.mjs";
 import "../chunk-YAGE7RCE.mjs";
 import "../chunk-VEC45H6Q.mjs";
 import "../chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "../chunk-T35X2SFE.mjs";
+} from "../chunk-DCNCY2PL.mjs";
 import "../chunk-6INMITFA.mjs";
 import "../chunk-RU73BEZM.mjs";
 import "../chunk-V7W6IM2V.mjs";
-import "../chunk-OMTPWC7T.mjs";
+import "../chunk-3E7HY2UN.mjs";
 import "../chunk-ZABXREBH.mjs";
 import "../chunk-RJCZRKTV.mjs";
 import {
   CopilotDevConsole
-} from "../chunk-TTYR7XPN.mjs";
+} from "../chunk-F2W5FD7L.mjs";
 import {
   shouldShowDevConsole
-} from "../chunk-4FIGRRFS.mjs";
+} from "../chunk-PNQVKBPN.mjs";
 import "../chunk-KXE2JCUH.mjs";
-import "../chunk-ICGZEGHQ.mjs";
+import "../chunk-TI7SY2RI.mjs";
 import "../chunk-BH6PCAAL.mjs";
 import "../chunk-OTPAZXVR.mjs";
 import "../chunk-EMQEEXUB.mjs";
 import "../chunk-YQFVRDNC.mjs";
 import "../chunk-YQ3D5IQV.mjs";
-import "../chunk-RKPANT3F.mjs";
+import "../chunk-7II4YL7R.mjs";
 import "../chunk-3XAXY2Z3.mjs";
 import {
   useChatContext

package/dist/index.js

@@ -950,9 +950,9 @@ var import_react7 = require("react");
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
 
 // src/hooks/use-copy-to-clipboard.tsx
-var React6 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 function useCopyToClipboard({ timeout = 2e3 }) {
-  const [isCopied, setIsCopied] = React6.useState(false);
+  const [isCopied, setIsCopied] = React5.useState(false);
   const copyToClipboard = (value) => {
     var _a;
     if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
@@ -1448,8 +1448,8 @@ function RenderActionExecutionMessage(props) {
   const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
   const { icons } = useChatContext();
   if (message.isActionExecutionMessage()) {
-    if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
-      const render = chatComponentsCache.current.actions[message.name];
+    if (chatComponentsCache.current !== null && (chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"])) {
+      const render = chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"];
       if (typeof render === "string") {
         if (isCurrentMessage && inProgress) {
           return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -1472,7 +1472,8 @@ function RenderActionExecutionMessage(props) {
           const toRender = render({
             status,
             args,
-            result: actionResult
+            result: actionResult,
+            name: message.name
           });
           if (!toRender && status === "complete") {
             return null;
@@ -1786,7 +1787,7 @@ function logMessages(context) {
         type: "ActionExecutionMessage",
         role: void 0,
         name: message.name,
-        scope: message.scope,
+        scope: message.parentMessageId,
         content: message.arguments
       };
     } else if (message.isResultMessage()) {
@@ -1909,30 +1910,6 @@ var import_react9 = require("react");
 
 // src/components/help-modal/icons.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var LifeBuoyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "icon icon-tabler icons-tabler-outline icon-tabler-lifebuoy",
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { transform: "translate(0, -1)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M15 15l3.35 3.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M9 15l-3.35 3.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M5.65 5.65l3.35 3.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M18.35 5.65l-3.35 3.35" })
-    ] })
-  }
-);
 var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "svg",
   {
@@ -2023,9 +2000,10 @@ function CopilotKitHelpModal() {
     "button",
     {
       onClick: () => setShowHelpModal(true),
-      className: "p-2 bg-transparent rounded-full shadow-lg hover:shadow-xl transition-shadow duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500",
+      style: { width: "50px", height: "30px", marginRight: "0.25rem" },
+      className: "text-sm p-0 bg-transparent rounded border border-blue-500",
       "aria-label": "Open Help",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LifeBuoyIcon, {})
+      children: "Help"
     }
   );
   const submitButtonDisabled = (0, import_react9.useMemo)(
@@ -2052,6 +2030,15 @@ function CopilotKitHelpModal() {
           ),
           /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-full flex mb-6 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "text-2xl font-bold", children: "Help Options" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-4 mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "a",
+              {
+                href: "https://docs.copilotkit.ai/coagents/troubleshooting/common-issues",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "Visit the Troubleshooting and FAQ section in the docs"
+              }
+            ) }),
             /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "a",
               {
@@ -2326,6 +2313,7 @@ function DebugMenuButton({
 }
 
 // src/components/chat/Chat.tsx
+var import_react_core9 = require("@copilotkit/react-core");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -2333,6 +2321,8 @@ function CopilotChat({
   makeSystemMessage,
   showResponseButton = true,
   onInProgress,
+  onStopGeneration,
+  onReloadMessages,
   Messages: Messages2 = Messages,
   RenderTextMessage: RenderTextMessage2 = RenderTextMessage,
   RenderActionExecutionMessage: RenderActionExecutionMessage2 = RenderActionExecutionMessage,
@@ -2355,7 +2345,13 @@ function CopilotChat({
     sendMessage,
     stopGeneration,
     reloadMessages
-  } = useCopilotChatLogic(makeSystemMessage, onInProgress, onSubmitMessage);
+  } = useCopilotChatLogic(
+    makeSystemMessage,
+    onInProgress,
+    onSubmitMessage,
+    onStopGeneration,
+    onReloadMessages
+  );
   const chatContext = import_react12.default.useContext(ChatContext);
   const isVisible = chatContext ? chatContext.open : true;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
@@ -2411,8 +2407,16 @@ function WrappedCopilotChat({
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children });
 }
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
-var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) => {
-  const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } = (0, import_react_core8.useCopilotChat)({
+var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages) => {
+  var _a;
+  const {
+    visibleMessages,
+    appendMessage,
+    reloadMessages: defaultReloadMessages,
+    stopGeneration: defaultStopGeneration,
+    runChatCompletion,
+    isLoading
+  } = (0, import_react_core8.useCopilotChat)({
     id: (0, import_shared3.randomId)(),
     makeSystemMessage
   });
@@ -2420,8 +2424,8 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const suggestionsAbortControllerRef = (0, import_react12.useRef)(null);
   const debounceTimerRef = (0, import_react12.useRef)();
   const abortSuggestions = () => {
-    var _a;
-    (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
+    var _a2;
+    (_a2 = suggestionsAbortControllerRef.current) == null ? void 0 : _a2.abort();
     suggestionsAbortControllerRef.current = null;
   };
   const generalContext = (0, import_react_core8.useCopilotContext)();
@@ -2447,7 +2451,13 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     return () => {
       clearTimeout(debounceTimerRef.current);
     };
-  }, [isLoading, context.chatSuggestionConfiguration]);
+  }, [
+    isLoading,
+    context.chatSuggestionConfiguration,
+    // hackish way to trigger suggestions reload on reset, but better than moving suggestions to the
+    // global context
+    visibleMessages.length == 0
+  ]);
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
@@ -2465,6 +2475,85 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
     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,
+        runChatCompletion,
+        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,
@@ -2484,6 +2573,8 @@ var CopilotModal = ({
   hitEscapeToClose = true,
   onSetOpen,
   onSubmitMessage,
+  onStopGeneration,
+  onReloadMessages,
   shortcut = "/",
   icons,
   labels,
@@ -2521,6 +2612,8 @@ var CopilotModal = ({
               {
                 instructions,
                 onSubmitMessage,
+                onStopGeneration,
+                onReloadMessages,
                 makeSystemMessage,
                 showResponseButton,
                 onInProgress,
@@ -2565,7 +2658,7 @@ function CopilotSidebar(props) {
 
 // src/hooks/use-copilot-chat-suggestions.tsx
 var import_react15 = require("react");
-var import_react_core9 = require("@copilotkit/react-core");
+var import_react_core10 = require("@copilotkit/react-core");
 var import_shared4 = require("@copilotkit/shared");
 function useCopilotChatSuggestions({
   instructions,
@@ -2573,7 +2666,7 @@ function useCopilotChatSuggestions({
   minSuggestions = 1,
   maxSuggestions = 3
 }, dependencies = []) {
-  const context = (0, import_react_core9.useCopilotContext)();
+  const context = (0, import_react_core10.useCopilotContext)();
   (0, import_react15.useEffect)(() => {
     const id = (0, import_shared4.randomId)();
     context.addChatSuggestionConfiguration(id, {