@copilotkitnext/angular 0.0.9-alpha.2 → 0.0.10

package/dist/index.d.ts

@@ -1,55 +1 @@
-export * from "./core/copilotkit.service";
-export * from "./core/copilotkit.types";
-export * from "./core/copilotkit.providers";
-export type { Message, ToolCall, ToolMessage } from "@ag-ui/core";
-export * from "./core/chat-configuration/chat-configuration.types";
-export * from "./core/chat-configuration/chat-configuration.service";
-export * from "./core/chat-configuration/chat-configuration.providers";
-export * from "./utils/copilotkit.utils";
-export * from "./utils/agent-context.utils";
-export * from "./utils/frontend-tool.utils";
-export { watchAgent, watchAgentWith, getAgent, subscribeToAgent, } from "./utils/agent.utils";
-export * from "./utils/human-in-the-loop.utils";
-export * from "./utils/chat-config.utils";
-export { CopilotTooltipDirective } from "./lib/directives/tooltip.directive";
-export { CopilotKitConfigDirective } from "./directives/copilotkit-config.directive";
-export { CopilotKitAgentContextDirective } from "./directives/copilotkit-agent-context.directive";
-export { CopilotKitFrontendToolDirective } from "./directives/copilotkit-frontend-tool.directive";
-export { CopilotKitAgentDirective } from "./directives/copilotkit-agent.directive";
-export { CopilotKitHumanInTheLoopDirective, CopilotKitHumanInTheLoopRespondDirective, } from "./directives/copilotkit-human-in-the-loop.directive";
-export { CopilotKitChatConfigDirective } from "./directives/copilotkit-chat-config.directive";
-export { CopilotKitToolRenderComponent } from "./components/copilotkit-tool-render.component";
-export * from "./components/chat/copilot-chat-input.types";
-export { CopilotChatInputComponent } from "./components/chat/copilot-chat-input.component";
-export { CopilotChatInputDefaults } from "./components/chat/copilot-chat-input-defaults";
-export { CopilotChatTextareaComponent } from "./components/chat/copilot-chat-textarea.component";
-export { CopilotChatAudioRecorderComponent } from "./components/chat/copilot-chat-audio-recorder.component";
-export { CopilotChatSendButtonComponent, CopilotChatToolbarButtonComponent, CopilotChatStartTranscribeButtonComponent, CopilotChatCancelTranscribeButtonComponent, CopilotChatFinishTranscribeButtonComponent, CopilotChatAddFileButtonComponent, } from "./components/chat/copilot-chat-buttons.component";
-export { CopilotChatToolbarComponent } from "./components/chat/copilot-chat-toolbar.component";
-export { CopilotChatToolsMenuComponent } from "./components/chat/copilot-chat-tools-menu.component";
-export * from "./components/chat/copilot-chat-user-message.types";
-export { CopilotChatUserMessageComponent } from "./components/chat/copilot-chat-user-message.component";
-export { CopilotChatUserMessageRendererComponent } from "./components/chat/copilot-chat-user-message-renderer.component";
-export { CopilotChatUserMessageToolbarButtonComponent, CopilotChatUserMessageCopyButtonComponent, CopilotChatUserMessageEditButtonComponent, } from "./components/chat/copilot-chat-user-message-buttons.component";
-export { CopilotChatUserMessageToolbarComponent } from "./components/chat/copilot-chat-user-message-toolbar.component";
-export { CopilotChatUserMessageBranchNavigationComponent } from "./components/chat/copilot-chat-user-message-branch-navigation.component";
-export * from "./components/chat/copilot-chat-assistant-message.types";
-export { CopilotChatAssistantMessageComponent } from "./components/chat/copilot-chat-assistant-message.component";
-export { CopilotChatAssistantMessageRendererComponent } from "./components/chat/copilot-chat-assistant-message-renderer.component";
-export { CopilotChatAssistantMessageToolbarButtonComponent, CopilotChatAssistantMessageCopyButtonComponent, CopilotChatAssistantMessageThumbsUpButtonComponent, CopilotChatAssistantMessageThumbsDownButtonComponent, CopilotChatAssistantMessageReadAloudButtonComponent, CopilotChatAssistantMessageRegenerateButtonComponent, } from "./components/chat/copilot-chat-assistant-message-buttons.component";
-export { CopilotChatAssistantMessageToolbarComponent } from "./components/chat/copilot-chat-assistant-message-toolbar.component";
-export * from "./components/chat/copilot-chat-message-view.types";
-export { CopilotChatMessageViewComponent } from "./components/chat/copilot-chat-message-view.component";
-export { CopilotChatMessageViewCursorComponent } from "./components/chat/copilot-chat-message-view-cursor.component";
-export { CopilotChatToolCallsViewComponent } from "./components/chat/copilot-chat-tool-calls-view.component";
-export * from "./components/chat/copilot-chat-view.types";
-export { CopilotChatViewComponent } from "./components/chat/copilot-chat-view.component";
-export { CopilotChatViewScrollViewComponent } from "./components/chat/copilot-chat-view-scroll-view.component";
-export { CopilotChatViewScrollToBottomButtonComponent } from "./components/chat/copilot-chat-view-scroll-to-bottom-button.component";
-export { CopilotChatViewFeatherComponent } from "./components/chat/copilot-chat-view-feather.component";
-export { CopilotChatViewInputContainerComponent } from "./components/chat/copilot-chat-view-input-container.component";
-export { CopilotChatViewDisclaimerComponent } from "./components/chat/copilot-chat-view-disclaimer.component";
-export { CopilotChatComponent } from "./components/chat/copilot-chat.component";
-export { ScrollPositionService } from "./services/scroll-position.service";
-export { ResizeObserverService } from "./services/resize-observer.service";
-export { StickToBottomDirective } from "./directives/stick-to-bottom.directive";
+export * from "./public-api";

package/dist/lib/agent.d.ts

@@ -0,0 +1,53 @@
+import { DestroyRef, Signal } from "@angular/core";
+import type { AbstractAgent } from "@ag-ui/client";
+import * as i0 from "@angular/core";
+export declare class AgentStore {
+    #private;
+    readonly agent: AbstractAgent;
+    readonly isRunning: Signal<boolean>;
+    readonly messages: Signal<({
+        id: string;
+        role: "developer";
+        content: string;
+        name?: string;
+    } | {
+        id: string;
+        role: "system";
+        content: string;
+        name?: string;
+    } | {
+        id: string;
+        role: "assistant";
+        name?: string;
+        content?: string;
+        toolCalls?: {
+            function: {
+                name: string;
+                arguments: string;
+            };
+            type: "function";
+            id: string;
+        }[];
+    } | {
+        id: string;
+        role: "user";
+        content: string;
+        name?: string;
+    } | {
+        id: string;
+        role: "tool";
+        content: string;
+        toolCallId: string;
+        error?: string;
+    })[]>;
+    readonly state: Signal<any>;
+    constructor(abstractAgent: AbstractAgent, destroyRef: DestroyRef);
+    teardown(): void;
+}
+export declare class CopilotkitAgentFactory {
+    #private;
+    createAgentStoreSignal(agentId: Signal<string | undefined>, destroyRef: DestroyRef): Signal<AgentStore | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotkitAgentFactory, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CopilotkitAgentFactory>;
+}
+export declare function injectAgentStore(agentId: string | Signal<string | undefined>): Signal<AgentStore | undefined>;

package/dist/{core/chat-configuration/chat-configuration.types.d.ts → lib/chat-config.d.ts}

@@ -1,4 +1,4 @@
-import { InjectionToken } from "@angular/core";
+import { InjectionToken, Provider } from "@angular/core";
 export interface CopilotChatLabels {
     chatInputPlaceholder: string;
     chatInputToolbarStartTranscribeButtonLabel: string;
@@ -18,10 +18,6 @@ export interface CopilotChatLabels {
     chatDisclaimerText: string;
 }
 export declare const COPILOT_CHAT_DEFAULT_LABELS: CopilotChatLabels;
-export interface CopilotChatConfiguration {
-    labels?: Partial<CopilotChatLabels>;
-    inputValue?: string;
-    onSubmitInput?: (value: string) => void;
-    onChangeInput?: (value: string) => void;
-}
-export declare const COPILOT_CHAT_INITIAL_CONFIG: InjectionToken<CopilotChatConfiguration>;
+export declare const COPILOT_CHAT_LABELS: InjectionToken<CopilotChatLabels>;
+export declare function injectChatLabels(): CopilotChatLabels;
+export declare function provideCopilotChatLabels(config: Partial<CopilotChatLabels>): Provider;

package/dist/lib/chat-state.d.ts

@@ -0,0 +1,10 @@
+import { WritableSignal } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare abstract class ChatState {
+    abstract readonly inputValue: WritableSignal<string>;
+    abstract submitInput(value: string): void;
+    abstract changeInput(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatState, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChatState>;
+}
+export declare function injectChatState(): ChatState;

package/dist/lib/components/chat/copilot-chat-assistant-message-buttons.d.ts

@@ -0,0 +1,68 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/tooltip";
+export declare class CopilotChatAssistantMessageToolbarButton {
+    title: import("@angular/core").InputSignal<string>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    computedClass: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageToolbarButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageToolbarButton, "button[copilotChatAssistantMessageToolbarButton]", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CopilotTooltip; inputs: { "copilotTooltip": "title"; "tooltipPosition": "tooltipPosition"; "tooltipDelay": "tooltipDelay"; }; outputs: {}; }]>;
+}
+export declare class CopilotChatAssistantMessageCopyButton {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly content: import("@angular/core").InputSignal<string>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly CopyIcon: import("lucide-angular").LucideIconData;
+    readonly CheckIcon: import("lucide-angular").LucideIconData;
+    readonly copied: import("@angular/core").WritableSignal<boolean>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    handleCopy(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageCopyButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageCopyButton, "copilot-chat-assistant-message-copy-button", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatAssistantMessageThumbsUpButton {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly ThumbsUpIcon: import("lucide-angular").LucideIconData;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    handleClick(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageThumbsUpButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageThumbsUpButton, "copilot-chat-assistant-message-thumbs-up-button", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatAssistantMessageThumbsDownButton {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly ThumbsDownIcon: import("lucide-angular").LucideIconData;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    handleClick(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageThumbsDownButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageThumbsDownButton, "copilot-chat-assistant-message-thumbs-down-button", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatAssistantMessageReadAloudButton {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly Volume2Icon: import("lucide-angular").LucideIconData;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    handleClick(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageReadAloudButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageReadAloudButton, "copilot-chat-assistant-message-read-aloud-button", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatAssistantMessageRegenerateButton {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly RefreshCwIcon: import("lucide-angular").LucideIconData;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    handleClick(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageRegenerateButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageRegenerateButton, "copilot-chat-assistant-message-regenerate-button", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}

package/dist/lib/components/chat/copilot-chat-assistant-message-renderer.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef, AfterViewInit } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class CopilotChatAssistantMessageRenderer implements AfterViewInit {
+    readonly content: import("@angular/core").InputSignal<string>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    markdownContainer?: ElementRef<HTMLDivElement>;
+    private elementRef;
+    private copyStates;
+    readonly renderedHtml: import("@angular/core").Signal<string>;
+    constructor();
+    ngAfterViewInit(): void;
+    private updateContent;
+    private codeBlocksMap;
+    private markedInstance;
+    private initializeMarked;
+    private renderMarkdown;
+    private processMathEquations;
+    private renderMathEquations;
+    handleClick(event: MouseEvent): void;
+    private copyCodeBlock;
+    private generateBlockId;
+    private escapeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageRenderer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessageRenderer, "copilot-chat-assistant-message-renderer", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/chat/copilot-chat-assistant-message-toolbar.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class CopilotChatAssistantMessageToolbar {
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly computedClass: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessageToolbar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CopilotChatAssistantMessageToolbar, "[copilotChatAssistantMessageToolbar]", never, { "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/chat/copilot-chat-assistant-message.d.ts

@@ -0,0 +1,178 @@
+import { TemplateRef, Type } from "@angular/core";
+import { CopilotChatToolCallsView } from "./copilot-chat-tool-calls-view";
+import { type CopilotChatAssistantMessageOnThumbsUpProps, type CopilotChatAssistantMessageOnThumbsDownProps, type CopilotChatAssistantMessageOnReadAloudProps, type CopilotChatAssistantMessageOnRegenerateProps, type AssistantMessageMarkdownRendererContext, type AssistantMessageCopyButtonContext, type ThumbsUpButtonContext, type ThumbsDownButtonContext, type ReadAloudButtonContext, type RegenerateButtonContext, type AssistantMessageToolbarContext } from "./copilot-chat-assistant-message.types";
+import { CopilotChatAssistantMessageRenderer } from "./copilot-chat-assistant-message-renderer";
+import { CopilotChatAssistantMessageCopyButton, CopilotChatAssistantMessageThumbsUpButton, CopilotChatAssistantMessageThumbsDownButton } from "./copilot-chat-assistant-message-buttons";
+import { CopilotChatAssistantMessageToolbar } from "./copilot-chat-assistant-message-toolbar";
+import { CopilotChatViewHandlers } from "./copilot-chat-view-handlers";
+import * as i0 from "@angular/core";
+export declare class CopilotChatAssistantMessage {
+    markdownRendererTemplate?: TemplateRef<AssistantMessageMarkdownRendererContext>;
+    toolbarTemplate?: TemplateRef<AssistantMessageToolbarContext>;
+    copyButtonTemplate?: TemplateRef<AssistantMessageCopyButtonContext>;
+    thumbsUpButtonTemplate?: TemplateRef<ThumbsUpButtonContext>;
+    thumbsDownButtonTemplate?: TemplateRef<ThumbsDownButtonContext>;
+    readAloudButtonTemplate?: TemplateRef<ReadAloudButtonContext>;
+    regenerateButtonTemplate?: TemplateRef<RegenerateButtonContext>;
+    toolCallsViewTemplate?: TemplateRef<any>;
+    readonly markdownRendererClass: import("@angular/core").InputSignal<string>;
+    readonly toolbarClass: import("@angular/core").InputSignal<string>;
+    readonly copyButtonClass: import("@angular/core").InputSignal<string>;
+    readonly thumbsUpButtonClass: import("@angular/core").InputSignal<string>;
+    readonly thumbsDownButtonClass: import("@angular/core").InputSignal<string>;
+    readonly readAloudButtonClass: import("@angular/core").InputSignal<string>;
+    readonly regenerateButtonClass: import("@angular/core").InputSignal<string>;
+    readonly toolCallsViewClass: import("@angular/core").InputSignal<string>;
+    readonly markdownRendererComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly toolbarComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly copyButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly thumbsUpButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly thumbsDownButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly readAloudButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly regenerateButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly toolCallsViewComponent: import("@angular/core").InputSignal<Type<any>>;
+    readonly message: import("@angular/core").InputSignal<{
+        id: string;
+        role: "assistant";
+        name?: string;
+        content?: string;
+        toolCalls?: {
+            function: {
+                name: string;
+                arguments: string;
+            };
+            type: "function";
+            id: string;
+        }[];
+    }>;
+    readonly messages: import("@angular/core").InputSignal<({
+        id: string;
+        role: "developer";
+        content: string;
+        name?: string;
+    } | {
+        id: string;
+        role: "system";
+        content: string;
+        name?: string;
+    } | {
+        id: string;
+        role: "assistant";
+        name?: string;
+        content?: string;
+        toolCalls?: {
+            function: {
+                name: string;
+                arguments: string;
+            };
+            type: "function";
+            id: string;
+        }[];
+    } | {
+        id: string;
+        role: "user";
+        content: string;
+        name?: string;
+    } | {
+        id: string;
+        role: "tool";
+        content: string;
+        toolCallId: string;
+        error?: string;
+    })[]>;
+    readonly isLoading: import("@angular/core").InputSignal<boolean>;
+    readonly additionalToolbarItems: import("@angular/core").InputSignal<TemplateRef<any>>;
+    readonly toolbarVisible: import("@angular/core").InputSignal<boolean>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    handlers: CopilotChatViewHandlers;
+    constructor(handlers?: CopilotChatViewHandlers | null);
+    thumbsUp: import("@angular/core").OutputEmitterRef<CopilotChatAssistantMessageOnThumbsUpProps>;
+    thumbsDown: import("@angular/core").OutputEmitterRef<CopilotChatAssistantMessageOnThumbsDownProps>;
+    readAloud: import("@angular/core").OutputEmitterRef<CopilotChatAssistantMessageOnReadAloudProps>;
+    regenerate: import("@angular/core").OutputEmitterRef<CopilotChatAssistantMessageOnRegenerateProps>;
+    customClass: import("@angular/core").WritableSignal<string>;
+    computedClass: import("@angular/core").Signal<string>;
+    protected readonly defaultThumbsUpButtonComponent: typeof CopilotChatAssistantMessageThumbsUpButton;
+    protected readonly defaultThumbsDownButtonComponent: typeof CopilotChatAssistantMessageThumbsDownButton;
+    protected readonly CopilotChatAssistantMessageRenderer: typeof CopilotChatAssistantMessageRenderer;
+    protected readonly CopilotChatAssistantMessageToolbar: typeof CopilotChatAssistantMessageToolbar;
+    protected readonly CopilotChatAssistantMessageCopyButton: typeof CopilotChatAssistantMessageCopyButton;
+    protected readonly CopilotChatToolCallsView: typeof CopilotChatToolCallsView;
+    markdownRendererContext: import("@angular/core").Signal<AssistantMessageMarkdownRendererContext>;
+    copyButtonOutputs: {
+        clicked: () => void;
+    };
+    thumbsUpButtonOutputs: {
+        clicked: () => void;
+    };
+    thumbsDownButtonOutputs: {
+        clicked: () => void;
+    };
+    readAloudButtonOutputs: {
+        clicked: () => void;
+    };
+    regenerateButtonOutputs: {
+        clicked: () => void;
+    };
+    toolbarContext: import("@angular/core").Signal<AssistantMessageToolbarContext>;
+    hasMessageContent(): boolean;
+    toolCallsViewContext: import("@angular/core").Signal<{
+        message: {
+            id: string;
+            role: "assistant";
+            name?: string;
+            content?: string;
+            toolCalls?: {
+                function: {
+                    name: string;
+                    arguments: string;
+                };
+                type: "function";
+                id: string;
+            }[];
+        };
+        messages: ({
+            id: string;
+            role: "developer";
+            content: string;
+            name?: string;
+        } | {
+            id: string;
+            role: "system";
+            content: string;
+            name?: string;
+        } | {
+            id: string;
+            role: "assistant";
+            name?: string;
+            content?: string;
+            toolCalls?: {
+                function: {
+                    name: string;
+                    arguments: string;
+                };
+                type: "function";
+                id: string;
+            }[];
+        } | {
+            id: string;
+            role: "user";
+            content: string;
+            name?: string;
+        } | {
+            id: string;
+            role: "tool";
+            content: string;
+            toolCallId: string;
+            error?: string;
+        })[];
+        isLoading: boolean;
+    }>;
+    handleCopy(): void;
+    handleThumbsUp(): void;
+    handleThumbsDown(): void;
+    handleReadAloud(): void;
+    handleRegenerate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAssistantMessage, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAssistantMessage, "copilot-chat-assistant-message", never, { "markdownRendererClass": { "alias": "markdownRendererClass"; "required": false; "isSignal": true; }; "toolbarClass": { "alias": "toolbarClass"; "required": false; "isSignal": true; }; "copyButtonClass": { "alias": "copyButtonClass"; "required": false; "isSignal": true; }; "thumbsUpButtonClass": { "alias": "thumbsUpButtonClass"; "required": false; "isSignal": true; }; "thumbsDownButtonClass": { "alias": "thumbsDownButtonClass"; "required": false; "isSignal": true; }; "readAloudButtonClass": { "alias": "readAloudButtonClass"; "required": false; "isSignal": true; }; "regenerateButtonClass": { "alias": "regenerateButtonClass"; "required": false; "isSignal": true; }; "toolCallsViewClass": { "alias": "toolCallsViewClass"; "required": false; "isSignal": true; }; "markdownRendererComponent": { "alias": "markdownRendererComponent"; "required": false; "isSignal": true; }; "toolbarComponent": { "alias": "toolbarComponent"; "required": false; "isSignal": true; }; "copyButtonComponent": { "alias": "copyButtonComponent"; "required": false; "isSignal": true; }; "thumbsUpButtonComponent": { "alias": "thumbsUpButtonComponent"; "required": false; "isSignal": true; }; "thumbsDownButtonComponent": { "alias": "thumbsDownButtonComponent"; "required": false; "isSignal": true; }; "readAloudButtonComponent": { "alias": "readAloudButtonComponent"; "required": false; "isSignal": true; }; "regenerateButtonComponent": { "alias": "regenerateButtonComponent"; "required": false; "isSignal": true; }; "toolCallsViewComponent": { "alias": "toolCallsViewComponent"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "additionalToolbarItems": { "alias": "additionalToolbarItems"; "required": false; "isSignal": true; }; "toolbarVisible": { "alias": "toolbarVisible"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "thumbsUp": "thumbsUp"; "thumbsDown": "thumbsDown"; "readAloud": "readAloud"; "regenerate": "regenerate"; }, ["markdownRendererTemplate", "toolbarTemplate", "copyButtonTemplate", "thumbsUpButtonTemplate", "thumbsDownButtonTemplate", "readAloudButtonTemplate", "regenerateButtonTemplate", "toolCallsViewTemplate"], never, true, never>;
+}

package/dist/{components → lib/components}/chat/copilot-chat-assistant-message.types.d.ts

@@ -1,4 +1,4 @@
-import { AssistantMessage } from '@ag-ui/client';
+import { AssistantMessage } from "@ag-ui/client";
 export interface AssistantMessageMarkdownRendererContext {
     content: string;
 }

package/dist/{components/chat/copilot-chat-audio-recorder.component.d.ts → lib/components/chat/copilot-chat-audio-recorder.d.ts}

@@ -1,18 +1,18 @@
-import { EventEmitter, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
-import { AudioRecorderState, AudioRecorderError } from './copilot-chat-input.types';
+import { ElementRef, AfterViewInit, OnDestroy } from "@angular/core";
+import { AudioRecorderState, AudioRecorderError } from "./copilot-chat-input.types";
 import * as i0 from "@angular/core";
-export declare class CopilotChatAudioRecorderComponent implements AfterViewInit, OnDestroy {
+export declare class CopilotChatAudioRecorder implements AfterViewInit, OnDestroy {
     canvasRef: ElementRef<HTMLCanvasElement>;
-    set inputClass(val: string | undefined);
-    set inputShowControls(val: boolean | undefined);
-    stateChange: EventEmitter<AudioRecorderState>;
-    error: EventEmitter<AudioRecorderError>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    inputShowControls: import("@angular/core").InputSignal<boolean>;
+    stateChange: import("@angular/core").OutputEmitterRef<AudioRecorderState>;
+    error: import("@angular/core").OutputEmitterRef<AudioRecorderError>;
     state: import("@angular/core").WritableSignal<AudioRecorderState>;
-    customClass: import("@angular/core").WritableSignal<string>;
     showControls: import("@angular/core").WritableSignal<boolean>;
     computedClass: import("@angular/core").Signal<string>;
     statusText: import("@angular/core").Signal<"Recording..." | "Processing..." | "Ready">;
     private animationFrameId?;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -35,6 +35,6 @@ export declare class CopilotChatAudioRecorderComponent implements AfterViewInit,
     private startAnimation;
     private stopAnimation;
     private getLoudness;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAudioRecorderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAudioRecorderComponent, "copilot-chat-audio-recorder", never, { "inputClass": { "alias": "inputClass"; "required": false; }; "inputShowControls": { "alias": "inputShowControls"; "required": false; }; }, { "stateChange": "stateChange"; "error": "error"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAudioRecorder, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAudioRecorder, "copilot-chat-audio-recorder", never, { "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "inputShowControls": { "alias": "inputShowControls"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "error": "error"; }, never, never, true, never>;
 }

package/dist/lib/components/chat/copilot-chat-buttons.d.ts

@@ -0,0 +1,65 @@
+import * as i0 from "@angular/core";
+export declare class CopilotChatSendButton {
+    disabled: import("@angular/core").InputSignal<boolean>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly ArrowUpIcon: import("lucide-angular").LucideIconData;
+    buttonClass: string;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatSendButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatSendButton, "copilot-chat-send-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatStartTranscribeButton {
+    disabled: import("@angular/core").InputSignal<boolean>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    readonly MicIcon: import("lucide-angular").LucideIconData;
+    buttonClass: string;
+    get label(): string;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatStartTranscribeButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatStartTranscribeButton, "copilot-chat-start-transcribe-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatCancelTranscribeButton {
+    disabled: import("@angular/core").InputSignal<boolean>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    readonly XIcon: import("lucide-angular").LucideIconData;
+    buttonClass: string;
+    get label(): string;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatCancelTranscribeButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatCancelTranscribeButton, "copilot-chat-cancel-transcribe-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatFinishTranscribeButton {
+    disabled: import("@angular/core").InputSignal<boolean>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    readonly CheckIcon: import("lucide-angular").LucideIconData;
+    buttonClass: string;
+    get label(): string;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatFinishTranscribeButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatFinishTranscribeButton, "copilot-chat-finish-transcribe-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatAddFileButton {
+    disabled: import("@angular/core").InputSignal<boolean>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    readonly PlusIcon: import("lucide-angular").LucideIconData;
+    buttonClass: string;
+    get label(): string;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatAddFileButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatAddFileButton, "copilot-chat-add-file-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+export declare class CopilotChatToolbarButton {
+    disabled: import("@angular/core").WritableSignal<boolean>;
+    variant: import("@angular/core").WritableSignal<"primary" | "secondary">;
+    customClass: import("@angular/core").WritableSignal<string>;
+    title: import("@angular/core").WritableSignal<string>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    computedClass: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatToolbarButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatToolbarButton, "copilot-chat-toolbar-button", never, {}, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}

package/dist/lib/components/chat/copilot-chat-input-defaults.d.ts

@@ -0,0 +1,38 @@
+import { CopilotChatTextarea } from "./copilot-chat-textarea";
+import { CopilotChatAudioRecorder } from "./copilot-chat-audio-recorder";
+import { CopilotChatSendButton, CopilotChatStartTranscribeButton, CopilotChatCancelTranscribeButton, CopilotChatFinishTranscribeButton, CopilotChatAddFileButton } from "./copilot-chat-buttons";
+import { CopilotChatToolbar } from "./copilot-chat-toolbar";
+import { CopilotChatToolsMenu } from "./copilot-chat-tools-menu";
+/**
+ * Default components used by CopilotChatInput.
+ * These can be imported and reused when creating custom slot implementations.
+ *
+ * @example
+ * ```typescript
+ * import { CopilotChatInputDefaults } from '@copilotkitnext/angular';
+ *
+ * @Component({
+  standalone: true,
+*   template: `
+ *     <copilot-chat-input [sendButtonSlot]="CustomSendButton">
+ *     </copilot-chat-input>
+ *   `
+ * })
+ * export class MyComponent {
+ *   CustomSendButton = class extends CopilotChatInputDefaults.SendButton {
+ *     // Custom implementation
+ *   };
+ * }
+ * ```
+ */
+export declare class CopilotChatInputDefaults {
+    static readonly TextArea: typeof CopilotChatTextarea;
+    static readonly AudioRecorder: typeof CopilotChatAudioRecorder;
+    static readonly SendButton: typeof CopilotChatSendButton;
+    static readonly StartTranscribeButton: typeof CopilotChatStartTranscribeButton;
+    static readonly CancelTranscribeButton: typeof CopilotChatCancelTranscribeButton;
+    static readonly FinishTranscribeButton: typeof CopilotChatFinishTranscribeButton;
+    static readonly AddFileButton: typeof CopilotChatAddFileButton;
+    static readonly Toolbar: typeof CopilotChatToolbar;
+    static readonly ToolsMenu: typeof CopilotChatToolsMenu;
+}