@copilotkit/react-ui 1.8.13-next.2 → 1.8.13

package/dist/components/chat/index.mjs

@@ -1,12 +1,12 @@
-import "../../chunk-PXEVB7IK.mjs";
+import "../../chunk-SC6JRFAJ.mjs";
+import "../../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../../chunk-IQ7DDXDA.mjs";
+} from "../../chunk-QEZ3YYLO.mjs";
 import {
   CopilotSidebar
-} from "../../chunk-756IINQI.mjs";
-import "../../chunk-WB3YULQ4.mjs";
-import "../../chunk-3R6CEFJE.mjs";
+} from "../../chunk-JU3HNL5N.mjs";
+import "../../chunk-FWKHST6I.mjs";
 import "../../chunk-TIDV74OE.mjs";
 import "../../chunk-UH2UFL5W.mjs";
 import "../../chunk-V7W6IM2V.mjs";
@@ -19,7 +19,7 @@ import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../../chunk-ZRW27A32.mjs";
+} from "../../chunk-IAHSHPRJ.mjs";
 import "../../chunk-MPZAMNCN.mjs";
 import "../../chunk-ALWZ35SI.mjs";
 import {
@@ -33,7 +33,12 @@ import {
 import {
   UserMessage
 } from "../../chunk-HWMFMBJC.mjs";
-import "../../chunk-XZNY26GH.mjs";
+import {
+  Suggestions
+} from "../../chunk-QGSPTXOV.mjs";
+import {
+  Suggestion
+} from "../../chunk-IMBPSLL4.mjs";
 import "../../chunk-PLHTVHUW.mjs";
 import "../../chunk-EMIYIMQ6.mjs";
 import "../../chunk-CGEAG65D.mjs";
@@ -58,6 +63,8 @@ export {
   CopilotSidebar,
   Markdown,
   RenderImageMessage,
+  Suggestion as RenderSuggestion,
+  Suggestions as RenderSuggestionsList,
   UserMessage,
   useChatContext
 };

package/dist/components/chat/messages/AssistantMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AssistantMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare const AssistantMessage: (props: AssistantMessageProps) => react_jsx_runtime.JSX.Element;

package/dist/components/chat/messages/RenderActionExecutionMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RenderMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare function RenderActionExecutionMessage({ AssistantMessage, ...props }: RenderMessageProps): react_jsx_runtime.JSX.Element | null | undefined;

package/dist/components/chat/messages/RenderAgentStateMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RenderMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare function RenderAgentStateMessage({ AssistantMessage, ...props }: RenderMessageProps): react_jsx_runtime.JSX.Element | null | undefined;

package/dist/components/chat/messages/RenderImageMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RenderMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare function RenderImageMessage({ UserMessage, AssistantMessage, ...props }: RenderMessageProps): react_jsx_runtime.JSX.Element | null;

package/dist/components/chat/messages/RenderResultMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RenderMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare function RenderResultMessage({ AssistantMessage, ...props }: RenderMessageProps): react_jsx_runtime.JSX.Element | null;

package/dist/components/chat/messages/RenderTextMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RenderMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare function RenderTextMessage({ UserMessage, AssistantMessage, ...props }: RenderMessageProps): react_jsx_runtime.JSX.Element | undefined;

package/dist/components/chat/messages/UserMessage.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UserMessageProps } from '../props.js';
 import '@copilotkit/runtime-client-gql';
+import '../../../types/suggestions.js';
 import 'react';
 
 declare const UserMessage: (props: UserMessageProps) => react_jsx_runtime.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { Message } from '@copilotkit/runtime-client-gql';
+import { CopilotChatSuggestion } from '../../types/suggestions.js';
 import { ReactNode } from 'react';
 
 interface ButtonProps {
@@ -150,5 +151,9 @@ interface InputProps {
     onStop?: () => void;
     onUpload?: () => void;
 }
+interface RenderSuggestionsListProps {
+    suggestions: CopilotChatSuggestion[];
+    onSuggestionClick: (message: string) => void;
+}
 
-export { AssistantMessageProps, ButtonProps, ComponentsMap, HeaderProps, InputProps, MessagesProps, RenderMessageProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps };
+export { AssistantMessageProps, ButtonProps, ComponentsMap, HeaderProps, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chat/props.ts"],"sourcesContent":["import { Message } from \"@copilotkit/runtime-client-gql\";\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: string) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: string) => 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: string) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: string) => 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: string) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: string) => 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"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../src/components/chat/props.ts"],"sourcesContent":["import { Message } 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: string) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: string) => 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: string) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: string) => 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: string) => void;\n\n  /**\n   * Callback function for thumbs down feedback\n   */\n  onThumbsDown?: (message: string) => 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/index.d.ts

@@ -1,4 +1,4 @@
-export { AssistantMessageProps, ButtonProps, ComponentsMap, HeaderProps, InputProps, MessagesProps, RenderMessageProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './chat/props.js';
+export { AssistantMessageProps, ButtonProps, ComponentsMap, HeaderProps, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './chat/props.js';
 export { CopilotPopup } from './chat/Popup.js';
 export { CopilotSidebar } from './chat/Sidebar.js';
 export { CopilotChat } from './chat/Chat.js';
@@ -7,13 +7,15 @@ export { AssistantMessage } from './chat/messages/AssistantMessage.js';
 export { UserMessage } from './chat/messages/UserMessage.js';
 export { useChatContext } from './chat/ChatContext.js';
 export { RenderImageMessage } from './chat/messages/RenderImageMessage.js';
+export { Suggestions as RenderSuggestionsList } from './chat/Suggestions.js';
+export { Suggestion as RenderSuggestion } from './chat/Suggestion.js';
 export { shouldShowDevConsole } from './dev-console/utils.js';
 export { CopilotDevConsole } from './dev-console/console.js';
 import '@copilotkit/runtime-client-gql';
+import '../types/suggestions.js';
 import 'react';
 import 'react/jsx-runtime';
 import './chat/Modal.js';
 import '@copilotkit/react-core';
-import '../types/suggestions.js';
 import 'react-markdown';
 import './dev-console/types.js';

package/dist/components/index.js

@@ -86,6 +86,8 @@ __export(components_exports, {
   CopilotSidebar: () => CopilotSidebar,
   Markdown: () => Markdown,
   RenderImageMessage: () => RenderImageMessage,
+  RenderSuggestion: () => Suggestion,
+  RenderSuggestionsList: () => Suggestions,
   UserMessage: () => UserMessage,
   shouldShowDevConsole: () => shouldShowDevConsole,
   useChatContext: () => useChatContext
@@ -2495,19 +2497,23 @@ function RenderImageMessage(_a) {
   return null;
 }
 
+// src/components/chat/Chat.tsx
+var import_react13 = __toESM(require("react"));
+var import_react_core10 = require("@copilotkit/react-core");
+
 // src/components/chat/Suggestion.tsx
 var import_react_core9 = require("@copilotkit/react-core");
 var import_shared2 = require("@copilotkit/shared");
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-function Suggestion({ title, message, onClick, partial, className }) {
+function Suggestion({ title, onClick, partial, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "button",
     {
       disabled: partial,
       onClick: (e) => {
         e.preventDefault();
-        onClick(message);
+        onClick();
       },
       className: className || (partial ? "suggestion loading" : "suggestion"),
       "data-test-id": "suggestion",
@@ -2586,8 +2592,6 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 });
 
 // src/components/chat/Chat.tsx
-var import_react13 = __toESM(require("react"));
-var import_react_core10 = require("@copilotkit/react-core");
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
 var import_react_core11 = require("@copilotkit/react-core");
@@ -2670,8 +2674,24 @@ var ImageUploadQueue = ({
   );
 };
 
-// src/components/chat/Chat.tsx
+// src/components/chat/Suggestions.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
+function Suggestions({ suggestions, onSuggestionClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "suggestions", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    Suggestion,
+    {
+      title: suggestion.title,
+      message: suggestion.message,
+      partial: suggestion.partial,
+      className: suggestion.className,
+      onClick: () => onSuggestionClick(suggestion.message)
+    },
+    index
+  )) });
+}
+
+// src/components/chat/Chat.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
   onSubmitMessage,
@@ -2690,6 +2710,7 @@ function CopilotChat({
   RenderAgentStateMessage: RenderAgentStateMessage2 = RenderAgentStateMessage,
   RenderResultMessage: RenderResultMessage2 = RenderResultMessage,
   RenderImageMessage: RenderImageMessage2 = RenderImageMessage,
+  RenderSuggestionsList = Suggestions,
   Input: Input2 = Input,
   className,
   icons,
@@ -2829,8 +2850,8 @@ function CopilotChat({
   const removeSelectedImage = (index) => {
     setSelectedImages((prev) => prev.filter((_, i) => i !== index));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Messages2,
       {
         AssistantMessage: AssistantMessage2,
@@ -2847,22 +2868,18 @@ function CopilotChat({
         onThumbsUp,
         onThumbsDown,
         markdownTagRenderers,
-        children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          Suggestion,
+        children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          RenderSuggestionsList,
           {
-            title: suggestion.title,
-            message: suggestion.message,
-            partial: suggestion.partial,
-            className: suggestion.className,
-            onClick: (message) => handleSendMessage(message)
-          },
-          index
-        )) })
+            onSuggestionClick: handleSendMessage,
+            suggestions: currentSuggestions
+          }
+        )
       }
     ),
-    imageUploadsEnabled && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ImageUploadQueue, { images: selectedImages, onRemoveImage: removeSelectedImage }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    imageUploadsEnabled && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ImageUploadQueue, { images: selectedImages, onRemoveImage: removeSelectedImage }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "input",
         {
           type: "file",
@@ -2874,7 +2891,7 @@ function CopilotChat({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Input2,
       {
         inProgress: isLoading,
@@ -2897,10 +2914,10 @@ function WrappedCopilotChat({
 }) {
   const chatContext = import_react13.default.useContext(ChatContext);
   if (!chatContext) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `copilotKitChat ${className != null ? className : ""}`, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `copilotKitChat ${className != null ? className : ""}`, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children });
 }
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
 var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages) => {
@@ -3085,56 +3102,85 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
 };
 
 // src/components/chat/Modal.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var CopilotModal = ({
-  instructions,
-  defaultOpen = false,
-  clickOutsideToClose = true,
-  hitEscapeToClose = true,
-  onSetOpen,
-  onSubmitMessage,
-  onStopGeneration,
-  onReloadMessages,
-  shortcut = "/",
-  icons,
-  labels,
-  makeSystemMessage,
-  onInProgress,
-  Window: Window2 = Window,
-  Button: Button2 = Button,
-  Header: Header2 = Header,
-  Messages: Messages2 = Messages,
-  Input: Input2 = Input,
-  AssistantMessage: AssistantMessage2 = AssistantMessage,
-  UserMessage: UserMessage2 = UserMessage,
-  onThumbsUp,
-  onThumbsDown,
-  onCopy,
-  onRegenerate,
-  markdownTagRenderers,
-  className,
-  children
-}) => {
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var CopilotModal = (_a) => {
+  var _b = _a, {
+    instructions,
+    defaultOpen = false,
+    clickOutsideToClose = true,
+    hitEscapeToClose = true,
+    onSetOpen,
+    onSubmitMessage,
+    onStopGeneration,
+    onReloadMessages,
+    shortcut = "/",
+    icons,
+    labels,
+    makeSystemMessage,
+    onInProgress,
+    Window: Window2 = Window,
+    Button: Button2 = Button,
+    Header: Header2 = Header,
+    Messages: Messages2 = Messages,
+    Input: Input2 = Input,
+    AssistantMessage: AssistantMessage2 = AssistantMessage,
+    UserMessage: UserMessage2 = UserMessage,
+    onThumbsUp,
+    onThumbsDown,
+    onCopy,
+    onRegenerate,
+    markdownTagRenderers,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "instructions",
+    "defaultOpen",
+    "clickOutsideToClose",
+    "hitEscapeToClose",
+    "onSetOpen",
+    "onSubmitMessage",
+    "onStopGeneration",
+    "onReloadMessages",
+    "shortcut",
+    "icons",
+    "labels",
+    "makeSystemMessage",
+    "onInProgress",
+    "Window",
+    "Button",
+    "Header",
+    "Messages",
+    "Input",
+    "AssistantMessage",
+    "UserMessage",
+    "onThumbsUp",
+    "onThumbsDown",
+    "onCopy",
+    "onRegenerate",
+    "markdownTagRenderers",
+    "className",
+    "children"
+  ]);
   const [openState, setOpenState] = import_react14.default.useState(defaultOpen);
   const setOpen = (open) => {
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         Window2,
         {
           clickOutsideToClose,
           shortcut,
           hitEscapeToClose,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Header2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Header2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               CopilotChat,
-              {
+              __spreadProps(__spreadValues({}, props), {
                 instructions,
                 onSubmitMessage,
                 onStopGeneration,
@@ -3150,7 +3196,7 @@ var CopilotModal = ({
                 onCopy,
                 onRegenerate,
                 markdownTagRenderers
-              }
+              })
             )
           ]
         }
@@ -3160,17 +3206,17 @@ var CopilotModal = ({
 };
 
 // src/components/chat/Popup.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function CopilotPopup(props) {
   props = __spreadProps(__spreadValues({}, props), {
     className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
 }
 
 // src/components/chat/Sidebar.tsx
 var import_react15 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function CopilotSidebar(props) {
   props = __spreadProps(__spreadValues({}, props), {
     className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
@@ -3183,7 +3229,7 @@ function CopilotSidebar(props) {
     (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
     setExpandedClassName(open ? "sidebarExpanded" : "");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -3194,6 +3240,8 @@ function CopilotSidebar(props) {
   CopilotSidebar,
   Markdown,
   RenderImageMessage,
+  RenderSuggestion,
+  RenderSuggestionsList,
   UserMessage,
   shouldShowDevConsole,
   useChatContext