@copilotkitnext/angular 0.0.9-alpha.3 → 0.0.11

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

@@ -0,0 +1,133 @@
+import { TemplateRef, AfterViewInit, OnDestroy, Type } from "@angular/core";
+import { CopilotChatTextarea } from "./copilot-chat-textarea";
+import { CopilotChatAudioRecorder } from "./copilot-chat-audio-recorder";
+import { CopilotChatStartTranscribeButton, CopilotChatCancelTranscribeButton, CopilotChatFinishTranscribeButton, CopilotChatAddFileButton } from "./copilot-chat-buttons";
+import { CopilotChatToolbar } from "./copilot-chat-toolbar";
+import { CopilotChatToolsMenu } from "./copilot-chat-tools-menu";
+import type { CopilotChatInputMode, ToolsMenuItem } from "./copilot-chat-input.types";
+import * as i0 from "@angular/core";
+/**
+ * Context provided to slot templates
+ */
+export interface SendButtonContext {
+    send: () => void;
+    disabled: boolean;
+    value: string;
+}
+export interface ToolbarContext {
+    mode: CopilotChatInputMode;
+    value: string;
+}
+export declare class CopilotChatInput implements AfterViewInit, OnDestroy {
+    textAreaRef?: CopilotChatTextarea;
+    audioRecorderRef?: CopilotChatAudioRecorder;
+    sendButtonTemplate?: TemplateRef<SendButtonContext>;
+    toolbarTemplate?: TemplateRef<ToolbarContext>;
+    textAreaTemplate?: TemplateRef<any>;
+    audioRecorderTemplate?: TemplateRef<any>;
+    startTranscribeButtonTemplate?: TemplateRef<any>;
+    cancelTranscribeButtonTemplate?: TemplateRef<any>;
+    finishTranscribeButtonTemplate?: TemplateRef<any>;
+    addFileButtonTemplate?: TemplateRef<any>;
+    toolsButtonTemplate?: TemplateRef<any>;
+    sendButtonClass: import("@angular/core").InputSignal<string>;
+    toolbarClass: import("@angular/core").InputSignal<string>;
+    textAreaClass: import("@angular/core").InputSignal<string>;
+    textAreaMaxRows: import("@angular/core").InputSignal<number>;
+    textAreaPlaceholder: import("@angular/core").InputSignal<string>;
+    audioRecorderClass: import("@angular/core").InputSignal<string>;
+    startTranscribeButtonClass: import("@angular/core").InputSignal<string>;
+    cancelTranscribeButtonClass: import("@angular/core").InputSignal<string>;
+    finishTranscribeButtonClass: import("@angular/core").InputSignal<string>;
+    addFileButtonClass: import("@angular/core").InputSignal<string>;
+    toolsButtonClass: import("@angular/core").InputSignal<string>;
+    sendButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    toolbarComponent: import("@angular/core").InputSignal<Type<any>>;
+    textAreaComponent: import("@angular/core").InputSignal<Type<any>>;
+    audioRecorderComponent: import("@angular/core").InputSignal<Type<any>>;
+    startTranscribeButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    cancelTranscribeButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    finishTranscribeButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    addFileButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    toolsButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    mode: import("@angular/core").InputSignal<CopilotChatInputMode>;
+    toolsMenu: import("@angular/core").InputSignal<(ToolsMenuItem | "-")[]>;
+    autoFocus: import("@angular/core").InputSignal<boolean>;
+    value: import("@angular/core").InputSignal<string>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    additionalToolbarItems: import("@angular/core").InputSignal<TemplateRef<any>>;
+    submitMessage: import("@angular/core").OutputEmitterRef<string>;
+    startTranscribe: import("@angular/core").OutputEmitterRef<void>;
+    cancelTranscribe: import("@angular/core").OutputEmitterRef<void>;
+    finishTranscribe: import("@angular/core").OutputEmitterRef<void>;
+    addFile: import("@angular/core").OutputEmitterRef<void>;
+    valueChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly ArrowUpIcon: import("lucide-angular").LucideIconData;
+    readonly defaultButtonClass: string;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    readonly chatState: import("../../chat-state").ChatState;
+    modeSignal: import("@angular/core").WritableSignal<CopilotChatInputMode>;
+    toolsMenuSignal: import("@angular/core").WritableSignal<(ToolsMenuItem | "-")[]>;
+    autoFocusSignal: import("@angular/core").WritableSignal<boolean>;
+    customClass: import("@angular/core").WritableSignal<string>;
+    defaultAudioRecorder: typeof CopilotChatAudioRecorder;
+    defaultSendButton: any;
+    CopilotChatToolbar: typeof CopilotChatToolbar;
+    CopilotChatAddFileButton: typeof CopilotChatAddFileButton;
+    CopilotChatToolsMenu: typeof CopilotChatToolsMenu;
+    CopilotChatCancelTranscribeButton: typeof CopilotChatCancelTranscribeButton;
+    CopilotChatFinishTranscribeButton: typeof CopilotChatFinishTranscribeButton;
+    CopilotChatStartTranscribeButton: typeof CopilotChatStartTranscribeButton;
+    computedMode: import("@angular/core").Signal<CopilotChatInputMode>;
+    computedToolsMenu: import("@angular/core").Signal<(ToolsMenuItem | "-")[]>;
+    computedAutoFocus: import("@angular/core").Signal<boolean>;
+    computedValue: import("@angular/core").Signal<string>;
+    computedClass: import("@angular/core").Signal<string>;
+    sendButtonContext: import("@angular/core").Signal<SendButtonContext>;
+    toolbarContext: import("@angular/core").Signal<ToolbarContext>;
+    textAreaContext: import("@angular/core").Signal<{
+        value: string;
+        autoFocus: boolean;
+        disabled: boolean;
+        maxRows: number;
+        placeholder: string;
+        inputClass: string;
+        onKeyDown: (event: KeyboardEvent) => void;
+        onChange: (value: string) => void;
+    }>;
+    audioRecorderContext: import("@angular/core").Signal<{
+        inputShowControls: boolean;
+    }>;
+    toolsContext: import("@angular/core").Signal<{
+        inputToolsMenu: (ToolsMenuItem | "-")[];
+        inputDisabled: boolean;
+    }>;
+    constructor();
+    addFileButtonOutputs: {
+        clicked: () => void;
+    };
+    cancelTranscribeButtonOutputs: {
+        clicked: () => void;
+    };
+    finishTranscribeButtonOutputs: {
+        clicked: () => void;
+    };
+    startTranscribeButtonOutputs: {
+        clicked: () => void;
+    };
+    sendButtonOutputs: {
+        clicked: () => void;
+        click: () => void;
+    };
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleValueChange(value: string): void;
+    send(): void;
+    handleStartTranscribe(): void;
+    handleCancelTranscribe(): void;
+    handleFinishTranscribe(): void;
+    handleAddFile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatInput, "copilot-chat-input", never, { "sendButtonClass": { "alias": "sendButtonClass"; "required": false; "isSignal": true; }; "toolbarClass": { "alias": "toolbarClass"; "required": false; "isSignal": true; }; "textAreaClass": { "alias": "textAreaClass"; "required": false; "isSignal": true; }; "textAreaMaxRows": { "alias": "textAreaMaxRows"; "required": false; "isSignal": true; }; "textAreaPlaceholder": { "alias": "textAreaPlaceholder"; "required": false; "isSignal": true; }; "audioRecorderClass": { "alias": "audioRecorderClass"; "required": false; "isSignal": true; }; "startTranscribeButtonClass": { "alias": "startTranscribeButtonClass"; "required": false; "isSignal": true; }; "cancelTranscribeButtonClass": { "alias": "cancelTranscribeButtonClass"; "required": false; "isSignal": true; }; "finishTranscribeButtonClass": { "alias": "finishTranscribeButtonClass"; "required": false; "isSignal": true; }; "addFileButtonClass": { "alias": "addFileButtonClass"; "required": false; "isSignal": true; }; "toolsButtonClass": { "alias": "toolsButtonClass"; "required": false; "isSignal": true; }; "sendButtonComponent": { "alias": "sendButtonComponent"; "required": false; "isSignal": true; }; "toolbarComponent": { "alias": "toolbarComponent"; "required": false; "isSignal": true; }; "textAreaComponent": { "alias": "textAreaComponent"; "required": false; "isSignal": true; }; "audioRecorderComponent": { "alias": "audioRecorderComponent"; "required": false; "isSignal": true; }; "startTranscribeButtonComponent": { "alias": "startTranscribeButtonComponent"; "required": false; "isSignal": true; }; "cancelTranscribeButtonComponent": { "alias": "cancelTranscribeButtonComponent"; "required": false; "isSignal": true; }; "finishTranscribeButtonComponent": { "alias": "finishTranscribeButtonComponent"; "required": false; "isSignal": true; }; "addFileButtonComponent": { "alias": "addFileButtonComponent"; "required": false; "isSignal": true; }; "toolsButtonComponent": { "alias": "toolsButtonComponent"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "toolsMenu": { "alias": "toolsMenu"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "additionalToolbarItems": { "alias": "additionalToolbarItems"; "required": false; "isSignal": true; }; }, { "submitMessage": "submitMessage"; "startTranscribe": "startTranscribe"; "cancelTranscribe": "cancelTranscribe"; "finishTranscribe": "finishTranscribe"; "addFile": "addFile"; "valueChange": "valueChange"; }, ["sendButtonTemplate", "toolbarTemplate", "textAreaTemplate", "audioRecorderTemplate", "startTranscribeButtonTemplate", "cancelTranscribeButtonTemplate", "finishTranscribeButtonTemplate", "addFileButtonTemplate", "toolsButtonTemplate"], never, true, never>;
+}

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

@@ -1,8 +1,8 @@
-import type { Type, TemplateRef } from '@angular/core';
+import type { Type, TemplateRef } from "@angular/core";
 /**
  * Mode of the chat input component
  */
-export type CopilotChatInputMode = 'input' | 'transcribe' | 'processing';
+export type CopilotChatInputMode = "input" | "transcribe" | "processing";
 /**
  * Represents a menu item in the tools menu
  */
@@ -13,12 +13,12 @@ export type ToolsMenuItem = {
     items?: never;
 } | {
     action?: never;
-    items: (ToolsMenuItem | '-')[];
+    items: (ToolsMenuItem | "-")[];
 });
 /**
  * Audio recorder state
  */
-export type AudioRecorderState = 'idle' | 'recording' | 'processing';
+export type AudioRecorderState = "idle" | "recording" | "processing";
 /**
  * Error class for audio recorder failures
  */
@@ -42,7 +42,7 @@ export interface CopilotChatTextareaProps {
     cols?: number;
     readonly?: boolean;
     spellcheck?: boolean;
-    wrap?: 'hard' | 'soft' | 'off';
+    wrap?: "hard" | "soft" | "off";
 }
 /**
  * Props for button components
@@ -52,7 +52,7 @@ export interface CopilotChatButtonProps {
     onClick?: () => void;
     inputClass?: string;
     style?: any;
-    type?: 'button' | 'submit' | 'reset';
+    type?: "button" | "submit" | "reset";
     ariaLabel?: string;
     ariaPressed?: boolean;
     ariaExpanded?: boolean;
@@ -64,13 +64,13 @@ export interface CopilotChatButtonProps {
 export interface CopilotChatToolbarButtonProps extends CopilotChatButtonProps {
     icon?: TemplateRef<any>;
     tooltip?: string;
-    variant?: 'primary' | 'secondary';
+    variant?: "primary" | "secondary";
 }
 /**
  * Props for tools menu button
  */
 export interface CopilotChatToolsButtonProps extends CopilotChatButtonProps {
-    toolsMenu?: (ToolsMenuItem | '-')[];
+    toolsMenu?: (ToolsMenuItem | "-")[];
 }
 /**
  * Props for audio recorder
@@ -88,8 +88,8 @@ export interface CopilotChatAudioRecorderProps {
 export interface CopilotChatToolbarProps {
     inputClass?: string;
     style?: any;
-    position?: 'top' | 'bottom';
-    alignment?: 'left' | 'center' | 'right' | 'space-between';
+    position?: "top" | "bottom";
+    alignment?: "left" | "center" | "right" | "space-between";
 }
 /**
  * Slot configuration for chat input
@@ -110,7 +110,7 @@ export interface CopilotChatInputSlots {
  */
 export interface CopilotChatInputConfig {
     mode?: CopilotChatInputMode;
-    toolsMenu?: (ToolsMenuItem | '-')[];
+    toolsMenu?: (ToolsMenuItem | "-")[];
     autoFocus?: boolean;
     additionalToolbarItems?: TemplateRef<any>;
     value?: string;

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+/**
+ * Cursor component that matches the React implementation exactly.
+ * Shows a pulsing dot animation to indicate activity.
+ */
+export declare class CopilotChatMessageViewCursor {
+    inputClass: import("@angular/core").InputSignal<string>;
+    computedClass: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatMessageViewCursor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatMessageViewCursor, "copilot-chat-message-view-cursor", never, { "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/{components/chat/copilot-chat-message-view.component.d.ts → lib/components/chat/copilot-chat-message-view.d.ts}

@@ -1,51 +1,85 @@
-import { EventEmitter, TemplateRef, Type, OnInit, OnChanges } from '@angular/core';
-import type { Message } from '@ag-ui/core';
-import { CopilotChatAssistantMessageComponent } from './copilot-chat-assistant-message.component';
-import { CopilotChatUserMessageComponent } from './copilot-chat-user-message.component';
-import { CopilotChatMessageViewCursorComponent } from './copilot-chat-message-view-cursor.component';
+import { TemplateRef, Type } from "@angular/core";
+import type { Message } from "@ag-ui/core";
+import { CopilotChatAssistantMessage } from "./copilot-chat-assistant-message";
+import { CopilotChatUserMessage } from "./copilot-chat-user-message";
+import { CopilotChatMessageViewCursor } from "./copilot-chat-message-view-cursor";
 import * as i0 from "@angular/core";
 /**
  * CopilotChatMessageView component - Angular port of the React component.
  * Renders a list of chat messages with support for custom slots and layouts.
  * DOM structure and Tailwind classes match the React implementation exactly.
  */
-export declare class CopilotChatMessageViewComponent implements OnInit, OnChanges {
-    messages: Message[];
-    showCursor: boolean;
-    isLoading: boolean;
-    inputClass?: string;
-    assistantMessageComponent?: Type<any>;
-    assistantMessageTemplate?: TemplateRef<any>;
-    assistantMessageClass?: string;
-    userMessageComponent?: Type<any>;
-    userMessageTemplate?: TemplateRef<any>;
-    userMessageClass?: string;
-    cursorComponent?: Type<any>;
-    cursorTemplate?: TemplateRef<any>;
-    cursorClass?: string;
+export declare class CopilotChatMessageView {
+    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;
+    })[]>;
+    showCursor: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    assistantMessageComponent: import("@angular/core").InputSignal<Type<any>>;
+    assistantMessageTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    assistantMessageClass: import("@angular/core").InputSignal<string>;
+    userMessageComponent: import("@angular/core").InputSignal<Type<any>>;
+    userMessageTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    userMessageClass: import("@angular/core").InputSignal<string>;
+    cursorComponent: import("@angular/core").InputSignal<Type<any>>;
+    cursorTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    cursorClass: import("@angular/core").InputSignal<string>;
     customLayoutTemplate?: TemplateRef<any>;
-    assistantMessageThumbsUp: EventEmitter<{
+    assistantMessageThumbsUp: import("@angular/core").OutputEmitterRef<{
         message: Message;
     }>;
-    assistantMessageThumbsDown: EventEmitter<{
+    assistantMessageThumbsDown: import("@angular/core").OutputEmitterRef<{
         message: Message;
     }>;
-    assistantMessageReadAloud: EventEmitter<{
+    assistantMessageReadAloud: import("@angular/core").OutputEmitterRef<{
         message: Message;
     }>;
-    assistantMessageRegenerate: EventEmitter<{
+    assistantMessageRegenerate: import("@angular/core").OutputEmitterRef<{
         message: Message;
     }>;
-    userMessageCopy: EventEmitter<{
+    userMessageCopy: import("@angular/core").OutputEmitterRef<{
         message: Message;
     }>;
-    userMessageEdit: EventEmitter<{
+    userMessageEdit: import("@angular/core").OutputEmitterRef<{
         message: Message;
     }>;
-    protected readonly defaultAssistantComponent: typeof CopilotChatAssistantMessageComponent;
-    protected readonly defaultUserComponent: typeof CopilotChatUserMessageComponent;
-    protected readonly defaultCursorComponent: typeof CopilotChatMessageViewCursorComponent;
-    protected messagesSignal: import("@angular/core").WritableSignal<({
+    protected readonly defaultAssistantComponent: typeof CopilotChatAssistantMessage;
+    protected readonly defaultUserComponent: typeof CopilotChatUserMessage;
+    protected readonly defaultCursorComponent: typeof CopilotChatMessageViewCursor;
+    protected messagesValue: import("@angular/core").Signal<({
         id: string;
         role: "developer";
         content: string;
@@ -80,9 +114,8 @@ export declare class CopilotChatMessageViewComponent implements OnInit, OnChange
         toolCallId: string;
         error?: string;
     })[]>;
-    protected showCursorSignal: import("@angular/core").WritableSignal<boolean>;
-    protected isLoadingSignal: import("@angular/core").WritableSignal<boolean>;
-    protected inputClassSignal: import("@angular/core").WritableSignal<string>;
+    protected showCursorValue: import("@angular/core").Signal<boolean>;
+    protected isLoadingValue: import("@angular/core").Signal<boolean>;
     computedClass: import("@angular/core").Signal<string>;
     layoutContext: import("@angular/core").Signal<{
         isLoading: boolean;
@@ -274,8 +307,7 @@ export declare class CopilotChatMessageViewComponent implements OnInit, OnChange
         inputClass: string;
     };
     trackByMessageId(index: number, message: Message): string;
-    ngOnInit(): void;
-    ngOnChanges(): void;
+    constructor();
     handleAssistantThumbsUp(event: {
         message: Message;
     }): void;
@@ -288,6 +320,6 @@ export declare class CopilotChatMessageViewComponent implements OnInit, OnChange
     handleAssistantRegenerate(event: {
         message: Message;
     }): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatMessageViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatMessageViewComponent, "copilot-chat-message-view", never, { "messages": { "alias": "messages"; "required": false; }; "showCursor": { "alias": "showCursor"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; "assistantMessageComponent": { "alias": "assistantMessageComponent"; "required": false; }; "assistantMessageTemplate": { "alias": "assistantMessageTemplate"; "required": false; }; "assistantMessageClass": { "alias": "assistantMessageClass"; "required": false; }; "userMessageComponent": { "alias": "userMessageComponent"; "required": false; }; "userMessageTemplate": { "alias": "userMessageTemplate"; "required": false; }; "userMessageClass": { "alias": "userMessageClass"; "required": false; }; "cursorComponent": { "alias": "cursorComponent"; "required": false; }; "cursorTemplate": { "alias": "cursorTemplate"; "required": false; }; "cursorClass": { "alias": "cursorClass"; "required": false; }; }, { "assistantMessageThumbsUp": "assistantMessageThumbsUp"; "assistantMessageThumbsDown": "assistantMessageThumbsDown"; "assistantMessageReadAloud": "assistantMessageReadAloud"; "assistantMessageRegenerate": "assistantMessageRegenerate"; "userMessageCopy": "userMessageCopy"; "userMessageEdit": "userMessageEdit"; }, ["customLayoutTemplate"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatMessageView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatMessageView, "copilot-chat-message-view", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "assistantMessageComponent": { "alias": "assistantMessageComponent"; "required": false; "isSignal": true; }; "assistantMessageTemplate": { "alias": "assistantMessageTemplate"; "required": false; "isSignal": true; }; "assistantMessageClass": { "alias": "assistantMessageClass"; "required": false; "isSignal": true; }; "userMessageComponent": { "alias": "userMessageComponent"; "required": false; "isSignal": true; }; "userMessageTemplate": { "alias": "userMessageTemplate"; "required": false; "isSignal": true; }; "userMessageClass": { "alias": "userMessageClass"; "required": false; "isSignal": true; }; "cursorComponent": { "alias": "cursorComponent"; "required": false; "isSignal": true; }; "cursorTemplate": { "alias": "cursorTemplate"; "required": false; "isSignal": true; }; "cursorClass": { "alias": "cursorClass"; "required": false; "isSignal": true; }; }, { "assistantMessageThumbsUp": "assistantMessageThumbsUp"; "assistantMessageThumbsDown": "assistantMessageThumbsDown"; "assistantMessageReadAloud": "assistantMessageReadAloud"; "assistantMessageRegenerate": "assistantMessageRegenerate"; "userMessageCopy": "userMessageCopy"; "userMessageEdit": "userMessageEdit"; }, ["customLayoutTemplate"], never, true, never>;
 }

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

@@ -1,5 +1,5 @@
-import { Message } from '@ag-ui/client';
-import { Type, TemplateRef } from '@angular/core';
+import { Message } from "@ag-ui/client";
+import { Type, TemplateRef } from "@angular/core";
 export interface MessageViewContext {
     showCursor: boolean;
     messages: Message[];

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

@@ -0,0 +1,41 @@
+import { ElementRef, AfterViewInit } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class CopilotChatTextarea implements AfterViewInit {
+    private elementRef;
+    get textareaRef(): ElementRef<any>;
+    inputValue: import("@angular/core").InputSignal<string>;
+    inputPlaceholder: import("@angular/core").InputSignal<string>;
+    inputMaxRows: import("@angular/core").InputSignal<number>;
+    inputAutoFocus: import("@angular/core").InputSignal<boolean>;
+    inputDisabled: import("@angular/core").InputSignal<boolean>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    valueChange: import("@angular/core").OutputEmitterRef<string>;
+    keyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly chatLabels: import("../../chat-config").CopilotChatLabels;
+    readonly chatState: import("../../chat-state").ChatState;
+    maxHeight: import("@angular/core").WritableSignal<number>;
+    computedValue: import("@angular/core").Signal<string>;
+    placeholder: import("@angular/core").Signal<string>;
+    disabled: import("@angular/core").Signal<boolean>;
+    computedClass: import("@angular/core").Signal<string>;
+    constructor();
+    ngAfterViewInit(): void;
+    onInput(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private calculateMaxHeight;
+    private adjustHeight;
+    /**
+     * Public method to focus the textarea
+     */
+    focus(): void;
+    /**
+     * Public method to get current value
+     */
+    getValue(): string;
+    /**
+     * Public method to set value programmatically
+     */
+    setValue(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatTextarea, "textarea[copilotChatTextarea]", never, { "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; "isSignal": true; }; "inputMaxRows": { "alias": "inputMaxRows"; "required": false; "isSignal": true; }; "inputAutoFocus": { "alias": "inputAutoFocus"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "keyDown": "keyDown"; }, never, never, true, never>;
+}

package/dist/lib/components/chat/copilot-chat-tool-calls-view.d.ts

@@ -0,0 +1,55 @@
+import * as i0 from "@angular/core";
+export declare class CopilotChatToolCallsView {
+    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatToolCallsView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatToolCallsView, "copilot-chat-tool-calls-view", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "messages": { "alias": "messages"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

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

package/dist/lib/components/chat/copilot-chat-tools-menu.d.ts

@@ -0,0 +1,20 @@
+import type { ToolsMenuItem } from "./copilot-chat-input.types";
+import * as i0 from "@angular/core";
+export declare class CopilotChatToolsMenu {
+    readonly Settings2Icon: import("lucide-angular").LucideIconData;
+    readonly ChevronRightIcon: import("lucide-angular").LucideIconData;
+    inputToolsMenu: import("@angular/core").InputSignal<(ToolsMenuItem | "-")[]>;
+    inputDisabled: import("@angular/core").InputSignal<boolean>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    private labels;
+    toolsMenu: import("@angular/core").Signal<(ToolsMenuItem | "-")[]>;
+    disabled: import("@angular/core").Signal<boolean>;
+    customClass: import("@angular/core").Signal<string>;
+    hasItems: import("@angular/core").Signal<boolean>;
+    readonly label: string;
+    buttonClass: import("@angular/core").Signal<string>;
+    isMenuItem(item: any): item is ToolsMenuItem;
+    handleItemClick(item: ToolsMenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatToolsMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatToolsMenu, "copilot-chat-tools-menu", never, { "inputToolsMenu": { "alias": "inputToolsMenu"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/chat/copilot-chat-user-message-branch-navigation.d.ts

@@ -0,0 +1,20 @@
+import { type UserMessage, type CopilotChatUserMessageOnSwitchToBranchProps } from "./copilot-chat-user-message.types";
+import * as i0 from "@angular/core";
+export declare class CopilotChatUserMessageBranchNavigation {
+    currentBranch: import("@angular/core").InputSignal<number>;
+    numberOfBranches: import("@angular/core").InputSignal<number>;
+    message: import("@angular/core").InputSignal<UserMessage>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    switchToBranch: import("@angular/core").OutputEmitterRef<CopilotChatUserMessageOnSwitchToBranchProps>;
+    readonly ChevronLeftIcon: import("lucide-angular").LucideIconData;
+    readonly ChevronRightIcon: import("lucide-angular").LucideIconData;
+    readonly buttonClass: string;
+    showNavigation: import("@angular/core").Signal<boolean>;
+    canGoPrev: import("@angular/core").Signal<boolean>;
+    canGoNext: import("@angular/core").Signal<boolean>;
+    computedClass: import("@angular/core").Signal<string>;
+    handlePrevious(): void;
+    handleNext(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatUserMessageBranchNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatUserMessageBranchNavigation, "copilot-chat-user-message-branch-navigation", never, { "currentBranch": { "alias": "currentBranch"; "required": false; "isSignal": true; }; "numberOfBranches": { "alias": "numberOfBranches"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "switchToBranch": "switchToBranch"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/tooltip";
+export declare class CopilotChatUserMessageToolbarButton {
+    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<CopilotChatUserMessageToolbarButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatUserMessageToolbarButton, "button[copilotChatUserMessageToolbarButton]", 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 CopilotChatUserMessageCopyButton {
+    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(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatUserMessageCopyButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatUserMessageCopyButton, "copilot-chat-user-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 CopilotChatUserMessageEditButton {
+    title: import("@angular/core").InputSignal<string>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly EditIcon: import("lucide-angular").LucideIconData;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    handleEdit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatUserMessageEditButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatUserMessageEditButton, "copilot-chat-user-message-edit-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-user-message-renderer.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class CopilotChatUserMessageRenderer {
+    readonly content: import("@angular/core").InputSignal<string>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly computedClass: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatUserMessageRenderer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatUserMessageRenderer, "copilot-chat-user-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-user-message-toolbar.d.ts

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