@copilotkit/react-ui 1.9.2-next.10 → 1.9.2-next.2

package/dist/components/chat/index.mjs

@@ -2,16 +2,24 @@ import "../../chunk-SC6JRFAJ.mjs";
 import "../../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../../chunk-HC4XNT4D.mjs";
+} from "../../chunk-6HXS43LW.mjs";
 import {
   CopilotSidebar
-} from "../../chunk-CV7HMDQX.mjs";
-import "../../chunk-COWRPULP.mjs";
+} from "../../chunk-6JX4WIAX.mjs";
+import "../../chunk-725PPN77.mjs";
 import "../../chunk-C3GSYRC3.mjs";
+import "../../chunk-GVKA7RQQ.mjs";
+import "../../chunk-V7W6IM2V.mjs";
+import "../../chunk-SGFUVPDB.mjs";
+import "../../chunk-Q5V6S67N.mjs";
+import "../../chunk-QN7T3GWI.mjs";
+import "../../chunk-KXE2JCUH.mjs";
+import "../../chunk-NRA3CFEE.mjs";
+import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../../chunk-6CM2HBBL.mjs";
+} from "../../chunk-RT4HE74K.mjs";
 import "../../chunk-UKCPOBQM.mjs";
 import "../../chunk-2II3Q27P.mjs";
 import {
@@ -28,30 +36,22 @@ import {
 import {
   Suggestions
 } from "../../chunk-QGSPTXOV.mjs";
-import "../../chunk-2CVOR5KS.mjs";
+import {
+  Suggestion
+} from "../../chunk-IMBPSLL4.mjs";
+import "../../chunk-PLHTVHUW.mjs";
+import "../../chunk-EMIYIMQ6.mjs";
+import "../../chunk-CGEAG65D.mjs";
 import "../../chunk-YQFVRDNC.mjs";
 import {
   Markdown
 } from "../../chunk-YTXEWDNC.mjs";
-import "../../chunk-B3D7U7TJ.mjs";
-import "../../chunk-CGEAG65D.mjs";
-import {
-  Suggestion
-} from "../../chunk-IMBPSLL4.mjs";
 import "../../chunk-KENCH7RN.mjs";
-import "../../chunk-HTWRXRTZ.mjs";
-import "../../chunk-V7W6IM2V.mjs";
-import "../../chunk-OHLSW5IM.mjs";
-import "../../chunk-QN7T3GWI.mjs";
-import "../../chunk-KXE2JCUH.mjs";
-import "../../chunk-NRA3CFEE.mjs";
-import "../../chunk-BH6PCAAL.mjs";
-import "../../chunk-Q5V6S67N.mjs";
+import "../../chunk-B3D7U7TJ.mjs";
 import {
   useChatContext
 } from "../../chunk-IEMQ2SQW.mjs";
 import "../../chunk-XWG3L6QC.mjs";
-import "../../chunk-PLHTVHUW.mjs";
 import "../../chunk-54JAUBUJ.mjs";
 import "../../chunk-JGMFJZMG.mjs";
 import "../../chunk-S5MBUNGN.mjs";

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

@@ -150,7 +150,6 @@ interface InputProps {
     isVisible?: boolean;
     onStop?: () => void;
     onUpload?: () => void;
-    hideStopButton?: boolean;
 }
 interface RenderSuggestionsListProps {
     suggestions: CopilotChatSuggestion[];

package/dist/components/chat/props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chat/props.ts"],"sourcesContent":["import { Message, TextMessage } from \"@copilotkit/runtime-client-gql\";\nimport { CopilotChatSuggestion } from \"../../types/suggestions\";\nimport { ReactNode } from \"react\";\n\nexport interface ButtonProps {}\n\nexport interface WindowProps {\n  clickOutsideToClose: boolean;\n  hitEscapeToClose: boolean;\n  shortcut: string;\n  children?: React.ReactNode;\n}\n\nexport interface HeaderProps {}\n\nexport interface SuggestionsProps {\n  title: string;\n  message: string;\n  partial?: boolean;\n  className?: string;\n  onClick: (message: string) => void;\n}\n\nexport type ComponentsMap<T extends Record<string, object> = Record<string, object>> = {\n  [K in keyof T]: React.FC<{ children?: ReactNode } & T[K]>;\n};\n\nexport interface MessagesProps {\n  messages: Message[];\n  inProgress: boolean;\n  children?: React.ReactNode;\n  AssistantMessage: React.ComponentType<AssistantMessageProps>;\n  UserMessage: React.ComponentType<UserMessageProps>;\n  RenderTextMessage: React.ComponentType<RenderMessageProps>;\n  RenderActionExecutionMessage: React.ComponentType<RenderMessageProps>;\n  RenderAgentStateMessage: React.ComponentType<RenderMessageProps>;\n  RenderResultMessage: React.ComponentType<RenderMessageProps>;\n  RenderImageMessage: React.ComponentType<RenderMessageProps>;\n\n  /**\n   * Callback function to regenerate the assistant's response\n   */\n  onRegenerate?: (messageId: string) => void;\n\n  /**\n   * Callback function when the message is copied\n   */\n  onCopy?: (message: string) => void;\n\n  /**\n   * Callback function for thumbs up feedback\n   */\n  onThumbsUp?: (message: TextMessage) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: TextMessage) => void;\n\n  /**\n   * A list of markdown components to render in assistant message.\n   * Useful when you want to render custom elements in the message (e.g a reference tag element)\n   */\n  markdownTagRenderers?: ComponentsMap;\n}\n\nexport interface Renderer {\n  content: string;\n}\n\nexport interface UserMessageProps {\n  message?: string;\n  rawData: any;\n  subComponent?: React.JSX.Element;\n}\n\nexport interface AssistantMessageProps {\n  /**\n   * The message content from the assistant\n   */\n\n  message?: string;\n\n  /**\n   * Indicates if this is the last message\n   */\n  isCurrentMessage?: boolean;\n\n  /**\n   * The raw data from the assistant's response\n   */\n  rawData: any;\n\n  /**\n   * A component that was decided to render by the LLM.\n   * When working with useCopilotActions and useCoAgentStateRender, this will be\n   * the render component that was specified.\n   */\n  subComponent?: React.JSX.Element;\n\n  /**\n   * Whether a response is loading, this is when the LLM is thinking of a response but hasn't finished yet.\n   */\n  isLoading: boolean;\n\n  /**\n   * Whether a response is generating, this is when the LLM is actively generating and streaming content.\n   */\n  isGenerating: boolean;\n\n  /**\n   * Callback function to regenerate the assistant's response\n   */\n  onRegenerate?: () => void;\n\n  /**\n   * Callback function when the message is copied\n   */\n  onCopy?: (message: string) => void;\n\n  /**\n   * Callback function for thumbs up feedback\n   */\n  onThumbsUp?: (message: TextMessage) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: TextMessage) => void;\n\n  /**\n   * A list of markdown components to render in assistant message.\n   * Useful when you want to render custom elements in the message (e.g a reference tag element)\n   */\n  markdownTagRenderers?: ComponentsMap;\n}\n\nexport interface RenderMessageProps {\n  message: Message;\n  inProgress: boolean;\n  index: number;\n  isCurrentMessage: boolean;\n  actionResult?: string;\n  AssistantMessage?: React.ComponentType<AssistantMessageProps>;\n  UserMessage?: React.ComponentType<UserMessageProps>;\n\n  /**\n   * Callback function to regenerate the assistant's response\n   */\n  onRegenerate?: (messageId: string) => void;\n\n  /**\n   * Callback function when the message is copied\n   */\n  onCopy?: (message: string) => void;\n\n  /**\n   * Callback function for thumbs up feedback\n   */\n  onThumbsUp?: (message: TextMessage) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: TextMessage) => void;\n\n  /**\n   * A list of markdown components to render in assistant message.\n   * Useful when you want to render custom elements in the message (e.g a reference tag element)\n   */\n  markdownTagRenderers?: ComponentsMap;\n}\n\nexport interface InputProps {\n  inProgress: boolean;\n  onSend: (text: string) => Promise<Message>;\n  isVisible?: boolean;\n  onStop?: () => void;\n  onUpload?: () => void;\n  hideStopButton?: boolean;\n}\n\nexport interface RenderSuggestionsListProps {\n  suggestions: CopilotChatSuggestion[];\n  onSuggestionClick: (message: string) => void;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../src/components/chat/props.ts"],"sourcesContent":["import { Message, TextMessage } from \"@copilotkit/runtime-client-gql\";\nimport { CopilotChatSuggestion } from \"../../types/suggestions\";\nimport { ReactNode } from \"react\";\n\nexport interface ButtonProps {}\n\nexport interface WindowProps {\n  clickOutsideToClose: boolean;\n  hitEscapeToClose: boolean;\n  shortcut: string;\n  children?: React.ReactNode;\n}\n\nexport interface HeaderProps {}\n\nexport interface SuggestionsProps {\n  title: string;\n  message: string;\n  partial?: boolean;\n  className?: string;\n  onClick: (message: string) => void;\n}\n\nexport type ComponentsMap<T extends Record<string, object> = Record<string, object>> = {\n  [K in keyof T]: React.FC<{ children?: ReactNode } & T[K]>;\n};\n\nexport interface MessagesProps {\n  messages: Message[];\n  inProgress: boolean;\n  children?: React.ReactNode;\n  AssistantMessage: React.ComponentType<AssistantMessageProps>;\n  UserMessage: React.ComponentType<UserMessageProps>;\n  RenderTextMessage: React.ComponentType<RenderMessageProps>;\n  RenderActionExecutionMessage: React.ComponentType<RenderMessageProps>;\n  RenderAgentStateMessage: React.ComponentType<RenderMessageProps>;\n  RenderResultMessage: React.ComponentType<RenderMessageProps>;\n  RenderImageMessage: React.ComponentType<RenderMessageProps>;\n\n  /**\n   * Callback function to regenerate the assistant's response\n   */\n  onRegenerate?: (messageId: string) => void;\n\n  /**\n   * Callback function when the message is copied\n   */\n  onCopy?: (message: string) => void;\n\n  /**\n   * Callback function for thumbs up feedback\n   */\n  onThumbsUp?: (message: TextMessage) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: TextMessage) => void;\n\n  /**\n   * A list of markdown components to render in assistant message.\n   * Useful when you want to render custom elements in the message (e.g a reference tag element)\n   */\n  markdownTagRenderers?: ComponentsMap;\n}\n\nexport interface Renderer {\n  content: string;\n}\n\nexport interface UserMessageProps {\n  message?: string;\n  rawData: any;\n  subComponent?: React.JSX.Element;\n}\n\nexport interface AssistantMessageProps {\n  /**\n   * The message content from the assistant\n   */\n\n  message?: string;\n\n  /**\n   * Indicates if this is the last message\n   */\n  isCurrentMessage?: boolean;\n\n  /**\n   * The raw data from the assistant's response\n   */\n  rawData: any;\n\n  /**\n   * A component that was decided to render by the LLM.\n   * When working with useCopilotActions and useCoAgentStateRender, this will be\n   * the render component that was specified.\n   */\n  subComponent?: React.JSX.Element;\n\n  /**\n   * Whether a response is loading, this is when the LLM is thinking of a response but hasn't finished yet.\n   */\n  isLoading: boolean;\n\n  /**\n   * Whether a response is generating, this is when the LLM is actively generating and streaming content.\n   */\n  isGenerating: boolean;\n\n  /**\n   * Callback function to regenerate the assistant's response\n   */\n  onRegenerate?: () => void;\n\n  /**\n   * Callback function when the message is copied\n   */\n  onCopy?: (message: string) => void;\n\n  /**\n   * Callback function for thumbs up feedback\n   */\n  onThumbsUp?: (message: TextMessage) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: TextMessage) => void;\n\n  /**\n   * A list of markdown components to render in assistant message.\n   * Useful when you want to render custom elements in the message (e.g a reference tag element)\n   */\n  markdownTagRenderers?: ComponentsMap;\n}\n\nexport interface RenderMessageProps {\n  message: Message;\n  inProgress: boolean;\n  index: number;\n  isCurrentMessage: boolean;\n  actionResult?: string;\n  AssistantMessage?: React.ComponentType<AssistantMessageProps>;\n  UserMessage?: React.ComponentType<UserMessageProps>;\n\n  /**\n   * Callback function to regenerate the assistant's response\n   */\n  onRegenerate?: (messageId: string) => void;\n\n  /**\n   * Callback function when the message is copied\n   */\n  onCopy?: (message: string) => void;\n\n  /**\n   * Callback function for thumbs up feedback\n   */\n  onThumbsUp?: (message: TextMessage) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: TextMessage) => void;\n\n  /**\n   * A list of markdown components to render in assistant message.\n   * Useful when you want to render custom elements in the message (e.g a reference tag element)\n   */\n  markdownTagRenderers?: ComponentsMap;\n}\n\nexport interface InputProps {\n  inProgress: boolean;\n  onSend: (text: string) => Promise<Message>;\n  isVisible?: boolean;\n  onStop?: () => void;\n  onUpload?: () => void;\n}\n\nexport interface RenderSuggestionsListProps {\n  suggestions: CopilotChatSuggestion[];\n  onSuggestionClick: (message: string) => void;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/dev-console/console.mjs

@@ -2,12 +2,12 @@
 import {
   CopilotDevConsole,
   DebugMenuButton
-} from "../../chunk-OHLSW5IM.mjs";
+} from "../../chunk-SGFUVPDB.mjs";
+import "../../chunk-Q5V6S67N.mjs";
 import "../../chunk-QN7T3GWI.mjs";
 import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-NRA3CFEE.mjs";
 import "../../chunk-BH6PCAAL.mjs";
-import "../../chunk-Q5V6S67N.mjs";
 import "../../chunk-XWG3L6QC.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/components/dev-console/index.mjs

@@ -1,14 +1,14 @@
 import "../../chunk-V7W6IM2V.mjs";
 import {
   CopilotDevConsole
-} from "../../chunk-OHLSW5IM.mjs";
+} from "../../chunk-SGFUVPDB.mjs";
+import "../../chunk-Q5V6S67N.mjs";
 import {
   shouldShowDevConsole
 } from "../../chunk-QN7T3GWI.mjs";
 import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-NRA3CFEE.mjs";
 import "../../chunk-BH6PCAAL.mjs";
-import "../../chunk-Q5V6S67N.mjs";
 import "../../chunk-XWG3L6QC.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/components/index.js

@@ -1427,15 +1427,8 @@ function PoweredByTag({ showPoweredBy = true }) {
 // src/components/chat/Input.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var MAX_NEWLINES = 6;
-var Input = ({
-  inProgress,
-  onSend,
-  isVisible = false,
-  onStop,
-  onUpload,
-  hideStopButton = false
-}) => {
-  var _a, _b;
+var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
+  var _a;
   const context = useChatContext();
   const copilotContext = (0, import_react_core6.useCopilotContext)();
   const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
@@ -1464,18 +1457,15 @@ var Input = ({
     inProgress
   });
   const isInProgress = inProgress || pushToTalkState === "transcribing";
-  const buttonIcon = isInProgress && !hideStopButton ? context.icons.stopIcon : context.icons.sendIcon;
+  const buttonIcon = isInProgress ? context.icons.stopIcon : context.icons.sendIcon;
   const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
-  const canSend = (0, import_react9.useMemo)(() => {
+  const canSend = () => {
     var _a2;
     const interruptEvent = (_a2 = copilotContext.langGraphInterruptAction) == null ? void 0 : _a2.event;
     const interruptInProgress = (interruptEvent == null ? void 0 : interruptEvent.name) === "LangGraphInterruptEvent" && !(interruptEvent == null ? void 0 : interruptEvent.response);
-    return !isInProgress && text.trim().length > 0 && pushToTalkState === "idle" && !interruptInProgress;
-  }, [(_b = copilotContext.langGraphInterruptAction) == null ? void 0 : _b.event, isInProgress, text, pushToTalkState]);
-  const canStop = (0, import_react9.useMemo)(() => {
-    return isInProgress && !hideStopButton;
-  }, [isInProgress, hideStopButton]);
-  const sendDisabled = !canSend && !canStop;
+    return (isInProgress || !isInProgress && text.trim().length > 0) && pushToTalkState === "idle" && !interruptInProgress;
+  };
+  const sendDisabled = !canSend();
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `copilotKitInputContainer ${showPoweredBy ? "poweredByContainer" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -1490,7 +1480,7 @@ var Input = ({
           onKeyDown: (event) => {
             if (event.key === "Enter" && !event.shiftKey) {
               event.preventDefault();
-              if (canSend) {
+              if (canSend()) {
                 send();
               }
             }
@@ -1512,7 +1502,7 @@ var Input = ({
           "button",
           {
             disabled: sendDisabled,
-            onClick: isInProgress && !hideStopButton ? onStop : send,
+            onClick: isInProgress ? onStop : send,
             "data-copilotkit-in-progress": inProgress,
             "data-test-id": inProgress ? "copilot-chat-request-in-progress" : "copilot-chat-ready",
             className: "copilotKitInputControlButton",
@@ -2718,8 +2708,7 @@ function CopilotChat({
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage,
   imageUploadsEnabled,
-  inputFileAccept = "image/*",
-  hideStopButton
+  inputFileAccept = "image/*"
 }) {
   const { additionalInstructions, setChatInstructions } = (0, import_react_core10.useCopilotContext)();
   const [selectedImages, setSelectedImages] = (0, import_react13.useState)([]);
@@ -2902,8 +2891,7 @@ function CopilotChat({
         onUpload: imageUploadsEnabled ? () => {
           var _a;
           return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-        } : void 0,
-        hideStopButton
+        } : void 0
       }
     )
   ] });
@@ -3168,10 +3156,8 @@ var CopilotModal = (_a) => {
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
-  const memoizedHeader = (0, import_react14.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Header2, {}), [Header2]);
-  const memoizedChildren = (0, import_react14.useMemo)(() => children, [children]);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
-    memoizedChildren,
+    children,
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className, children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button2, {}),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
@@ -3181,7 +3167,7 @@ var CopilotModal = (_a) => {
           shortcut,
           hitEscapeToClose,
           children: [
-            memoizedHeader,
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Header2, {}),
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               CopilotChat,
               __spreadProps(__spreadValues({}, props), {