@copilotkit/react-ui 1.59.5-canary.1781104893 → 1.60.0

package/dist/index.cjs

@@ -2201,69 +2201,6 @@ function Suggestions({ suggestions, onSuggestionClick, isLoading }) {
 
 //#endregion
 //#region src/components/chat/Chat.tsx
-/**
-* <br/>
-* <img src="https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotChat.gif" width="500" />
-*
-* A chatbot panel component for the CopilotKit framework. The component allows for a high degree
-* of customization through various props and custom CSS.
-*
-* ## Install Dependencies
-*
-* This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
-*
-* ```shell npm2yarn \"@copilotkit/react-ui"\
-* npm install @copilotkit/react-core @copilotkit/react-ui
-* ```
-*
-* ## Usage
-*
-* ```tsx
-* import { CopilotChat } from "@copilotkit/react-ui";
-* import "@copilotkit/react-ui/styles.css";
-*
-* <CopilotChat
-*   labels={{
-*     title: "Your Assistant",
-*     initial: "Hi! 👋 How can I assist you today?",
-*   }}
-* />
-* ```
-*
-* ### With Observability Hooks
-*
-* To monitor user interactions, provide the `observabilityHooks` prop.
-* **Note:** This requires a `publicApiKey` in the `<CopilotKit>` provider.
-*
-* ```tsx
-* <CopilotKit publicApiKey="YOUR_PUBLIC_API_KEY">
-*   <CopilotChat
-*     observabilityHooks={{
-*       onMessageSent: (message) => {
-*         console.log("Message sent:", message);
-*       },
-*     }}
-*   />
-* </CopilotKit>
-* ```
-*
-* ### Look & Feel
-*
-* By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
-* ```tsx title="YourRootComponent.tsx"
-* ...
-* import "@copilotkit/react-ui/styles.css"; // [!code highlight]
-*
-* export function YourRootComponent() {
-*   return (
-*     <CopilotKit>
-*       ...
-*     </CopilotKit>
-*   );
-* }
-* ```
-* For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.
-*/
 function CopilotChat({ instructions, suggestions = "auto", onSubmitMessage, makeSystemMessage, disableSystemMessage, onInProgress, onStopGeneration, onReloadMessages, onRegenerate, onCopy, onThumbsUp, onThumbsDown, markdownTagRenderers, Messages: Messages$2 = Messages, RenderMessage: RenderMessage$1 = RenderMessage, RenderSuggestionsList = Suggestions, Input: Input$2 = Input, className, icons, labels, AssistantMessage: AssistantMessage$2 = AssistantMessage, UserMessage: UserMessage$2 = UserMessage, ImageRenderer: ImageRenderer$1 = ImageRenderer, ErrorMessage, imageUploadsEnabled, inputFileAccept = "image/*", attachments, hideStopButton, observabilityHooks, renderError, onError, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, RenderImageMessage }) {
 	const { additionalInstructions, setChatInstructions, copilotApiConfig, setBannerError, setInternalErrorHandler, removeInternalErrorHandler } = (0, _copilotkit_react_core.useCopilotContext)();
 	const { publicApiKey, chatApiEndpoint } = copilotApiConfig;
@@ -2749,73 +2686,6 @@ const CopilotModal = ({ instructions, defaultOpen = false, clickOutsideToClose =
 
 //#endregion
 //#region src/components/chat/Popup.tsx
-/**
-* <br/>
-* <img src="https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotPopup.gif" width="500" />
-*
-* A chatbot popup component for the CopilotKit framework. The component allows for a high degree
-* of customization through various props and custom CSS.
-*
-* See [CopilotSidebar](/reference/v1/components/chat/CopilotSidebar) for a sidebar version of this component.
-*
-* ## Install Dependencies
-*
-* This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
-*
-* ```shell npm2yarn \"@copilotkit/react-ui"\
-* npm install @copilotkit/react-core @copilotkit/react-ui
-* ```
-* ## Usage
-*
-* ```tsx
-* import { CopilotPopup } from "@copilotkit/react-ui";
-* import "@copilotkit/react-ui/styles.css";
-*
-* <CopilotPopup
-*   labels={{
-*     title: "Your Assistant",
-*     initial: "Hi! 👋 How can I assist you today?",
-*   }}
-* />
-* ```
-*
-* ### With Observability Hooks
-*
-* To monitor user interactions, provide the `observabilityHooks` prop.
-* **Note:** This requires a `publicApiKey` in the `<CopilotKit>` provider.
-*
-* ```tsx
-* <CopilotKit publicApiKey="YOUR_PUBLIC_API_KEY">
-*   <CopilotPopup
-*     observabilityHooks={{
-*       onChatExpanded: () => {
-*         console.log("Popup opened");
-*       },
-*       onChatMinimized: () => {
-*         console.log("Popup closed");
-*       },
-*     }}
-*   />
-* </CopilotKit>
-* ```
-*
-* ### Look & Feel
-*
-* By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
-* ```tsx title="YourRootComponent.tsx"
-* ...
-* import "@copilotkit/react-ui/styles.css"; // [!code highlight]
-*
-* export function YourRootComponent() {
-*   return (
-*     <CopilotKit>
-*       ...
-*     </CopilotKit>
-*   );
-* }
-* ```
-* For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.
-*/
 function CopilotPopup(props) {
 	props = {
 		...props,
@@ -2864,10 +2734,9 @@ function CopilotPopup(props) {
 * ### With Observability Hooks
 *
 * To monitor user interactions, provide the `observabilityHooks` prop.
-* **Note:** This requires a `publicApiKey` in the `<CopilotKit>` provider.
 *
 * ```tsx
-* <CopilotKit publicApiKey="YOUR_PUBLIC_API_KEY">
+* <CopilotKit>
 *   <CopilotSidebar
 *     observabilityHooks={{
 *       onChatExpanded: () => {