@copilotkit/react-ui 1.4.1-pre.6 → 1.4.2-tyler-reset-chat.0

package/dist/components/chat/Chat.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CopilotChatIcons, CopilotChatLabels } from './ChatContext.js';
 import React__default from 'react';
-import { SystemMessageFunction } from '@copilotkit/react-core';
+import { SystemMessageFunction, HintFunction } from '@copilotkit/react-core';
 import { CopilotChatSuggestion } from '../../types/suggestions.js';
 import { Message } from '@copilotkit/runtime-client-gql';
 import { MessagesProps, RenderMessageProps, InputProps, ResponseButtonProps } from './props.js';
@@ -27,6 +27,14 @@ interface CopilotChatProps {
      * A callback that gets called when a new message it submitted.
      */
     onSubmitMessage?: (message: string) => void | Promise<void>;
+    /**
+     * A custom stop generation function.
+     */
+    onStopGeneration?: OnStopGeneration;
+    /**
+     * A custom reload messages function.
+     */
+    onReloadMessages?: OnReloadMessages;
     /**
      * Icons can be used to set custom icons for the chat window.
      */
@@ -84,20 +92,57 @@ interface CopilotChatProps {
      */
     children?: React__default.ReactNode;
 }
-declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, showResponseButton, onInProgress, Messages, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, Input, ResponseButton, className, icons, labels, }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+interface OnStopGenerationArguments {
+    /**
+     * The name of the currently executing agent.
+     */
+    currentAgentName: string | undefined;
+    /**
+     * The messages in the chat.
+     */
+    messages: Message[];
+    /**
+     * Set the messages in the chat.
+     */
+    setMessages: (messages: Message[]) => void;
+    /**
+     * Stop chat generation.
+     */
+    stopGeneration: () => void;
+    /**
+     * Restart the currently executing agent.
+     */
+    restartCurrentAgent: () => void;
+    /**
+     * Stop the currently executing agent.
+     */
+    stopCurrentAgent: () => void;
+    /**
+     * Run the currently executing agent.
+     */
+    runCurrentAgent: (hint?: HintFunction) => Promise<void>;
+    /**
+     * Set the state of the currently executing agent.
+     */
+    setCurrentAgentState: (state: any) => void;
+}
+type OnReloadMessagesArguments = OnStopGenerationArguments;
+type OnStopGeneration = (args: OnStopGenerationArguments) => void;
+type OnReloadMessages = (args: OnReloadMessagesArguments) => void;
+declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, showResponseButton, onInProgress, onStopGeneration, onReloadMessages, Messages, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, Input, ResponseButton, className, icons, labels, }: CopilotChatProps): react_jsx_runtime.JSX.Element;
 declare function WrappedCopilotChat({ children, icons, labels, className, }: {
     children: React__default.ReactNode;
     icons?: CopilotChatIcons;
     labels?: CopilotChatLabels;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => Promise<void> | void) => {
+declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => Promise<void> | void, onStopGeneration?: OnStopGeneration, onReloadMessages?: OnReloadMessages) => {
     visibleMessages: Message[];
     isLoading: boolean;
     currentSuggestions: CopilotChatSuggestion[];
     sendMessage: (messageContent: string) => Promise<Message>;
     stopGeneration: () => void;
-    reloadMessages: () => Promise<void>;
+    reloadMessages: () => void;
 };
 
-export { CopilotChat, CopilotChatProps, WrappedCopilotChat, useCopilotChatLogic };
+export { CopilotChat, CopilotChatProps, OnReloadMessages, OnReloadMessagesArguments, OnStopGeneration, WrappedCopilotChat, useCopilotChatLogic };

package/dist/components/chat/Chat.js

@@ -1525,7 +1525,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 });
 
 // src/components/chat/Chat.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_core8 = require("@copilotkit/react-core");
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
@@ -1664,7 +1664,7 @@ function logMessages(context) {
 
 // src/components/dev-console/console.tsx
 var import_react_core7 = require("@copilotkit/react-core");
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/components/dev-console/icons.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -1751,21 +1751,128 @@ var CopilotKitIcon = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
 );
 
 // src/components/dev-console/console.tsx
-var import_react9 = require("@headlessui/react");
+var import_react10 = require("@headlessui/react");
 var import_shared2 = require("@copilotkit/shared");
+
+// src/components/help-modal/modal.tsx
+var import_react8 = require("react");
+
+// src/components/help-modal/icons.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var LifeBuoyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsxs)("g", { transform: "translate(0, -1)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M15 15l3.35 3.35" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M9 15l-3.35 3.35" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M5.65 5.65l3.35 3.35" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M18.35 5.65l-3.35 3.35" })
+    ] })
+  }
+);
+var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    stroke: "currentColor",
+    width: "20",
+    height: "20",
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+  }
+);
+
+// src/components/help-modal/modal.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function CopilotKitHelpModal() {
+  const [showHelpModal, setShowHelpModal] = (0, import_react8.useState)(false);
+  const [issueDescription, setIssueDescription] = (0, import_react8.useState)("");
+  const handleSubmit = () => {
+    setShowHelpModal(false);
+  };
+  const HelpButton = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "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",
+      "aria-label": "Open Help",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LifeBuoyIcon, {})
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HelpButton, {}),
+    showHelpModal && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      {
+        className: "fixed inset-0 flex items-center justify-center p-4",
+        style: { backgroundColor: "rgba(11, 15, 26, 0.5)", zIndex: 99 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full p-4 flex-col relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "button",
+            {
+              className: "absolute text-gray-400 hover:text-gray-600 focus:outline-none",
+              style: { top: "10px", right: "10px" },
+              onClick: () => setShowHelpModal(false),
+              "aria-label": "Close",
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CloseIcon2, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full flex mb-6 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "text-2xl font-bold", children: "Help Options" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-4 mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsx)(
+              "a",
+              {
+                href: "https://go.copilotkit.ai/dev-console-support-discord",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "Go to Discord Support Channel (Community Support)"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsx)(
+              "a",
+              {
+                href: "https://go.copilotkit.ai/dev-console-support-slack",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "Apply for Priority Direct Slack Support"
+              }
+            ) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/dev-console/console.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CopilotDevConsole() {
   const currentVersion = import_shared2.COPILOTKIT_VERSION;
   const context = (0, import_react_core7.useCopilotContext)();
-  const [showDevConsole, setShowDevConsole] = (0, import_react8.useState)(false);
-  (0, import_react8.useEffect)(() => {
+  const [showDevConsole, setShowDevConsole] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
     setShowDevConsole(shouldShowDevConsole(context.showDevConsole));
   }, [context.showDevConsole]);
-  const dontRunTwiceInDevMode = (0, import_react8.useRef)(false);
-  const [versionStatus, setVersionStatus] = (0, import_react8.useState)("unknown");
-  const [latestVersion, setLatestVersion] = (0, import_react8.useState)("");
-  const consoleRef = (0, import_react8.useRef)(null);
-  const [debugButtonMode, setDebugButtonMode] = (0, import_react8.useState)("full");
+  const dontRunTwiceInDevMode = (0, import_react9.useRef)(false);
+  const [versionStatus, setVersionStatus] = (0, import_react9.useState)("unknown");
+  const [latestVersion, setLatestVersion] = (0, import_react9.useState)("");
+  const consoleRef = (0, import_react9.useRef)(null);
+  const [debugButtonMode, setDebugButtonMode] = (0, import_react9.useState)("full");
   const checkForUpdates = (force = false) => {
     setVersionStatus("checking");
     getPublishedCopilotKitVersion(currentVersion, force).then((v) => {
@@ -1788,14 +1895,14 @@ function CopilotDevConsole() {
       setVersionStatus("unknown");
     });
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (dontRunTwiceInDevMode.current === true) {
       return;
     }
     dontRunTwiceInDevMode.current = true;
     checkForUpdates();
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const handleResize = (entries) => {
       for (let entry of entries) {
         if (entry.target === consoleRef.current) {
@@ -1827,14 +1934,14 @@ function CopilotDevConsole() {
   if (!showDevConsole) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       ref: consoleRef,
       className: "copilotKitDevConsole " + (versionStatus === "update-available" ? "copilotKitDevConsoleUpgrade" : "") + (versionStatus === "outdated" ? "copilotKitDevConsoleWarnOutdated" : ""),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "copilotKitDevConsoleLogo", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: "https://copilotkit.ai", target: "_blank", children: CopilotKitIcon }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "copilotKitDevConsoleLogo", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("a", { href: "https://copilotkit.ai", target: "_blank", children: CopilotKitIcon }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           VersionInfo,
           {
             showDevConsole: context.showDevConsole,
@@ -1843,7 +1950,8 @@ function CopilotDevConsole() {
             latestVersion
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CopilotKitHelpModal, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           DebugMenuButton,
           {
             setShowDevConsole,
@@ -1861,7 +1969,7 @@ function VersionInfo({
   currentVersion,
   latestVersion
 }) {
-  const [copyStatus, setCopyStatus] = (0, import_react8.useState)("");
+  const [copyStatus, setCopyStatus] = (0, import_react9.useState)("");
   let versionLabel = "";
   let versionIcon = "";
   let currentVersionLabel = currentVersion;
@@ -1898,12 +2006,12 @@ function VersionInfo({
       setTimeout(() => setCopyStatus(""), 1e3);
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "copilotKitVersionInfo", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "copilotKitVersionInfo", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { children: [
       "COPILOTKIT DEV CONSOLE",
-      showDevConsole === "auto" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("aside", { children: asideLabel })
+      showDevConsole === "auto" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("aside", { children: asideLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { children: [
       "Version: ",
       versionLabel,
       " (",
@@ -1911,7 +2019,7 @@ function VersionInfo({
       ") ",
       versionIcon
     ] }),
-    (versionStatus === "update-available" || versionStatus === "outdated") && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("footer", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: handleCopyClick, children: copyStatus || installCommand }) })
+    (versionStatus === "update-available" || versionStatus === "outdated") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("footer", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: handleCopyClick, children: copyStatus || installCommand }) })
   ] });
 }
 function DebugMenuButton({
@@ -1921,22 +2029,22 @@ function DebugMenuButton({
 }) {
   const context = (0, import_react_core7.useCopilotContext)();
   const messagesContext = (0, import_react_core7.useCopilotMessagesContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "bg-black top-24 w-52 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react9.Menu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-black top-24 w-52 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react10.Menu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.MenuButton, { className: `copilotKitDebugMenuButton ${mode === "compact" ? "compact" : ""}`, children: mode == "compact" ? "Debug" : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
       "Debug ",
       ChevronDownIcon
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      import_react9.MenuItems,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_react10.MenuItems,
       {
         transition: true,
         anchor: "bottom end",
         className: "copilotKitDebugMenu",
         style: { zIndex: 40 },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               className: "copilotKitDebugMenuItem",
@@ -1944,9 +2052,9 @@ function DebugMenuButton({
               children: "Log Messages"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
         ]
       }
     )
@@ -1954,13 +2062,16 @@ function DebugMenuButton({
 }
 
 // src/components/chat/Chat.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react_core9 = require("@copilotkit/react-core");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
   onSubmitMessage,
   makeSystemMessage,
   showResponseButton = true,
   onInProgress,
+  onStopGeneration,
+  onReloadMessages,
   Messages: Messages2 = Messages,
   RenderTextMessage: RenderTextMessage2 = RenderTextMessage,
   RenderActionExecutionMessage: RenderActionExecutionMessage2 = RenderActionExecutionMessage,
@@ -1973,7 +2084,7 @@ function CopilotChat({
   labels
 }) {
   const context = (0, import_react_core8.useCopilotContext)();
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     context.setChatInstructions(instructions || "");
   }, [instructions]);
   const {
@@ -1983,12 +2094,18 @@ function CopilotChat({
     sendMessage,
     stopGeneration,
     reloadMessages
-  } = useCopilotChatLogic(makeSystemMessage, onInProgress, onSubmitMessage);
-  const chatContext = import_react10.default.useContext(ChatContext);
+  } = useCopilotChatLogic(
+    makeSystemMessage,
+    onInProgress,
+    onSubmitMessage,
+    onStopGeneration,
+    onReloadMessages
+  );
+  const chatContext = import_react11.default.useContext(ChatContext);
   const isVisible = chatContext ? chatContext.open : true;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CopilotDevConsole, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CopilotDevConsole, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       Messages2,
       {
         RenderTextMessage: RenderTextMessage2,
@@ -1998,9 +2115,9 @@ function CopilotChat({
         messages: visibleMessages,
         inProgress: isLoading,
         children: [
-          currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h6", { children: "Suggested:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h6", { children: "Suggested:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               Suggestion,
               {
                 title: suggestion.title,
@@ -2012,7 +2129,7 @@ function CopilotChat({
               index
             )) })
           ] }),
-          showResponseButton && visibleMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          showResponseButton && visibleMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             ResponseButton2,
             {
               onClick: isLoading ? stopGeneration : reloadMessages,
@@ -2022,7 +2139,7 @@ function CopilotChat({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Input2, { inProgress: isLoading, onSend: sendMessage, isVisible })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Input2, { inProgress: isLoading, onSend: sendMessage, isVisible })
   ] });
 }
 function WrappedCopilotChat({
@@ -2031,31 +2148,38 @@ function WrappedCopilotChat({
   labels,
   className
 }) {
-  const chatContext = import_react10.default.useContext(ChatContext);
+  const chatContext = import_react11.default.useContext(ChatContext);
   if (!chatContext) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: `copilotKitChat ${className}`, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `copilotKitChat ${className}`, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.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,
+    isLoading
+  } = (0, import_react_core8.useCopilotChat)({
     id: (0, import_shared3.randomId)(),
     makeSystemMessage
   });
-  const [currentSuggestions, setCurrentSuggestions] = (0, import_react10.useState)([]);
-  const suggestionsAbortControllerRef = (0, import_react10.useRef)(null);
-  const debounceTimerRef = (0, import_react10.useRef)();
+  const [currentSuggestions, setCurrentSuggestions] = (0, import_react11.useState)([]);
+  const suggestionsAbortControllerRef = (0, import_react11.useRef)(null);
+  const debounceTimerRef = (0, import_react11.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)();
   const messagesContext = (0, import_react_core8.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
     abortSuggestions();
     debounceTimerRef.current = setTimeout(
@@ -2075,7 +2199,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([]);
@@ -2093,6 +2223,79 @@ 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, 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,