@copilotkit/react-ui 1.59.5 → 1.60.0

package/dist/index.umd.js

@@ -2213,69 +2213,6 @@ rehype_raw = __toESM(rehype_raw);
 
 //#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 }) {
 		var _resolvedAttachments$, _resolvedAttachments$2, _resolvedAttachments$3;
 		const { additionalInstructions, setChatInstructions, copilotApiConfig, setBannerError, setInternalErrorHandler, removeInternalErrorHandler } = (0, _copilotkit_react_core.useCopilotContext)();
@@ -2769,73 +2706,6 @@ rehype_raw = __toESM(rehype_raw);
 
 //#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,
@@ -2884,10 +2754,9 @@ rehype_raw = __toESM(rehype_raw);
 	* ### 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: () => {