@copilotkit/react-ui 1.59.5 → 1.60.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/react-ui",
-  "version": "1.59.5",
+  "version": "1.60.0",
   "private": false,
   "keywords": [
     "ai",
@@ -48,9 +48,9 @@
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "@copilotkit/react-core": "1.59.5",
-    "@copilotkit/runtime-client-gql": "1.59.5",
-    "@copilotkit/shared": "1.59.5"
+    "@copilotkit/react-core": "1.60.0",
+    "@copilotkit/runtime-client-gql": "1.60.0",
+    "@copilotkit/shared": "1.60.0"
   },
   "devDependencies": {
     "@types/react": "^19.1.0",

package/src/components/chat/Chat.tsx

@@ -30,10 +30,9 @@
  * ### 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>
  *   <CopilotChat
  *     observabilityHooks={{
  *       onMessageSent: (message) => {
@@ -62,12 +61,8 @@
  * 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.
  */
 
-import {
-  ChatContext,
-  ChatContextProvider,
-  CopilotChatIcons,
-  CopilotChatLabels,
-} from "./ChatContext";
+import type { CopilotChatIcons, CopilotChatLabels } from "./ChatContext";
+import { ChatContext, ChatContextProvider } from "./ChatContext";
 import { Messages as DefaultMessages } from "./Messages";
 import { Input as DefaultInput } from "./Input";
 import { RenderMessage as DefaultRenderMessage } from "./messages/RenderMessage";
@@ -75,26 +70,25 @@ import { AssistantMessage as DefaultAssistantMessage } from "./messages/Assistan
 import { UserMessage as DefaultUserMessage } from "./messages/UserMessage";
 import { ImageRenderer as DefaultImageRenderer } from "./messages/ImageRenderer";
 import React, { useEffect, useRef, useState, useCallback } from "react";
+import type { SystemMessageFunction } from "@copilotkit/react-core";
 import {
-  SystemMessageFunction,
   useCopilotContext,
   useCopilotChatInternal,
-  type OnStopGeneration,
-  type OnReloadMessages,
-  type ChatSuggestions,
+} from "@copilotkit/react-core";
+import type {
+  OnStopGeneration,
+  OnReloadMessages,
+  ChatSuggestions,
 } from "@copilotkit/react-core";
 import {
   CopilotKitError,
   CopilotKitErrorCode,
-  CopilotErrorEvent,
-  Message,
   Severity,
   ErrorVisibility,
   styledConsole,
-  CopilotErrorHandler,
   randomUUID,
 } from "@copilotkit/shared";
-import {
+import type {
   AssistantMessageProps,
   ChatError,
   ComponentsMap,
@@ -119,7 +113,12 @@ import {
   formatFileSize,
   deprecationWarning,
 } from "./attachment-utils";
-import type { InputContent } from "@copilotkit/shared";
+import type {
+  InputContent,
+  CopilotErrorEvent,
+  Message,
+  CopilotErrorHandler,
+} from "@copilotkit/shared";
 import { Suggestions as DefaultRenderSuggestionsList } from "./Suggestions";
 
 /**
@@ -354,7 +353,6 @@ export interface CopilotChatProps {
 
   /**
    * Event hooks for CopilotKit chat events.
-   * These hooks only work when publicApiKey is provided.
    */
   observabilityHooks?: CopilotObservabilityHooks;
 

package/src/components/chat/Popup.tsx

@@ -31,10 +31,9 @@
  * ### 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>
  *   <CopilotPopup
  *     observabilityHooks={{
  *       onChatExpanded: () => {
@@ -66,7 +65,8 @@
  * 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.
  */
 
-import { CopilotModal, CopilotModalProps } from "./Modal";
+import type { CopilotModalProps } from "./Modal";
+import { CopilotModal } from "./Modal";
 
 export function CopilotPopup(props: CopilotModalProps) {
   props = {

package/src/components/chat/Sidebar.tsx

@@ -33,10 +33,9 @@
  * ### 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: () => {
@@ -70,7 +69,8 @@
  * 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.
  */
 import React, { useState } from "react";
-import { CopilotModal, CopilotModalProps } from "./Modal";
+import type { CopilotModalProps } from "./Modal";
+import { CopilotModal } from "./Modal";
 
 export function CopilotSidebar(props: CopilotModalProps) {
   props = {

package/src/components/chat/props.ts

@@ -1,12 +1,12 @@
-import {
+import type {
   AIMessage,
   Message,
   UserMessage,
   CopilotErrorEvent,
 } from "@copilotkit/shared";
-import { CopilotChatSuggestion } from "../../types/suggestions";
-import { ReactNode } from "react";
-import { ImageData } from "@copilotkit/shared";
+import type { CopilotChatSuggestion } from "../../types/suggestions";
+import type { ReactNode } from "react";
+import type { ImageData } from "@copilotkit/shared";
 import type { InputContentSource } from "@copilotkit/shared";
 import type {
   AttachmentsConfig,
@@ -19,7 +19,6 @@ export type { AttachmentsConfig, Attachment, AttachmentModality };
 
 /**
  * Event hooks for CopilotKit chat events.
- * These hooks only work when publicApiKey is provided.
  */
 export interface CopilotObservabilityHooks {
   /**