@copilotkit/react-ui 1.9.3-next.4 → 1.10.0-next.0

package/dist/chunk-WHDNKXMP.mjs

@@ -0,0 +1,135 @@
+import {
+  useChatContext
+} from "./chunk-IEMQ2SQW.mjs";
+
+// src/components/chat/Messages.tsx
+import { useEffect, useMemo, useRef } from "react";
+import { useCopilotChat } from "@copilotkit/react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Messages = ({
+  inProgress,
+  children,
+  RenderMessage,
+  AssistantMessage,
+  UserMessage,
+  onRegenerate,
+  onCopy,
+  onThumbsUp,
+  onThumbsDown,
+  markdownTagRenderers
+}) => {
+  const { labels } = useChatContext();
+  const { visibleMessages, interrupt } = useCopilotChat();
+  const initialMessages = useMemo(() => makeInitialMessages(labels.initial), [labels.initial]);
+  const messages = [...initialMessages, ...visibleMessages];
+  const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);
+  return /* @__PURE__ */ jsxs("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
+    /* @__PURE__ */ jsxs("div", { className: "copilotKitMessagesContainer", children: [
+      messages.map((message, index) => {
+        const isCurrentMessage = index === messages.length - 1;
+        return /* @__PURE__ */ jsx(
+          RenderMessage,
+          {
+            message,
+            inProgress,
+            index,
+            isCurrentMessage,
+            AssistantMessage,
+            UserMessage,
+            onRegenerate,
+            onCopy,
+            onThumbsUp,
+            onThumbsDown,
+            markdownTagRenderers
+          },
+          index
+        );
+      }),
+      interrupt
+    ] }),
+    /* @__PURE__ */ jsx("footer", { className: "copilotKitMessagesFooter", ref: messagesEndRef, children })
+  ] });
+};
+function makeInitialMessages(initial) {
+  if (!initial)
+    return [];
+  if (Array.isArray(initial)) {
+    return initial.map((message) => {
+      return {
+        id: message,
+        role: "assistant",
+        content: message
+      };
+    });
+  }
+  return [
+    {
+      id: initial,
+      role: "system",
+      content: initial
+    }
+  ];
+}
+function useScrollToBottom(messages) {
+  const messagesEndRef = useRef(null);
+  const messagesContainerRef = useRef(null);
+  const isProgrammaticScrollRef = useRef(false);
+  const isUserScrollUpRef = useRef(false);
+  const scrollToBottom = () => {
+    if (messagesContainerRef.current && messagesEndRef.current) {
+      isProgrammaticScrollRef.current = true;
+      messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;
+    }
+  };
+  const handleScroll = () => {
+    if (isProgrammaticScrollRef.current) {
+      isProgrammaticScrollRef.current = false;
+      return;
+    }
+    if (messagesContainerRef.current) {
+      const { scrollTop, scrollHeight, clientHeight } = messagesContainerRef.current;
+      isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;
+    }
+  };
+  useEffect(() => {
+    const container = messagesContainerRef.current;
+    if (container) {
+      container.addEventListener("scroll", handleScroll);
+    }
+    return () => {
+      if (container) {
+        container.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const container = messagesContainerRef.current;
+    if (!container) {
+      return;
+    }
+    const mutationObserver = new MutationObserver(() => {
+      if (!isUserScrollUpRef.current) {
+        scrollToBottom();
+      }
+    });
+    mutationObserver.observe(container, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, []);
+  useEffect(() => {
+    isUserScrollUpRef.current = false;
+    scrollToBottom();
+  }, [messages.filter((m) => m.role === "user").length]);
+  return { messagesEndRef, messagesContainerRef };
+}
+
+export {
+  Messages,
+  useScrollToBottom
+};
+//# sourceMappingURL=chunk-WHDNKXMP.mjs.map

package/dist/chunk-WHDNKXMP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Messages.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { MessagesProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { Message, Role } from \"@copilotkit/shared\";\nimport { useCopilotChat } from \"@copilotkit/react-core\";\n\nexport const Messages = ({\n  inProgress,\n  children,\n  RenderMessage,\n  AssistantMessage,\n  UserMessage,\n  onRegenerate,\n  onCopy,\n  onThumbsUp,\n  onThumbsDown,\n  markdownTagRenderers,\n}: MessagesProps) => {\n  const { labels } = useChatContext();\n  const { visibleMessages, interrupt } = useCopilotChat();\n  const initialMessages = useMemo(() => makeInitialMessages(labels.initial), [labels.initial]);\n  const messages = [...initialMessages, ...visibleMessages];\n  const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);\n\n  return (\n    <div className=\"copilotKitMessages\" ref={messagesContainerRef}>\n      <div className=\"copilotKitMessagesContainer\">\n        {messages.map((message, index) => {\n          const isCurrentMessage = index === messages.length - 1;\n          return (\n            <RenderMessage\n              key={index}\n              message={message}\n              inProgress={inProgress}\n              index={index}\n              isCurrentMessage={isCurrentMessage}\n              AssistantMessage={AssistantMessage}\n              UserMessage={UserMessage}\n              onRegenerate={onRegenerate}\n              onCopy={onCopy}\n              onThumbsUp={onThumbsUp}\n              onThumbsDown={onThumbsDown}\n              markdownTagRenderers={markdownTagRenderers}\n            />\n          );\n        })}\n        {interrupt}\n      </div>\n      <footer className=\"copilotKitMessagesFooter\" ref={messagesEndRef}>\n        {children}\n      </footer>\n    </div>\n  );\n};\n\nfunction makeInitialMessages(initial: string | string[] | undefined): Message[] {\n  if (!initial) return [];\n\n  if (Array.isArray(initial)) {\n    return initial.map((message) => {\n      return {\n        id: message,\n        role: \"assistant\",\n        content: message,\n      };\n    });\n  }\n\n  return [\n    {\n      id: initial,\n      role: \"system\",\n      content: initial,\n    },\n  ];\n}\n\nexport function useScrollToBottom(messages: Message[]) {\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const messagesContainerRef = useRef<HTMLDivElement | null>(null);\n  const isProgrammaticScrollRef = useRef(false);\n  const isUserScrollUpRef = useRef(false);\n\n  const scrollToBottom = () => {\n    if (messagesContainerRef.current && messagesEndRef.current) {\n      isProgrammaticScrollRef.current = true;\n      messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;\n    }\n  };\n\n  const handleScroll = () => {\n    if (isProgrammaticScrollRef.current) {\n      isProgrammaticScrollRef.current = false;\n      return;\n    }\n\n    if (messagesContainerRef.current) {\n      const { scrollTop, scrollHeight, clientHeight } = messagesContainerRef.current;\n      isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    const container = messagesContainerRef.current;\n    if (container) {\n      container.addEventListener(\"scroll\", handleScroll);\n    }\n    return () => {\n      if (container) {\n        container.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const container = messagesContainerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      if (!isUserScrollUpRef.current) {\n        scrollToBottom();\n      }\n    });\n\n    mutationObserver.observe(container, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    isUserScrollUpRef.current = false;\n    scrollToBottom();\n  }, [messages.filter((m) => m.role === \"user\").length]);\n\n  return { messagesEndRef, messagesContainerRef };\n}\n"],"mappings":";;;;;AAAA,SAAS,WAAW,SAAS,cAAc;AAI3C,SAAS,sBAAsB;AAsBzB,SAIM,KAJN;AApBC,IAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,EAAE,OAAO,IAAI,eAAe;AAClC,QAAM,EAAE,iBAAiB,UAAU,IAAI,eAAe;AACtD,QAAM,kBAAkB,QAAQ,MAAM,oBAAoB,OAAO,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC;AAC3F,QAAM,WAAW,CAAC,GAAG,iBAAiB,GAAG,eAAe;AACxD,QAAM,EAAE,sBAAsB,eAAe,IAAI,kBAAkB,QAAQ;AAE3E,SACE,qBAAC,SAAI,WAAU,sBAAqB,KAAK,sBACvC;AAAA,yBAAC,SAAI,WAAU,+BACZ;AAAA,eAAS,IAAI,CAAC,SAAS,UAAU;AAChC,cAAM,mBAAmB,UAAU,SAAS,SAAS;AACrD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UAXK;AAAA,QAYP;AAAA,MAEJ,CAAC;AAAA,MACA;AAAA,OACH;AAAA,IACA,oBAAC,YAAO,WAAU,4BAA2B,KAAK,gBAC/C,UACH;AAAA,KACF;AAEJ;AAEA,SAAS,oBAAoB,SAAmD;AAC9E,MAAI,CAAC;AAAS,WAAO,CAAC;AAEtB,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,WAAO,QAAQ,IAAI,CAAC,YAAY;AAC9B,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,SAAS,kBAAkB,UAAqB;AACrD,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,uBAAuB,OAA8B,IAAI;AAC/D,QAAM,0BAA0B,OAAO,KAAK;AAC5C,QAAM,oBAAoB,OAAO,KAAK;AAEtC,QAAM,iBAAiB,MAAM;AAC3B,QAAI,qBAAqB,WAAW,eAAe,SAAS;AAC1D,8BAAwB,UAAU;AAClC,2BAAqB,QAAQ,YAAY,qBAAqB,QAAQ;AAAA,IACxE;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,wBAAwB,SAAS;AACnC,8BAAwB,UAAU;AAClC;AAAA,IACF;AAEA,QAAI,qBAAqB,SAAS;AAChC,YAAM,EAAE,WAAW,cAAc,aAAa,IAAI,qBAAqB;AACvE,wBAAkB,UAAU,YAAY,eAAe;AAAA,IACzD;AAAA,EACF;AAEA,YAAU,MAAM;AACd,UAAM,YAAY,qBAAqB;AACvC,QAAI,WAAW;AACb,gBAAU,iBAAiB,UAAU,YAAY;AAAA,IACnD;AACA,WAAO,MAAM;AACX,UAAI,WAAW;AACb,kBAAU,oBAAoB,UAAU,YAAY;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,YAAY,qBAAqB;AACvC,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,UAAM,mBAAmB,IAAI,iBAAiB,MAAM;AAClD,UAAI,CAAC,kBAAkB,SAAS;AAC9B,uBAAe;AAAA,MACjB;AAAA,IACF,CAAC;AAED,qBAAiB,QAAQ,WAAW;AAAA,MAClC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,eAAe;AAAA,IACjB,CAAC;AAED,WAAO,MAAM;AACX,uBAAiB,WAAW;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,sBAAkB,UAAU;AAC5B,mBAAe;AAAA,EACjB,GAAG,CAAC,SAAS,OAAO,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,MAAM,CAAC;AAErD,SAAO,EAAE,gBAAgB,qBAAqB;AAChD;","names":[]}

package/dist/{chunk-ALIBUJML.mjs → chunk-WPVTPQ7X.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-KN2GCKBE.mjs";
+} from "./chunk-GJ3MFNBX.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-ALIBUJML.mjs.map
+//# sourceMappingURL=chunk-WPVTPQ7X.mjs.map

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps } from './props.js';
-import '@copilotkit/runtime-client-gql';
+import '@copilotkit/shared';
 import '../../types/suggestions.js';
 import 'react';
 

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

@@ -1,11 +1,26 @@
+import * as _copilotkit_react_core_dist_types_coagent_state from '@copilotkit/react-core/dist/types/coagent-state';
+import * as _copilotkit_react_core_dist_hooks_use_tree from '@copilotkit/react-core/dist/hooks/use-tree';
+import * as _copilotkit_shared from '@copilotkit/shared';
+import { Message } from '@copilotkit/shared';
+import * as _copilotkit_react_core_dist_copilot_context_bd88d30d from '@copilotkit/react-core/dist/copilot-context-bd88d30d';
+import * as _copilotkit_react_core_dist_types_coagent_action from '@copilotkit/react-core/dist/types/coagent-action';
+import * as _copilotkit_react_core from '@copilotkit/react-core';
+import { SuggestionItem, SystemMessageFunction, HintFunction } from '@copilotkit/react-core';
+import * as _copilotkit_runtime_client_gql from '@copilotkit/runtime-client-gql';
 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 { CopilotChatSuggestion } from '../../types/suggestions.js';
-import { TextMessage, Message } from '@copilotkit/runtime-client-gql';
-import { ComponentsMap, AssistantMessageProps, UserMessageProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, InputProps } from './props.js';
+import { ComponentsMap, AssistantMessageProps, UserMessageProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, InputProps, ImageRendererProps } from './props.js';
+import '../../types/suggestions.js';
 
+/**
+ * The type of suggestions to use in the chat.
+ *
+ * `auto` - Suggestions are generated automatically.
+ * `manual` - Suggestions are controlled programmatically.
+ * `SuggestionItem[]` - Static suggestions array.
+ */
+type ChatSuggestions = "auto" | "manual" | SuggestionItem[];
 /**
  * Props for CopilotChat component.
  */
@@ -19,6 +34,24 @@ interface CopilotChatProps {
      * user's needs or the application's requirements.
      */
     instructions?: string;
+    /**
+     * Controls the behavior of suggestions in the chat interface.
+     *
+     * `auto` (default) - Suggestions are generated automatically:
+     *   - When the chat is first opened (empty state)
+     *   - After each message exchange completes
+     *   - Uses configuration from `useCopilotChatSuggestions` hooks
+     *
+     * `manual` - Suggestions are controlled programmatically:
+     *   - Use `setSuggestions()` to set custom suggestions
+     *   - Use `generateSuggestions()` to trigger AI generation
+     *   - Access via `useCopilotChat` hook
+     *
+     * `SuggestionItem[]` - Static suggestions array:
+     *   - Always shows the same suggestions
+     *   - No AI generation involved
+     */
+    suggestions?: ChatSuggestions;
     /**
      * A callback that gets called when the in progress state changes.
      */
@@ -46,11 +79,11 @@ interface CopilotChatProps {
     /**
      * A callback function for thumbs up feedback
      */
-    onThumbsUp?: (message: TextMessage) => void;
+    onThumbsUp?: (message: Message) => void;
     /**
      * A callback function for thumbs down feedback
      */
-    onThumbsDown?: (message: TextMessage) => void;
+    onThumbsDown?: (message: Message) => void;
     /**
      * A list of markdown components to render in assistant message.
      * Useful when you want to render custom elements in the message (e.g a reference tag element)
@@ -93,25 +126,14 @@ interface CopilotChatProps {
      */
     Messages?: React__default.ComponentType<MessagesProps>;
     /**
-     * A custom RenderTextMessage component to use instead of the default.
-     */
-    RenderTextMessage?: React__default.ComponentType<RenderMessageProps>;
-    /**
-     * A custom RenderActionExecutionMessage component to use instead of the default.
-     */
-    RenderActionExecutionMessage?: React__default.ComponentType<RenderMessageProps>;
-    /**
-     * A custom RenderAgentStateMessage component to use instead of the default.
+     * A custom RenderMessage component to use instead of the default.
+     *
+     * **Warning**: This is a break-glass solution to allow for custom
+     * rendering of messages. You are most likely looking to swap out
+     * the AssistantMessage and UserMessage components instead which
+     * are also props.
      */
-    RenderAgentStateMessage?: React__default.ComponentType<RenderMessageProps>;
-    /**
-     * A custom RenderResultMessage component to use instead of the default.
-     */
-    RenderResultMessage?: React__default.ComponentType<RenderMessageProps>;
-    /**
-     * A custom RenderImageMessage component to use instead of the default.
-     */
-    RenderImageMessage?: React__default.ComponentType<RenderMessageProps>;
+    RenderMessage?: React__default.ComponentType<RenderMessageProps>;
     /**
      * A custom suggestions list component to use instead of the default.
      */
@@ -120,6 +142,10 @@ interface CopilotChatProps {
      * A custom Input component to use instead of the default.
      */
     Input?: React__default.ComponentType<InputProps>;
+    /**
+     * A custom image rendering component to use instead of the default.
+     */
+    ImageRenderer?: React__default.ComponentType<ImageRendererProps>;
     /**
      * A class name to apply to the root element.
      */
@@ -176,23 +202,88 @@ type ImageUpload = {
     contentType: string;
     bytes: string;
 };
-declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, onInProgress, onStopGeneration, onReloadMessages, onRegenerate, onCopy, onThumbsUp, onThumbsDown, markdownTagRenderers, Messages, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, RenderImageMessage, RenderSuggestionsList, Input, className, icons, labels, AssistantMessage, UserMessage, imageUploadsEnabled, inputFileAccept, hideStopButton, }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+declare function CopilotChat({ instructions, suggestions, onSubmitMessage, makeSystemMessage, onInProgress, onStopGeneration, onReloadMessages, onRegenerate, onCopy, onThumbsUp, onThumbsDown, markdownTagRenderers, Messages, RenderMessage, RenderSuggestionsList, Input, className, icons, labels, AssistantMessage, UserMessage, ImageRenderer, imageUploadsEnabled, inputFileAccept, hideStopButton, }: 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: (chatSuggestions: ChatSuggestions, makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => Promise<void> | void, onStopGeneration?: OnStopGeneration, onReloadMessages?: OnReloadMessages) => {
+    messages: Message[];
     visibleMessages: Message[];
     isLoading: boolean;
-    currentSuggestions: CopilotChatSuggestion[];
+    suggestions: SuggestionItem[];
     sendMessage: (messageContent: string, imagesToUse?: Array<{
         contentType: string;
         bytes: string;
     }>) => Promise<Message>;
     stopGeneration: () => void;
     reloadMessages: (messageId: string) => void;
+    resetSuggestions: () => void;
+    context: {
+        messages: _copilotkit_runtime_client_gql.Message[];
+        setMessages: React__default.Dispatch<React__default.SetStateAction<_copilotkit_runtime_client_gql.Message[]>>;
+        actions: Record<string, _copilotkit_react_core.FrontendAction<any>>;
+        setAction: (id: string, action: _copilotkit_react_core.FrontendAction<any>) => void;
+        removeAction: (id: string) => void;
+        coAgentStateRenders: Record<string, _copilotkit_react_core_dist_types_coagent_action.CoAgentStateRender<any>>;
+        setCoAgentStateRender: (id: string, stateRender: _copilotkit_react_core_dist_types_coagent_action.CoAgentStateRender<any>) => void;
+        removeCoAgentStateRender: (id: string) => void;
+        chatComponentsCache: React__default.RefObject<_copilotkit_react_core_dist_copilot_context_bd88d30d.j>;
+        getFunctionCallHandler: (customEntryPoints?: Record<string, _copilotkit_react_core.FrontendAction<any>>) => _copilotkit_shared.FunctionCallHandler;
+        addContext: (context: string, parentId?: string, categories?: string[]) => _copilotkit_react_core_dist_hooks_use_tree.TreeNodeId;
+        removeContext: (id: _copilotkit_react_core_dist_hooks_use_tree.TreeNodeId) => void;
+        getAllContext: () => _copilotkit_react_core.Tree;
+        getContextString: (documents: _copilotkit_react_core.DocumentPointer[], categories: string[]) => string;
+        addDocumentContext: (documentPointer: _copilotkit_react_core.DocumentPointer, categories?: string[]) => _copilotkit_react_core_dist_hooks_use_tree.TreeNodeId;
+        removeDocumentContext: (documentId: string) => void;
+        getDocumentsContext: (categories: string[]) => _copilotkit_react_core.DocumentPointer[];
+        isLoading: boolean;
+        setIsLoading: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+        chatSuggestionConfiguration: {
+            [key: string]: _copilotkit_react_core.CopilotChatSuggestionConfiguration;
+        };
+        addChatSuggestionConfiguration: (id: string, suggestion: _copilotkit_react_core.CopilotChatSuggestionConfiguration) => void;
+        removeChatSuggestionConfiguration: (id: string) => void;
+        chatInstructions: string;
+        setChatInstructions: React__default.Dispatch<React__default.SetStateAction<string>>;
+        additionalInstructions?: string[];
+        setAdditionalInstructions: React__default.Dispatch<React__default.SetStateAction<string[]>>;
+        copilotApiConfig: _copilotkit_react_core.CopilotApiConfig;
+        showDevConsole: boolean;
+        coagentStates: Record<string, _copilotkit_react_core_dist_types_coagent_state.CoagentState>;
+        setCoagentStates: React__default.Dispatch<React__default.SetStateAction<Record<string, _copilotkit_react_core_dist_types_coagent_state.CoagentState>>>;
+        coagentStatesRef: React__default.RefObject<Record<string, _copilotkit_react_core_dist_types_coagent_state.CoagentState>>;
+        setCoagentStatesWithRef: (value: Record<string, _copilotkit_react_core_dist_types_coagent_state.CoagentState> | ((prev: Record<string, _copilotkit_react_core_dist_types_coagent_state.CoagentState>) => Record<string, _copilotkit_react_core_dist_types_coagent_state.CoagentState>)) => void;
+        agentSession: _copilotkit_react_core_dist_copilot_context_bd88d30d.A | null;
+        setAgentSession: React__default.Dispatch<React__default.SetStateAction<_copilotkit_react_core_dist_copilot_context_bd88d30d.A | null>>;
+        agentLock: string | null;
+        threadId: string;
+        setThreadId: React__default.Dispatch<React__default.SetStateAction<string>>;
+        runId: string | null;
+        setRunId: React__default.Dispatch<React__default.SetStateAction<string | null>>;
+        chatAbortControllerRef: React__default.MutableRefObject<AbortController | null>;
+        runtimeClient: _copilotkit_runtime_client_gql.CopilotRuntimeClient;
+        forwardedParameters?: Partial<Pick<_copilotkit_runtime_client_gql.ForwardedParametersInput, "temperature">>;
+        availableAgents: _copilotkit_runtime_client_gql.Agent[];
+        authStates_c?: Record<_copilotkit_react_core_dist_copilot_context_bd88d30d.k, _copilotkit_react_core_dist_copilot_context_bd88d30d.f>;
+        setAuthStates_c?: React__default.Dispatch<React__default.SetStateAction<Record<_copilotkit_react_core_dist_copilot_context_bd88d30d.k, _copilotkit_react_core_dist_copilot_context_bd88d30d.f>>>;
+        authConfig_c?: {
+            SignInComponent: React__default.ComponentType<{
+                onSignInComplete: (authState: _copilotkit_react_core_dist_copilot_context_bd88d30d.f) => void;
+            }>;
+        };
+        extensions: _copilotkit_runtime_client_gql.ExtensionsInput;
+        setExtensions: React__default.Dispatch<React__default.SetStateAction<_copilotkit_runtime_client_gql.ExtensionsInput>>;
+        langGraphInterruptAction: _copilotkit_react_core_dist_copilot_context_bd88d30d.L | null;
+        setLangGraphInterruptAction: _copilotkit_react_core_dist_copilot_context_bd88d30d.d;
+        removeLangGraphInterruptAction: () => void;
+        onError?: _copilotkit_shared.CopilotErrorHandler;
+        suggestions: SuggestionItem[];
+        setSuggestions: React__default.Dispatch<React__default.SetStateAction<SuggestionItem[]>>;
+    };
+    actions: Record<string, _copilotkit_react_core.FrontendAction<any>>;
 };
 
-export { CopilotChat, CopilotChatProps, ImageUpload, OnReloadMessages, OnReloadMessagesArguments, OnStopGeneration, WrappedCopilotChat, useCopilotChatLogic };
+export { ChatSuggestions, CopilotChat, CopilotChatProps, ImageUpload, OnReloadMessages, OnReloadMessagesArguments, OnStopGeneration, WrappedCopilotChat, useCopilotChatLogic };