@copilotkitnext/react 0.0.22-alpha.3 → 0.0.22-alpha.5

package/dist/index.d.mts

@@ -1,46 +1,635 @@
-export { default as CopilotChatInput, CopilotChatInputProps, ToolsMenuItem } from './components/chat/CopilotChatInput.mjs';
-export { default as CopilotChatAssistantMessage, CopilotChatAssistantMessageProps } from './components/chat/CopilotChatAssistantMessage.mjs';
-export { default as CopilotChatUserMessage, CopilotChatUserMessageProps } from './components/chat/CopilotChatUserMessage.mjs';
-export { AudioRecorderError, AudioRecorderState, CopilotChatAudioRecorder } from './components/chat/CopilotChatAudioRecorder.mjs';
-export { default as CopilotChatSuggestionPill, CopilotChatSuggestionPillProps } from './components/chat/CopilotChatSuggestionPill.mjs';
-export { default as CopilotChatSuggestionView, CopilotChatSuggestionViewProps } from './components/chat/CopilotChatSuggestionView.mjs';
-export { default as CopilotChatMessageView, CopilotChatMessageViewProps } from './components/chat/CopilotChatMessageView.mjs';
-export { default as CopilotChatToolCallsView, CopilotChatToolCallsViewProps } from './components/chat/CopilotChatToolCallsView.mjs';
-export { default as CopilotChatView, CopilotChatViewProps } from './components/chat/CopilotChatView.mjs';
-export { CopilotChat, CopilotChatProps } from './components/chat/CopilotChat.mjs';
-export { default as CopilotChatToggleButton, CopilotChatToggleButtonCloseIcon, CopilotChatToggleButtonOpenIcon, CopilotChatToggleButtonProps } from './components/chat/CopilotChatToggleButton.mjs';
-export { default as CopilotSidebarView, CopilotSidebarViewProps } from './components/chat/CopilotSidebarView.mjs';
-export { default as CopilotPopupView, CopilotPopupViewProps } from './components/chat/CopilotPopupView.mjs';
-export { default as CopilotModalHeader, CopilotModalHeaderProps } from './components/chat/CopilotModalHeader.mjs';
-export { default as CopilotSidebar, CopilotSidebarProps } from './components/chat/CopilotSidebar.mjs';
-export { default as CopilotPopup, CopilotPopupProps } from './components/chat/CopilotPopup.mjs';
-export { WildcardToolCallRender } from './components/WildcardToolCallRender.mjs';
-export { CopilotKitInspector, CopilotKitInspectorBaseProps, CopilotKitInspectorProps } from './components/CopilotKitInspector.mjs';
-export { useRenderToolCall } from './hooks/use-render-tool-call.mjs';
-export { useRenderCustomMessages } from './hooks/use-render-custom-messages.mjs';
-export { useRenderActivityMessage } from './hooks/use-render-activity-message.mjs';
-export { useFrontendTool } from './hooks/use-frontend-tool.mjs';
-export { useHumanInTheLoop } from './hooks/use-human-in-the-loop.mjs';
-export { useAgent } from './hooks/use-agent.mjs';
-export { useAgentContext } from './hooks/use-agent-context.mjs';
-export { useSuggestions } from './hooks/use-suggestions.mjs';
-export { useConfigureSuggestions } from './hooks/use-configure-suggestions.mjs';
-export { CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatLabels, useCopilotChatConfiguration } from './providers/CopilotChatConfigurationProvider.mjs';
-export { CopilotKitContextValue, CopilotKitProvider, CopilotKitProviderProps, useCopilotKit } from './providers/CopilotKitProvider.mjs';
-export { ReactToolCallRenderer } from './types/react-tool-call-renderer.mjs';
-export { ReactActivityMessageRenderer } from './types/react-activity-message-renderer.mjs';
-export { ReactCustomMessageRenderer, ReactCustomMessageRendererPosition } from './types/react-custom-message-renderer.mjs';
-export { ReactFrontendTool } from './types/frontend-tool.mjs';
-export { ReactHumanInTheLoop } from './types/human-in-the-loop.mjs';
-export { defineToolCallRenderer } from './types/defineToolCallRenderer.mjs';
-export { CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber } from './lib/react-core.mjs';
-import 'react/jsx-runtime';
-import 'react';
-import './lib/slots.mjs';
-import '@ag-ui/core';
-import 'streamdown';
-import '@copilotkitnext/core';
-import '@lit-labs/react';
-import '@copilotkitnext/web-inspector';
-import '@ag-ui/client';
-import 'zod';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import { AssistantMessage, Message, UserMessage, ToolCall, ToolMessage, ActivityMessage } from '@ag-ui/core';
+import { Streamdown } from 'streamdown';
+import { Suggestion, CopilotKitCore, ToolCallStatus, FrontendTool, DynamicSuggestionsConfig, StaticSuggestionsConfig, CopilotKitCoreConfig, CopilotKitCoreSubscriber } from '@copilotkitnext/core';
+import { z } from 'zod';
+import * as _lit_labs_react from '@lit-labs/react';
+import { WebInspectorElement } from '@copilotkitnext/web-inspector';
+import { AbstractAgent, Context } from '@ag-ui/client';
+
+declare const CopilotChatDefaultLabels: {
+    chatInputPlaceholder: string;
+    chatInputToolbarStartTranscribeButtonLabel: string;
+    chatInputToolbarCancelTranscribeButtonLabel: string;
+    chatInputToolbarFinishTranscribeButtonLabel: string;
+    chatInputToolbarAddButtonLabel: string;
+    chatInputToolbarToolsButtonLabel: string;
+    assistantMessageToolbarCopyCodeLabel: string;
+    assistantMessageToolbarCopyCodeCopiedLabel: string;
+    assistantMessageToolbarCopyMessageLabel: string;
+    assistantMessageToolbarThumbsUpLabel: string;
+    assistantMessageToolbarThumbsDownLabel: string;
+    assistantMessageToolbarReadAloudLabel: string;
+    assistantMessageToolbarRegenerateLabel: string;
+    userMessageToolbarCopyMessageLabel: string;
+    userMessageToolbarEditMessageLabel: string;
+    chatDisclaimerText: string;
+    chatToggleOpenLabel: string;
+    chatToggleCloseLabel: string;
+    modalHeaderTitle: string;
+};
+type CopilotChatLabels = typeof CopilotChatDefaultLabels;
+interface CopilotChatConfigurationValue {
+    labels: CopilotChatLabels;
+    agentId: string;
+    threadId: string;
+    isModalOpen: boolean;
+    setModalOpen: (open: boolean) => void;
+    isModalDefaultOpen: boolean;
+}
+interface CopilotChatConfigurationProviderProps {
+    children: ReactNode;
+    labels?: Partial<CopilotChatLabels>;
+    agentId?: string;
+    threadId?: string;
+    isModalDefaultOpen?: boolean;
+}
+declare const CopilotChatConfigurationProvider: React__default.FC<CopilotChatConfigurationProviderProps>;
+declare const useCopilotChatConfiguration: () => CopilotChatConfigurationValue | null;
+
+/** Finite-state machine for every recorder implementation */
+type AudioRecorderState = "idle" | "recording" | "processing";
+/** Error subclass so callers can `instanceof`-guard recorder failures */
+declare class AudioRecorderError extends Error {
+    constructor(message: string);
+}
+declare const CopilotChatAudioRecorder: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<any>>;
+
+/** Existing union (unchanged) */
+type SlotValue<C extends React__default.ComponentType<any>> = C | string | Partial<React__default.ComponentProps<C>>;
+/** Utility: concrete React elements for every slot */
+type SlotElements<S> = {
+    [K in keyof S]: React__default.ReactElement;
+};
+type WithSlots<S extends Record<string, React__default.ComponentType<any>>, Rest = {}> = {
+    [K in keyof S]?: SlotValue<S[K]>;
+} & {
+    children?: (props: SlotElements<S> & Rest) => React__default.ReactNode;
+} & Omit<Rest, "children">;
+
+type CopilotChatInputMode = "input" | "transcribe" | "processing";
+type ToolsMenuItem = {
+    label: string;
+} & ({
+    action: () => void;
+    items?: never;
+} | {
+    action?: never;
+    items: (ToolsMenuItem | "-")[];
+});
+type CopilotChatInputSlots = {
+    textArea: typeof CopilotChatInput.TextArea;
+    sendButton: typeof CopilotChatInput.SendButton;
+    startTranscribeButton: typeof CopilotChatInput.StartTranscribeButton;
+    cancelTranscribeButton: typeof CopilotChatInput.CancelTranscribeButton;
+    finishTranscribeButton: typeof CopilotChatInput.FinishTranscribeButton;
+    addMenuButton: typeof CopilotChatInput.AddMenuButton;
+    audioRecorder: typeof CopilotChatAudioRecorder;
+};
+type CopilotChatInputRestProps = {
+    mode?: CopilotChatInputMode;
+    toolsMenu?: (ToolsMenuItem | "-")[];
+    autoFocus?: boolean;
+    onSubmitMessage?: (value: string) => void;
+    onStop?: () => void;
+    isRunning?: boolean;
+    onStartTranscribe?: () => void;
+    onCancelTranscribe?: () => void;
+    onFinishTranscribe?: () => void;
+    onAddFile?: () => void;
+    value?: string;
+    onChange?: (value: string) => void;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange">;
+type CopilotChatInputBaseProps = WithSlots<CopilotChatInputSlots, CopilotChatInputRestProps>;
+type CopilotChatInputChildrenArgs = CopilotChatInputBaseProps extends {
+    children?: infer C;
+} ? C extends (props: infer P) => React__default.ReactNode ? P : never : never;
+type CopilotChatInputProps = Omit<CopilotChatInputBaseProps, "children"> & {
+    children?: (props: CopilotChatInputChildrenArgs) => React__default.ReactNode;
+};
+declare function CopilotChatInput({ mode, onSubmitMessage, onStop, isRunning, onStartTranscribe, onCancelTranscribe, onFinishTranscribe, onAddFile, onChange, value, toolsMenu, autoFocus, textArea, sendButton, startTranscribeButton, cancelTranscribeButton, finishTranscribeButton, addMenuButton, audioRecorder, children, className, ...props }: CopilotChatInputProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChatInput {
+    const SendButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const ToolbarButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
+        icon: React__default.ReactNode;
+        labelKey: keyof CopilotChatLabels;
+        defaultClassName?: string;
+    }>;
+    const StartTranscribeButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const CancelTranscribeButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const FinishTranscribeButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const AddMenuButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
+        toolsMenu?: (ToolsMenuItem | "-")[];
+        onAddFile?: () => void;
+    }>;
+    type TextAreaProps = React__default.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+    const AudioRecorder: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<any>>;
+}
+
+type CopilotChatToolCallsViewProps = {
+    message: AssistantMessage;
+    messages?: Message[];
+};
+declare function CopilotChatToolCallsView({ message, messages, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
+
+type CopilotChatAssistantMessageProps = WithSlots<{
+    markdownRenderer: typeof CopilotChatAssistantMessage.MarkdownRenderer;
+    toolbar: typeof CopilotChatAssistantMessage.Toolbar;
+    copyButton: typeof CopilotChatAssistantMessage.CopyButton;
+    thumbsUpButton: typeof CopilotChatAssistantMessage.ThumbsUpButton;
+    thumbsDownButton: typeof CopilotChatAssistantMessage.ThumbsDownButton;
+    readAloudButton: typeof CopilotChatAssistantMessage.ReadAloudButton;
+    regenerateButton: typeof CopilotChatAssistantMessage.RegenerateButton;
+    toolCallsView: typeof CopilotChatToolCallsView;
+}, {
+    onThumbsUp?: (message: AssistantMessage) => void;
+    onThumbsDown?: (message: AssistantMessage) => void;
+    onReadAloud?: (message: AssistantMessage) => void;
+    onRegenerate?: (message: AssistantMessage) => void;
+    message: AssistantMessage;
+    messages?: Message[];
+    isRunning?: boolean;
+    additionalToolbarItems?: React.ReactNode;
+    toolbarVisible?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>>;
+declare function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible, markdownRenderer, toolbar, copyButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }: CopilotChatAssistantMessageProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChatAssistantMessage {
+    const MarkdownRenderer: React.FC<Omit<React.ComponentProps<typeof Streamdown>, "children"> & {
+        content: string;
+    }>;
+    const Toolbar: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+    const ToolbarButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        title: string;
+        children: React.ReactNode;
+    }>;
+    const CopyButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const ThumbsUpButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const ThumbsDownButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const ReadAloudButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const RegenerateButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+}
+
+interface CopilotChatUserMessageOnEditMessageProps {
+    message: UserMessage;
+}
+interface CopilotChatUserMessageOnSwitchToBranchProps {
+    message: UserMessage;
+    branchIndex: number;
+    numberOfBranches: number;
+}
+type CopilotChatUserMessageProps = WithSlots<{
+    messageRenderer: typeof CopilotChatUserMessage.MessageRenderer;
+    toolbar: typeof CopilotChatUserMessage.Toolbar;
+    copyButton: typeof CopilotChatUserMessage.CopyButton;
+    editButton: typeof CopilotChatUserMessage.EditButton;
+    branchNavigation: typeof CopilotChatUserMessage.BranchNavigation;
+}, {
+    onEditMessage?: (props: CopilotChatUserMessageOnEditMessageProps) => void;
+    onSwitchToBranch?: (props: CopilotChatUserMessageOnSwitchToBranchProps) => void;
+    message: UserMessage;
+    branchIndex?: number;
+    numberOfBranches?: number;
+    additionalToolbarItems?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>>;
+declare function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfBranches, onSwitchToBranch, additionalToolbarItems, messageRenderer, toolbar, copyButton, editButton, branchNavigation, children, className, ...props }: CopilotChatUserMessageProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChatUserMessage {
+    const Container: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>>;
+    const MessageRenderer: React.FC<{
+        content: string;
+        className?: string;
+    }>;
+    const Toolbar: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+    const ToolbarButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        title: string;
+        children: React.ReactNode;
+    }>;
+    const CopyButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        copied?: boolean;
+    }>;
+    const EditButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const BranchNavigation: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+        currentBranch?: number;
+        numberOfBranches?: number;
+        onSwitchToBranch?: (props: CopilotChatUserMessageOnSwitchToBranchProps) => void;
+        message: UserMessage;
+    }>;
+}
+
+interface CopilotChatSuggestionPillProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Optional icon to render on the left side when not loading. */
+    icon?: React__default.ReactNode;
+    /** Whether the pill should display a loading spinner. */
+    isLoading?: boolean;
+}
+declare const CopilotChatSuggestionPill: React__default.ForwardRefExoticComponent<CopilotChatSuggestionPillProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const DefaultContainer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+type CopilotChatSuggestionViewProps = WithSlots<{
+    container: typeof DefaultContainer;
+    suggestion: typeof CopilotChatSuggestionPill;
+}, {
+    suggestions: Suggestion[];
+    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;
+    loadingIndexes?: ReadonlyArray<number>;
+} & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const CopilotChatSuggestionView: React__default.ForwardRefExoticComponent<{
+    container?: SlotValue<React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>> | undefined;
+    suggestion?: SlotValue<React__default.ForwardRefExoticComponent<CopilotChatSuggestionPillProps & React__default.RefAttributes<HTMLButtonElement>>> | undefined;
+} & {
+    children?: ((props: {
+        container: React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>>;
+        suggestion: React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>>;
+    } & {
+        suggestions: Suggestion[];
+        onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;
+        loadingIndexes?: ReadonlyArray<number>;
+    } & React__default.HTMLAttributes<HTMLDivElement>) => React__default.ReactNode) | undefined;
+} & Omit<{
+    suggestions: Suggestion[];
+    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;
+    loadingIndexes?: ReadonlyArray<number>;
+} & React__default.HTMLAttributes<HTMLDivElement>, "children"> & React__default.RefAttributes<HTMLDivElement>>;
+
+type CopilotChatMessageViewProps = Omit<WithSlots<{
+    assistantMessage: typeof CopilotChatAssistantMessage;
+    userMessage: typeof CopilotChatUserMessage;
+    cursor: typeof CopilotChatMessageView.Cursor;
+}, {
+    isRunning?: boolean;
+    messages?: Message[];
+} & React.HTMLAttributes<HTMLDivElement>>, "children"> & {
+    children?: (props: {
+        isRunning: boolean;
+        messages: Message[];
+        messageElements: React.ReactElement[];
+    }) => React.ReactElement;
+};
+declare function CopilotChatMessageView({ messages, assistantMessage, userMessage, cursor, isRunning, children, className, ...props }: CopilotChatMessageViewProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChatMessageView {
+    var Cursor: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+}
+
+type CopilotChatViewProps = WithSlots<{
+    messageView: typeof CopilotChatMessageView;
+    scrollView: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
+    scrollToBottomButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+    input: typeof CopilotChatInput;
+    inputContainer: React__default.FC<React__default.HTMLAttributes<HTMLDivElement> & {
+        children: React__default.ReactNode;
+    }>;
+    feather: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
+    disclaimer: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
+    suggestionView: typeof CopilotChatSuggestionView;
+}, {
+    messages?: Message[];
+    autoScroll?: boolean;
+    inputProps?: Partial<Omit<CopilotChatInputProps, "children">>;
+    isRunning?: boolean;
+    suggestions?: Suggestion[];
+    suggestionLoadingIndexes?: ReadonlyArray<number>;
+    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;
+} & React__default.HTMLAttributes<HTMLDivElement>>;
+declare function CopilotChatView({ messageView, input, scrollView, scrollToBottomButton, feather, inputContainer, disclaimer, suggestionView, messages, autoScroll, inputProps, isRunning, suggestions, suggestionLoadingIndexes, onSelectSuggestion, children, className, ...props }: CopilotChatViewProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare namespace CopilotChatView {
+    const ScrollView: React__default.FC<React__default.HTMLAttributes<HTMLDivElement> & {
+        autoScroll?: boolean;
+        scrollToBottomButton?: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+        inputContainerHeight?: number;
+        isResizing?: boolean;
+    }>;
+    const ScrollToBottomButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+    const Feather: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
+    const InputContainer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+        children: React__default.ReactNode;
+        keyboardHeight?: number;
+    } & React__default.RefAttributes<HTMLDivElement>>;
+    const Disclaimer: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
+}
+
+type CopilotChatProps = Omit<CopilotChatViewProps, "messages" | "isRunning" | "suggestions" | "suggestionLoadingIndexes" | "onSelectSuggestion"> & {
+    agentId?: string;
+    threadId?: string;
+    labels?: Partial<CopilotChatLabels>;
+    chatView?: SlotValue<typeof CopilotChatView>;
+    isModalDefaultOpen?: boolean;
+};
+declare function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotChat {
+    const View: typeof CopilotChatView;
+}
+
+declare const DefaultOpenIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+declare const DefaultCloseIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+interface CopilotChatToggleButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** Optional slot override for the chat (closed) icon. */
+    openIcon?: SlotValue<typeof DefaultOpenIcon>;
+    /** Optional slot override for the close icon. */
+    closeIcon?: SlotValue<typeof DefaultCloseIcon>;
+}
+declare const CopilotChatToggleButton: React__default.ForwardRefExoticComponent<CopilotChatToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type HeaderSlots = {
+    titleContent: typeof CopilotModalHeader.Title;
+    closeButton: typeof CopilotModalHeader.CloseButton;
+};
+type HeaderRestProps = {
+    title?: string;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">;
+type CopilotModalHeaderProps = WithSlots<HeaderSlots, HeaderRestProps>;
+declare function CopilotModalHeader({ title, titleContent, closeButton, children, className, ...rest }: CopilotModalHeaderProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare namespace CopilotModalHeader {
+    var displayName: string;
+}
+declare namespace CopilotModalHeader {
+    const Title: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
+    const CloseButton: React__default.FC<React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
+}
+
+type CopilotSidebarViewProps = CopilotChatViewProps & {
+    header?: SlotValue<typeof CopilotModalHeader>;
+    width?: number | string;
+};
+declare function CopilotSidebarView({ header, width, ...props }: CopilotSidebarViewProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotSidebarView {
+    var displayName: string;
+}
+
+type CopilotPopupViewProps = CopilotChatViewProps & {
+    header?: SlotValue<typeof CopilotModalHeader>;
+    width?: number | string;
+    height?: number | string;
+    clickOutsideToClose?: boolean;
+};
+declare function CopilotPopupView({ header, width, height, clickOutsideToClose, className, ...restProps }: CopilotPopupViewProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotPopupView {
+    var displayName: string;
+}
+
+type CopilotSidebarProps = Omit<CopilotChatProps, "chatView"> & {
+    header?: CopilotSidebarViewProps["header"];
+    defaultOpen?: boolean;
+    width?: number | string;
+};
+declare function CopilotSidebar({ header, defaultOpen, width, ...chatProps }: CopilotSidebarProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotSidebar {
+    var displayName: string;
+}
+
+type CopilotPopupProps = Omit<CopilotChatProps, "chatView"> & {
+    header?: CopilotPopupViewProps["header"];
+    defaultOpen?: boolean;
+    width?: CopilotPopupViewProps["width"];
+    height?: CopilotPopupViewProps["height"];
+    clickOutsideToClose?: CopilotPopupViewProps["clickOutsideToClose"];
+};
+declare function CopilotPopup({ header, defaultOpen, width, height, clickOutsideToClose, ...chatProps }: CopilotPopupProps): react_jsx_runtime.JSX.Element;
+declare namespace CopilotPopup {
+    var displayName: string;
+}
+
+declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
+
+declare const CopilotKitInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
+type CopilotKitInspectorBaseProps = React$1.ComponentProps<typeof CopilotKitInspectorBase>;
+interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, "core"> {
+    core?: CopilotKitCore | null;
+}
+declare const CopilotKitInspector: React$1.ForwardRefExoticComponent<Omit<CopilotKitInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
+
+interface UseRenderToolCallProps {
+    toolCall: ToolCall;
+    toolMessage?: ToolMessage;
+}
+/**
+ * Hook that returns a function to render tool calls based on the render functions
+ * defined in CopilotKitProvider.
+ *
+ * @returns A function that takes a tool call and optional tool message and returns the rendered component
+ */
+declare function useRenderToolCall(): ({ toolCall, toolMessage, }: UseRenderToolCallProps) => React__default.ReactElement | null;
+
+type ReactCustomMessageRendererPosition = "before" | "after";
+interface ReactCustomMessageRenderer {
+    agentId?: string;
+    render: React.ComponentType<{
+        message: Message;
+        position: ReactCustomMessageRendererPosition;
+        runId: string;
+        messageIndex: number;
+        messageIndexInRun: number;
+        numberOfMessagesInRun: number;
+        agentId: string;
+        stateSnapshot: any;
+    }> | null;
+}
+
+interface UseRenderCustomMessagesParams {
+    message: Message;
+    position: ReactCustomMessageRendererPosition;
+}
+declare function useRenderCustomMessages(): ((params: UseRenderCustomMessagesParams) => react_jsx_runtime.JSX.Element | null) | null;
+
+declare function useRenderActivityMessage(): (message: ActivityMessage) => React.ReactElement | null;
+
+interface ReactToolCallRenderer<T> {
+    name: string;
+    args: z.ZodSchema<T>;
+    /**
+     * Optional agent ID to constrain this tool renderer to a specific agent.
+     * If specified, this renderer will only be used for the specified agent.
+     */
+    agentId?: string;
+    render: React.ComponentType<{
+        name: string;
+        args: Partial<T>;
+        status: ToolCallStatus.InProgress;
+        result: undefined;
+    } | {
+        name: string;
+        args: T;
+        status: ToolCallStatus.Executing;
+        result: undefined;
+    } | {
+        name: string;
+        args: T;
+        status: ToolCallStatus.Complete;
+        result: string;
+    }>;
+}
+
+type ReactFrontendTool<T extends Record<string, unknown> = Record<string, unknown>> = FrontendTool<T> & {
+    render?: ReactToolCallRenderer<T>["render"];
+};
+
+declare function useFrontendTool<T extends Record<string, unknown> = Record<string, unknown>>(tool: ReactFrontendTool<T>): void;
+
+type ReactHumanInTheLoop<T extends Record<string, unknown> = Record<string, unknown>> = Omit<FrontendTool<T>, "handler"> & {
+    render: React__default.ComponentType<{
+        name: string;
+        description: string;
+        args: Partial<T>;
+        status: ToolCallStatus.InProgress;
+        result: undefined;
+        respond: undefined;
+    } | {
+        name: string;
+        description: string;
+        args: T;
+        status: ToolCallStatus.Executing;
+        result: undefined;
+        respond: (result: unknown) => Promise<void>;
+    } | {
+        name: string;
+        description: string;
+        args: T;
+        status: ToolCallStatus.Complete;
+        result: string;
+        respond: undefined;
+    }>;
+};
+
+declare function useHumanInTheLoop<T extends Record<string, unknown> = Record<string, unknown>>(tool: ReactHumanInTheLoop<T>): void;
+
+declare enum UseAgentUpdate {
+    OnMessagesChanged = "OnMessagesChanged",
+    OnStateChanged = "OnStateChanged",
+    OnRunStatusChanged = "OnRunStatusChanged"
+}
+interface UseAgentProps {
+    agentId?: string;
+    updates?: UseAgentUpdate[];
+}
+declare function useAgent({ agentId, updates }?: UseAgentProps): {
+    agent: AbstractAgent | undefined;
+};
+
+declare function useAgentContext(context: Context): void;
+
+interface UseSuggestionsOptions {
+    agentId?: string;
+}
+interface UseSuggestionsResult {
+    suggestions: Suggestion[];
+    reloadSuggestions: () => void;
+    clearSuggestions: () => void;
+    isLoading: boolean;
+}
+declare function useSuggestions({ agentId }?: UseSuggestionsOptions): UseSuggestionsResult;
+
+type StaticSuggestionInput = Omit<Suggestion, "isLoading"> & Partial<Pick<Suggestion, "isLoading">>;
+type StaticSuggestionsConfigInput = Omit<StaticSuggestionsConfig, "suggestions"> & {
+    suggestions: StaticSuggestionInput[];
+};
+type SuggestionsConfigInput = DynamicSuggestionsConfig | StaticSuggestionsConfigInput;
+interface UseConfigureSuggestionsOptions {
+    deps?: ReadonlyArray<unknown>;
+}
+declare function useConfigureSuggestions(config: SuggestionsConfigInput | null | undefined, options?: UseConfigureSuggestionsOptions): void;
+
+interface ReactActivityMessageRenderer<TActivityContent> {
+    /**
+     * Activity type to match when rendering. Use "*" as a wildcard renderer.
+     */
+    activityType: string;
+    /**
+     * Optional agent ID to scope the renderer to a particular agent.
+     */
+    agentId?: string;
+    /**
+     * Schema describing the activity content payload.
+     */
+    content: z.ZodSchema<TActivityContent>;
+    /**
+     * React component invoked to render the activity message.
+     */
+    render: React.ComponentType<{
+        activityType: string;
+        content: TActivityContent;
+        message: ActivityMessage;
+        agent: AbstractAgent | undefined;
+    }>;
+}
+
+/**
+ * Helper to define a type-safe tool call renderer entry.
+ * - Accepts a single object whose keys match ReactToolCallRenderer's fields: { name, args, render, agentId? }.
+ * - Derives `args` type from the provided Zod schema.
+ * - Ensures the render function param type exactly matches ReactToolCallRenderer<T>["render"]'s param.
+ * - For wildcard tools (name: "*"), args is optional and defaults to z.any()
+ */
+type RenderProps<T> = {
+    name: string;
+    args: Partial<T>;
+    status: ToolCallStatus.InProgress;
+    result: undefined;
+} | {
+    name: string;
+    args: T;
+    status: ToolCallStatus.Executing;
+    result: undefined;
+} | {
+    name: string;
+    args: T;
+    status: ToolCallStatus.Complete;
+    result: string;
+};
+declare function defineToolCallRenderer(def: {
+    name: "*";
+    render: (props: RenderProps<any>) => React__default.ReactElement;
+    agentId?: string;
+}): ReactToolCallRenderer<any>;
+declare function defineToolCallRenderer<S extends z.ZodTypeAny>(def: {
+    name: string;
+    args: S;
+    render: (props: RenderProps<z.infer<S>>) => React__default.ReactElement;
+    agentId?: string;
+}): ReactToolCallRenderer<z.infer<S>>;
+
+interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {
+    renderToolCalls?: ReactToolCallRenderer<any>[];
+    renderActivityMessages?: ReactActivityMessageRenderer<any>[];
+    renderCustomMessages?: ReactCustomMessageRenderer[];
+}
+interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {
+    onRenderToolCallsChanged?: (event: {
+        copilotkit: CopilotKitCore;
+        renderToolCalls: ReactToolCallRenderer<any>[];
+    }) => void | Promise<void>;
+}
+declare class CopilotKitCoreReact extends CopilotKitCore {
+    private _renderToolCalls;
+    private _renderCustomMessages;
+    private _renderActivityMessages;
+    constructor(config: CopilotKitCoreReactConfig);
+    get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]>;
+    get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[];
+    get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[];
+    setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void;
+    subscribe(subscriber: CopilotKitCoreReactSubscriber): () => void;
+    unsubscribe(subscriber: CopilotKitCoreReactSubscriber): void;
+}
+
+interface CopilotKitContextValue {
+    copilotkit: CopilotKitCoreReact;
+}
+interface CopilotKitProviderProps {
+    children: ReactNode;
+    runtimeUrl?: string;
+    headers?: Record<string, string>;
+    properties?: Record<string, unknown>;
+    useSingleEndpoint?: boolean;
+    agents__unsafe_dev_only?: Record<string, AbstractAgent>;
+    renderToolCalls?: ReactToolCallRenderer<any>[];
+    renderActivityMessages?: ReactActivityMessageRenderer<any>[];
+    renderCustomMessages?: ReactCustomMessageRenderer[];
+    frontendTools?: ReactFrontendTool[];
+    humanInTheLoop?: ReactHumanInTheLoop[];
+    showDevConsole?: boolean | "auto";
+}
+declare const CopilotKitProvider: React__default.FC<CopilotKitProviderProps>;
+declare const useCopilotKit: () => CopilotKitContextValue;
+
+export { AudioRecorderError, type AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, type CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, type CopilotChatConfigurationProviderProps, type CopilotChatConfigurationValue, CopilotChatInput, type CopilotChatInputProps, type CopilotChatLabels, CopilotChatMessageView, type CopilotChatMessageViewProps, type CopilotChatProps, CopilotChatSuggestionPill, type CopilotChatSuggestionPillProps, CopilotChatSuggestionView, type CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatUserMessage, type CopilotChatUserMessageProps, CopilotChatView, type CopilotChatViewProps, type CopilotKitContextValue, CopilotKitCoreReact, type CopilotKitCoreReactConfig, type CopilotKitCoreReactSubscriber, CopilotKitInspector, type CopilotKitInspectorBaseProps, type CopilotKitInspectorProps, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotPopup, type CopilotPopupProps, CopilotPopupView, type CopilotPopupViewProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactActivityMessageRenderer, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderActivityMessage, useRenderCustomMessages, useRenderToolCall, useSuggestions };