@copilotkit/react-ui 1.5.1-next.1 → 1.5.1-next.3

package/dist/chunk-WOUWNTAV.mjs

@@ -0,0 +1,72 @@
+import {
+  CloseIcon,
+  LifeBuoyIcon
+} from "./chunk-4T3TMQNJ.mjs";
+
+// src/components/help-modal/modal.tsx
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CopilotKitHelpModal() {
+  const [showHelpModal, setShowHelpModal] = useState(false);
+  const [issueDescription, setIssueDescription] = useState("");
+  const handleSubmit = () => {
+    setShowHelpModal(false);
+  };
+  const HelpButton = () => /* @__PURE__ */ 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__ */ jsx(LifeBuoyIcon, {})
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HelpButton, {}),
+    showHelpModal && /* @__PURE__ */ 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__ */ jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full p-4 flex-col relative", children: [
+          /* @__PURE__ */ 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__ */ jsx(CloseIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-full flex mb-6 justify-center", children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Help Options" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-4", children: [
+            /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
+              "a",
+              {
+                href: "https://go.copilotkit.ai/dev-console-support-slack",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "Apply for Priority Direct Slack Support"
+              }
+            ) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+export {
+  CopilotKitHelpModal
+};
+//# sourceMappingURL=chunk-WOUWNTAV.mjs.map

package/dist/chunk-WOUWNTAV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/help-modal/modal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { CloseIcon, LifeBuoyIcon } from \"./icons\";\n\nexport function CopilotKitHelpModal() {\n  const [showHelpModal, setShowHelpModal] = useState(false);\n  const [issueDescription, setIssueDescription] = useState(\"\");\n\n  const handleSubmit = () => {\n    // submit issueDescription\n    setShowHelpModal(false);\n  };\n\n  const HelpButton = () => (\n    <button\n      onClick={() => setShowHelpModal(true)}\n      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\"\n      aria-label=\"Open Help\"\n    >\n      <LifeBuoyIcon />\n    </button>\n  );\n\n  return (\n    <>\n      <HelpButton />\n      {showHelpModal && (\n        <div\n          className=\"fixed inset-0 flex items-center justify-center p-4\"\n          style={{ backgroundColor: \"rgba(11, 15, 26, 0.5)\", zIndex: 99 }}\n        >\n          <div className=\"bg-white rounded-lg shadow-xl max-w-md w-full p-4 flex-col relative\">\n            <button\n              className=\"absolute text-gray-400 hover:text-gray-600 focus:outline-none\"\n              style={{ top: \"10px\", right: \"10px\" }}\n              onClick={() => setShowHelpModal(false)}\n              aria-label=\"Close\"\n            >\n              <CloseIcon />\n            </button>\n            <div className=\"w-full flex mb-6 justify-center\">\n              <h2 className=\"text-2xl font-bold\">Help Options</h2>\n            </div>\n            <div className=\"space-y-4 mb-4\">\n              <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\">\n                <a\n                  href=\"https://go.copilotkit.ai/dev-console-support-discord\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  Go to Discord Support Channel (Community Support)\n                </a>\n              </div>\n              <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\">\n                <a\n                  href=\"https://go.copilotkit.ai/dev-console-support-slack\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  Apply for Priority Direct Slack Support\n                </a>\n              </div>\n            </div>\n            {/*<form onSubmit={handleSubmit} className=\"flex flex-col space-y-4\">*/}\n            {/*    <div>*/}\n            {/*        <label htmlFor=\"feedback\" className=\"block text-sm font-medium text-gray-700 mb-1\">*/}\n            {/*            Let us know what your issue is:*/}\n            {/*        </label>*/}\n            {/*        <textarea*/}\n            {/*            id=\"feedback\"*/}\n            {/*            rows={4}*/}\n            {/*            className=\"w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500\"*/}\n            {/*            placeholder=\"A Loom link / screen recording is always great!\"*/}\n            {/*            onChange={e => setIssueDescription(e.target.value)}*/}\n            {/*            value={issueDescription}*/}\n            {/*        ></textarea>*/}\n            {/*    </div>*/}\n            {/*    <div className=\"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse rounded-b-lg\">*/}\n            {/*        <button*/}\n            {/*            type=\"submit\"*/}\n            {/*            className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-500 text-base font-medium text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm\"*/}\n            {/*        >*/}\n            {/*            Submit*/}\n            {/*        </button>*/}\n            {/*    </div>*/}\n            {/*</form>*/}\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAgB,gBAAgB;AAkB1B,SAKF,UALE,KAwBM,YAxBN;AAfC,SAAS,sBAAsB;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,EAAE;AAE3D,QAAM,eAAe,MAAM;AAEzB,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,aAAa,MACjB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,iBAAiB,IAAI;AAAA,MACpC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,8BAAC,gBAAa;AAAA;AAAA,EAChB;AAGF,SACE,iCACE;AAAA,wBAAC,cAAW;AAAA,IACX,iBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,yBAAyB,QAAQ,GAAG;AAAA,QAE9D,+BAAC,SAAI,WAAU,uEACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,cACpC,SAAS,MAAM,iBAAiB,KAAK;AAAA,cACrC,cAAW;AAAA,cAEX,8BAAC,aAAU;AAAA;AAAA,UACb;AAAA,UACA,oBAAC,SAAI,WAAU,mCACb,8BAAC,QAAG,WAAU,sBAAqB,0BAAY,GACjD;AAAA,UACA,qBAAC,SAAI,WAAU,kBACb;AAAA,gCAAC,SAAI,WAAU,uHACb;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,KAAI;AAAA,gBACL;AAAA;AAAA,YAED,GACF;AAAA,YACA,oBAAC,SAAI,WAAU,uHACb;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,KAAI;AAAA,gBACL;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA,WAwBF;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

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, HintFunction } from '@copilotkit/react-core';
+import { SystemMessageFunction } 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,14 +27,6 @@ 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.
      */
@@ -92,57 +84,20 @@ interface CopilotChatProps {
      */
     children?: React__default.ReactNode;
 }
-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 CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, showResponseButton, onInProgress, 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, onStopGeneration?: OnStopGeneration, onReloadMessages?: OnReloadMessages) => {
+declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => Promise<void> | void) => {
     visibleMessages: Message[];
     isLoading: boolean;
     currentSuggestions: CopilotChatSuggestion[];
     sendMessage: (messageContent: string) => Promise<Message>;
     stopGeneration: () => void;
-    reloadMessages: () => void;
+    reloadMessages: () => Promise<void>;
 };
 
-export { CopilotChat, CopilotChatProps, OnReloadMessages, OnReloadMessagesArguments, OnStopGeneration, WrappedCopilotChat, useCopilotChatLogic };
+export { CopilotChat, CopilotChatProps, WrappedCopilotChat, useCopilotChatLogic };

package/dist/components/chat/Chat.js

@@ -739,10 +739,7 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
   });
   const sendIcon = inProgress || pushToTalkState === "transcribing" ? context.icons.activityIcon : context.icons.sendIcon;
   const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
-  const canSend = () => {
-    return !inProgress && text.trim().length > 0 && pushToTalkState === "idle";
-  };
-  const sendDisabled = !canSend();
+  const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== "idle";
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Textarea_default,
@@ -756,9 +753,7 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
         onKeyDown: (event) => {
           if (event.key === "Enter" && !event.shiftKey) {
             event.preventDefault();
-            if (canSend()) {
-              send();
-            }
+            send();
           }
         }
       }
@@ -805,9 +800,9 @@ var import_react6 = require("react");
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
 
 // src/hooks/use-copy-to-clipboard.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 function useCopyToClipboard({ timeout = 2e3 }) {
-  const [isCopied, setIsCopied] = React4.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)) {
@@ -1303,8 +1298,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] || chatComponentsCache.current.actions["*"])) {
-      const render = chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"];
+    if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
+      const render = chatComponentsCache.current.actions[message.name];
       if (typeof render === "string") {
         if (isCurrentMessage && inProgress) {
           return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -1327,8 +1322,7 @@ function RenderActionExecutionMessage(props) {
           const toRender = render({
             status,
             args,
-            result: actionResult,
-            name: message.name
+            result: actionResult
           });
           if (!toRender && status === "complete") {
             return null;
@@ -1642,7 +1636,7 @@ function logMessages(context) {
         type: "ActionExecutionMessage",
         role: void 0,
         name: message.name,
-        scope: message.parentMessageId,
+        scope: message.scope,
         content: message.arguments
       };
     } else if (message.isResultMessage()) {
@@ -1765,52 +1759,41 @@ var import_react8 = require("react");
 
 // src/components/help-modal/icons.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var LifeBuoyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
+    width: "24",
+    height: "24",
     viewBox: "0 0 24 24",
-    strokeWidth: "1.5",
+    fill: "none",
     stroke: "currentColor",
-    width: "20",
-    height: "20",
-    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+    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 LoadingSpinnerIcon = ({ color = "rgb(107 114 128)" }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "svg",
   {
-    style: {
-      animation: "copilotKitSpinAnimation 1s linear infinite",
-      color
-    },
-    width: "24",
-    height: "24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "circle",
-        {
-          style: { opacity: 0.25 },
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          strokeWidth: "4"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "path",
-        {
-          style: { opacity: 0.75 },
-          fill: "currentColor",
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-        }
-      )
-    ]
+    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" })
   }
 );
 
@@ -1819,52 +1802,18 @@ 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 [email, setEmail] = (0, import_react8.useState)("");
-  const [emailError, setEmailError] = (0, import_react8.useState)("");
-  const [submitting, setSubmitting] = (0, import_react8.useState)(false);
-  const validateEmail = (email2) => {
-    const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-    return re.test(email2);
-  };
-  const handleSubmit = (e) => __async(this, null, function* () {
-    e.preventDefault();
-    if ((email == null ? void 0 : email.length) > 0 && !validateEmail(email)) {
-      setEmailError("Please enter a valid email address");
-      return;
-    }
-    setSubmitting(true);
-    yield fetch("https://api.segment.io/v1/track", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        event: "oss.dev-console.help",
-        anonymousId: window.crypto.randomUUID(),
-        properties: { email, text: issueDescription },
-        writeKey: "q0gQqvGYyw9pNyhIocNzefSYKGO1aiwW"
-      })
-    });
-    setEmailError("");
-    setEmail("");
-    setIssueDescription("");
-    setSubmitting(false);
+  const handleSubmit = () => {
     setShowHelpModal(false);
-  });
+  };
   const HelpButton = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "button",
     {
       onClick: () => setShowHelpModal(true),
-      style: { width: "50px", height: "30px", marginRight: "0.25rem" },
-      className: "text-sm p-0 bg-transparent rounded border border-blue-500",
+      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: "Help"
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LifeBuoyIcon, {})
     }
   );
-  const submitButtonDisabled = (0, import_react8.useMemo)(
-    () => submitting || !!emailError || issueDescription == null || (issueDescription == null ? void 0 : issueDescription.length) == 0,
-    [submitting, emailError, issueDescription]
-  );
   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)(
@@ -1885,15 +1834,6 @@ function CopilotKitHelpModal() {
           ),
           /* @__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://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_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",
               {
@@ -1912,52 +1852,6 @@ function CopilotKitHelpModal() {
                 children: "Apply for Priority Direct Slack Support"
               }
             ) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: "feedback", className: "block text-sm font-medium text-gray-700 mb-1", children: "Let us know what your issue is:" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                "textarea",
-                {
-                  id: "feedback",
-                  rows: 4,
-                  className: "w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500",
-                  placeholder: "A Loom link / screen recording is always great!",
-                  onChange: (e) => setIssueDescription(e.target.value),
-                  value: issueDescription,
-                  required: true
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-1", children: "Email (optional):" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                "input",
-                {
-                  type: "email",
-                  id: "email",
-                  className: `w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500 ${emailError ? "border-red-500" : ""}`,
-                  placeholder: "Enter your email for follow-up",
-                  onChange: (e) => {
-                    setEmail(e.target.value);
-                    setEmailError("");
-                  },
-                  value: email
-                }
-              ),
-              emailError && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-red-500 text-sm mt-1", children: emailError })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "bg-gray-50 px-4 py-4 sm:px-6 sm:flex sm:flex-row-reverse rounded-b-lg", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              "button",
-              {
-                type: "submit",
-                onClick: handleSubmit,
-                disabled: submitButtonDisabled,
-                style: submitButtonDisabled ? { backgroundColor: "rgb(216, 216, 216)", color: "rgb(129, 129, 129)" } : void 0,
-                className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-500 text-base font-medium text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:shadow-none",
-                children: submitting ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LoadingSpinnerIcon, { color: "white" }) : "Submit"
-              }
-            ) })
           ] })
         ] })
       }
@@ -2168,7 +2062,6 @@ function DebugMenuButton({
 }
 
 // src/components/chat/Chat.tsx
-var import_react_core9 = require("@copilotkit/react-core");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -2176,8 +2069,6 @@ function CopilotChat({
   makeSystemMessage,
   showResponseButton = true,
   onInProgress,
-  onStopGeneration,
-  onReloadMessages,
   Messages: Messages2 = Messages,
   RenderTextMessage: RenderTextMessage2 = RenderTextMessage,
   RenderActionExecutionMessage: RenderActionExecutionMessage2 = RenderActionExecutionMessage,
@@ -2200,13 +2091,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_runtime18.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
@@ -2262,16 +2147,8 @@ function WrappedCopilotChat({
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
 }
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
-var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages) => {
-  var _a;
-  const {
-    visibleMessages,
-    appendMessage,
-    reloadMessages: defaultReloadMessages,
-    stopGeneration: defaultStopGeneration,
-    runChatCompletion,
-    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
   });
@@ -2279,8 +2156,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)();
@@ -2306,13 +2183,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([]);
@@ -2330,85 +2201,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,
-        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,