@copilotkitnext/angular 0.0.9-alpha.2 → 0.0.10

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

@@ -0,0 +1,55 @@
+import { TemplateRef, Type } from "@angular/core";
+import { type UserMessage, type CopilotChatUserMessageOnEditMessageProps, type CopilotChatUserMessageOnSwitchToBranchProps, type MessageRendererContext, type CopyButtonContext, type EditButtonContext, type BranchNavigationContext, type UserMessageToolbarContext } from "./copilot-chat-user-message.types";
+import { CopilotChatUserMessageRenderer } from "./copilot-chat-user-message-renderer";
+import { CopilotChatUserMessageCopyButton, CopilotChatUserMessageEditButton } from "./copilot-chat-user-message-buttons";
+import { CopilotChatUserMessageToolbar } from "./copilot-chat-user-message-toolbar";
+import { CopilotChatUserMessageBranchNavigation } from "./copilot-chat-user-message-branch-navigation";
+import * as i0 from "@angular/core";
+export declare class CopilotChatUserMessage {
+    messageRendererTemplate?: TemplateRef<MessageRendererContext>;
+    toolbarTemplate?: TemplateRef<UserMessageToolbarContext>;
+    copyButtonTemplate?: TemplateRef<CopyButtonContext>;
+    editButtonTemplate?: TemplateRef<EditButtonContext>;
+    branchNavigationTemplate?: TemplateRef<BranchNavigationContext>;
+    messageRendererClass: import("@angular/core").InputSignal<string>;
+    toolbarClass: import("@angular/core").InputSignal<string>;
+    copyButtonClass: import("@angular/core").InputSignal<string>;
+    editButtonClass: import("@angular/core").InputSignal<string>;
+    branchNavigationClass: import("@angular/core").InputSignal<string>;
+    messageRendererComponent: import("@angular/core").InputSignal<Type<any>>;
+    toolbarComponent: import("@angular/core").InputSignal<Type<any>>;
+    copyButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    editButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    branchNavigationComponent: import("@angular/core").InputSignal<Type<any>>;
+    message: import("@angular/core").InputSignal<UserMessage>;
+    branchIndex: import("@angular/core").InputSignal<number>;
+    numberOfBranches: import("@angular/core").InputSignal<number>;
+    additionalToolbarItems: import("@angular/core").InputSignal<TemplateRef<any>>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    editMessage: import("@angular/core").OutputEmitterRef<CopilotChatUserMessageOnEditMessageProps>;
+    switchToBranch: import("@angular/core").OutputEmitterRef<CopilotChatUserMessageOnSwitchToBranchProps>;
+    branchIndexValue: import("@angular/core").Signal<number>;
+    numberOfBranchesValue: import("@angular/core").Signal<number>;
+    CopilotChatUserMessageRenderer: typeof CopilotChatUserMessageRenderer;
+    CopilotChatUserMessageToolbar: typeof CopilotChatUserMessageToolbar;
+    CopilotChatUserMessageCopyButton: typeof CopilotChatUserMessageCopyButton;
+    CopilotChatUserMessageEditButton: typeof CopilotChatUserMessageEditButton;
+    CopilotChatUserMessageBranchNavigation: typeof CopilotChatUserMessageBranchNavigation;
+    showBranchNavigation: import("@angular/core").Signal<boolean>;
+    computedClass: import("@angular/core").Signal<string>;
+    messageRendererContext: import("@angular/core").Signal<MessageRendererContext>;
+    copyButtonOutputs: {
+        clicked: () => void;
+    };
+    editButtonOutputs: {
+        clicked: () => void;
+    };
+    branchNavigationContext: import("@angular/core").Signal<BranchNavigationContext>;
+    toolbarContext: import("@angular/core").Signal<UserMessageToolbarContext>;
+    handleCopy(): void;
+    handleEdit(): void;
+    handleSwitchToBranch(props: CopilotChatUserMessageOnSwitchToBranchProps): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatUserMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatUserMessage, "copilot-chat-user-message", never, { "messageRendererClass": { "alias": "messageRendererClass"; "required": false; "isSignal": true; }; "toolbarClass": { "alias": "toolbarClass"; "required": false; "isSignal": true; }; "copyButtonClass": { "alias": "copyButtonClass"; "required": false; "isSignal": true; }; "editButtonClass": { "alias": "editButtonClass"; "required": false; "isSignal": true; }; "branchNavigationClass": { "alias": "branchNavigationClass"; "required": false; "isSignal": true; }; "messageRendererComponent": { "alias": "messageRendererComponent"; "required": false; "isSignal": true; }; "toolbarComponent": { "alias": "toolbarComponent"; "required": false; "isSignal": true; }; "copyButtonComponent": { "alias": "copyButtonComponent"; "required": false; "isSignal": true; }; "editButtonComponent": { "alias": "editButtonComponent"; "required": false; "isSignal": true; }; "branchNavigationComponent": { "alias": "branchNavigationComponent"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "branchIndex": { "alias": "branchIndex"; "required": false; "isSignal": true; }; "numberOfBranches": { "alias": "numberOfBranches"; "required": false; "isSignal": true; }; "additionalToolbarItems": { "alias": "additionalToolbarItems"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "editMessage": "editMessage"; "switchToBranch": "switchToBranch"; }, ["messageRendererTemplate", "toolbarTemplate", "copyButtonTemplate", "editButtonTemplate", "branchNavigationTemplate"], never, true, never>;
+}

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

@@ -1,7 +1,7 @@
 export interface UserMessage {
     id: string;
     content?: string;
-    role: 'user';
+    role: "user";
     timestamp?: Date;
     [key: string]: any;
 }
@@ -28,6 +28,6 @@ export interface BranchNavigationContext {
     onSwitchToBranch?: (props: CopilotChatUserMessageOnSwitchToBranchProps) => void;
     message: UserMessage;
 }
-export interface ToolbarContext {
+export interface UserMessageToolbarContext {
     children?: any;
 }

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

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ * Disclaimer component for CopilotChatView
+ * Shows configurable disclaimer text below the input
+ * Integrates with CopilotChatConfigurationService for labels
+ */
+export declare class CopilotChatViewDisclaimer {
+    inputClass: import("@angular/core").InputSignal<string>;
+    text: import("@angular/core").InputSignal<string>;
+    readonly labels: import("../../chat-config").CopilotChatLabels;
+    get disclaimerText(): string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewDisclaimer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewDisclaimer, "copilot-chat-view-disclaimer", never, { "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -4,12 +4,12 @@ import * as i0 from "@angular/core";
  * Creates a gradient overlay effect between messages and input
  * Matches React implementation exactly with same Tailwind classes
  */
-export declare class CopilotChatViewFeatherComponent {
-    inputClass?: string;
-    style?: {
+export declare class CopilotChatViewFeather {
+    inputClass: import("@angular/core").InputSignal<string>;
+    style: import("@angular/core").InputSignal<{
         [key: string]: any;
-    };
+    }>;
     get computedClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewFeatherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewFeatherComponent, "copilot-chat-view-feather", never, { "inputClass": { "alias": "inputClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewFeather, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewFeather, "copilot-chat-view-feather", never, { "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/dist/{components/chat/copilot-chat-view-handlers.service.d.ts → lib/components/chat/copilot-chat-view-handlers.d.ts}

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-export declare class CopilotChatViewHandlersService {
+export declare class CopilotChatViewHandlers {
     hasAssistantThumbsUpHandler: import("@angular/core").WritableSignal<boolean>;
     hasAssistantThumbsDownHandler: import("@angular/core").WritableSignal<boolean>;
     hasAssistantReadAloudHandler: import("@angular/core").WritableSignal<boolean>;
     hasAssistantRegenerateHandler: import("@angular/core").WritableSignal<boolean>;
     hasUserCopyHandler: import("@angular/core").WritableSignal<boolean>;
     hasUserEditHandler: import("@angular/core").WritableSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewHandlersService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CopilotChatViewHandlersService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewHandlers, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CopilotChatViewHandlers>;
 }

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

@@ -0,0 +1,23 @@
+import { ElementRef } from "@angular/core";
+import { CopilotChatInput } from "./copilot-chat-input";
+import { CopilotChatViewDisclaimer } from "./copilot-chat-view-disclaimer";
+import * as i0 from "@angular/core";
+/**
+ * InputContainer component for CopilotChatView
+ * Container for input and disclaimer components
+ * Uses ForwardRef for DOM access
+ */
+export declare class CopilotChatViewInputContainer extends ElementRef {
+    inputContainerClass: import("@angular/core").InputSignal<string>;
+    input: import("@angular/core").InputSignal<any>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    disclaimer: import("@angular/core").InputSignal<any>;
+    disclaimerText: import("@angular/core").InputSignal<string>;
+    disclaimerClass: import("@angular/core").InputSignal<string>;
+    protected readonly defaultInputComponent: typeof CopilotChatInput;
+    protected readonly defaultDisclaimerComponent: typeof CopilotChatViewDisclaimer;
+    constructor(elementRef: ElementRef);
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewInputContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewInputContainer, "copilot-chat-view-input-container", never, { "inputContainerClass": { "alias": "inputContainerClass"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "disclaimer": { "alias": "disclaimer"; "required": false; "isSignal": true; }; "disclaimerText": { "alias": "disclaimerText"; "required": false; "isSignal": true; }; "disclaimerClass": { "alias": "disclaimerClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/chat/copilot-chat-view-scroll-to-bottom-button.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+/**
+ * ScrollToBottomButton component for CopilotChatView
+ * Matches React implementation exactly with same Tailwind classes
+ */
+export declare class CopilotChatViewScrollToBottomButton {
+    inputClass: import("@angular/core").InputSignal<string>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    onClick: import("@angular/core").InputSignal<() => void>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly ChevronDown: import("lucide-angular").LucideIconData;
+    get computedClass(): string;
+    handleClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewScrollToBottomButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewScrollToBottomButton, "copilot-chat-view-scroll-to-bottom-button", never, { "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "onClick": { "alias": "onClick"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,114 @@
+import { ElementRef, OnInit, AfterViewInit, OnDestroy } from "@angular/core";
+import { CopilotChatMessageView } from "./copilot-chat-message-view";
+import { CopilotChatViewScrollToBottomButton } from "./copilot-chat-view-scroll-to-bottom-button";
+import { StickToBottom } from "../../directives/stick-to-bottom";
+import { Message } from "@ag-ui/client";
+import * as i0 from "@angular/core";
+/**
+ * ScrollView component for CopilotChatView
+ * Handles auto-scrolling and scroll position management
+ */
+export declare class CopilotChatViewScrollView implements OnInit, AfterViewInit, OnDestroy {
+    private cdr;
+    autoScroll: import("@angular/core").InputSignal<boolean>;
+    inputContainerHeight: import("@angular/core").InputSignal<number>;
+    isResizing: import("@angular/core").InputSignal<boolean>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    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;
+    })[]>;
+    messageView: import("@angular/core").InputSignal<any>;
+    messageViewClass: import("@angular/core").InputSignal<string>;
+    showCursor: import("@angular/core").InputSignal<boolean>;
+    scrollToBottomButton: import("@angular/core").InputSignal<any>;
+    scrollToBottomButtonClass: import("@angular/core").InputSignal<string>;
+    assistantMessageThumbsUp: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    assistantMessageThumbsDown: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    assistantMessageReadAloud: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    assistantMessageRegenerate: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    userMessageCopy: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    userMessageEdit: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    scrollContainer?: ElementRef<HTMLElement>;
+    contentContainer?: ElementRef<HTMLElement>;
+    stickToBottomDirective?: StickToBottom;
+    protected readonly defaultMessageViewComponent: typeof CopilotChatMessageView;
+    protected readonly defaultScrollToBottomButtonComponent: typeof CopilotChatViewScrollToBottomButton;
+    protected hasMounted: import("@angular/core").WritableSignal<boolean>;
+    protected showScrollButton: import("@angular/core").WritableSignal<boolean>;
+    protected isAtBottom: import("@angular/core").WritableSignal<boolean>;
+    protected paddingBottom: import("@angular/core").Signal<number>;
+    protected computedClass: import("@angular/core").Signal<string>;
+    private destroy$;
+    private platformId;
+    private scrollPositionService;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * Handle isAtBottom change from StickToBottom directive
+     */
+    onIsAtBottomChange(isAtBottom: boolean): void;
+    /**
+     * Scroll to bottom for manual mode
+     */
+    scrollToBottom(): void;
+    /**
+     * Scroll to bottom for stick-to-bottom mode
+     */
+    scrollToBottomFromStick(): void;
+    ngOnDestroy(): void;
+    scrollToBottomOutputs: {
+        clicked: () => void;
+    };
+    scrollToBottomFromStickOutputs: {
+        clicked: () => void;
+    };
+    messageViewContext(): any;
+    scrollToBottomContext(): any;
+    scrollToBottomFromStickContext(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewScrollView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewScrollView, "copilot-chat-view-scroll-view", never, { "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; "inputContainerHeight": { "alias": "inputContainerHeight"; "required": false; "isSignal": true; }; "isResizing": { "alias": "isResizing"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "messageView": { "alias": "messageView"; "required": false; "isSignal": true; }; "messageViewClass": { "alias": "messageViewClass"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; "scrollToBottomButton": { "alias": "scrollToBottomButton"; "required": false; "isSignal": true; }; "scrollToBottomButtonClass": { "alias": "scrollToBottomButtonClass"; "required": false; "isSignal": true; }; }, { "assistantMessageThumbsUp": "assistantMessageThumbsUp"; "assistantMessageThumbsDown": "assistantMessageThumbsDown"; "assistantMessageReadAloud": "assistantMessageReadAloud"; "assistantMessageRegenerate": "assistantMessageRegenerate"; "userMessageCopy": "userMessageCopy"; "userMessageEdit": "userMessageEdit"; }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,239 @@
+import { TemplateRef, Type, ElementRef, ChangeDetectorRef, OnInit, OnChanges, OnDestroy, AfterViewInit } from "@angular/core";
+import { CopilotChatViewScrollView } from "./copilot-chat-view-scroll-view";
+import { CopilotChatViewScrollToBottomButton } from "./copilot-chat-view-scroll-to-bottom-button";
+import { CopilotChatViewFeather } from "./copilot-chat-view-feather";
+import { CopilotChatViewInputContainer } from "./copilot-chat-view-input-container";
+import { CopilotChatViewDisclaimer } from "./copilot-chat-view-disclaimer";
+import { Message } from "@ag-ui/client";
+import { ResizeObserverService } from "../../resize-observer";
+import { CopilotChatViewHandlers } from "./copilot-chat-view-handlers";
+import * as i0 from "@angular/core";
+/**
+ * CopilotChatView component - Angular port of the React component.
+ * A complete chat interface with message feed and input components.
+ *
+ * @example
+ * ```html
+ * <copilot-chat-view
+ *   [messages]="messages"
+ *   [autoScroll]="true"
+ *   [messageViewProps]="{ assistantMessage: { onThumbsUp: handleThumbsUp } }">
+ * </copilot-chat-view>
+ * ```
+ */
+export declare class CopilotChatView implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    private resizeObserverService;
+    private cdr;
+    private handlers;
+    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;
+    })[]>;
+    autoScroll: import("@angular/core").InputSignal<boolean>;
+    showCursor: import("@angular/core").InputSignal<boolean>;
+    messageViewComponent: import("@angular/core").InputSignal<Type<any>>;
+    messageViewTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    messageViewClass: import("@angular/core").InputSignal<string>;
+    scrollViewComponent: import("@angular/core").InputSignal<Type<any>>;
+    scrollViewTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    scrollViewClass: import("@angular/core").InputSignal<string>;
+    scrollToBottomButtonComponent: import("@angular/core").InputSignal<Type<any>>;
+    scrollToBottomButtonTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    scrollToBottomButtonClass: import("@angular/core").InputSignal<string>;
+    inputComponent: import("@angular/core").InputSignal<Type<any>>;
+    inputTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    inputContainerComponent: import("@angular/core").InputSignal<Type<any>>;
+    inputContainerTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    inputContainerClass: import("@angular/core").InputSignal<string>;
+    featherComponent: import("@angular/core").InputSignal<Type<any>>;
+    featherTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    featherClass: import("@angular/core").InputSignal<string>;
+    disclaimerComponent: import("@angular/core").InputSignal<Type<any>>;
+    disclaimerTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    disclaimerClass: import("@angular/core").InputSignal<string>;
+    disclaimerText: import("@angular/core").InputSignal<string>;
+    customLayoutTemplate?: TemplateRef<any>;
+    sendButtonTemplate?: TemplateRef<any>;
+    toolbarTemplate?: TemplateRef<any>;
+    textAreaTemplate?: TemplateRef<any>;
+    audioRecorderTemplate?: TemplateRef<any>;
+    assistantMessageMarkdownRendererTemplate?: TemplateRef<any>;
+    thumbsUpButtonTemplate?: TemplateRef<any>;
+    thumbsDownButtonTemplate?: TemplateRef<any>;
+    readAloudButtonTemplate?: TemplateRef<any>;
+    regenerateButtonTemplate?: TemplateRef<any>;
+    assistantMessageThumbsUp: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    assistantMessageThumbsDown: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    assistantMessageReadAloud: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    assistantMessageRegenerate: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    userMessageCopy: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    userMessageEdit: import("@angular/core").OutputEmitterRef<{
+        message: Message;
+    }>;
+    inputContainerSlotRef?: ElementRef;
+    protected readonly defaultScrollViewComponent: typeof CopilotChatViewScrollView;
+    protected readonly defaultScrollToBottomButtonComponent: typeof CopilotChatViewScrollToBottomButton;
+    protected readonly defaultInputContainerComponent: typeof CopilotChatViewInputContainer;
+    protected readonly defaultFeatherComponent: typeof CopilotChatViewFeather;
+    protected readonly defaultDisclaimerComponent: typeof CopilotChatViewDisclaimer;
+    protected messagesValue: import("@angular/core").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;
+    })[]>;
+    protected autoScrollSignal: import("@angular/core").Signal<boolean>;
+    protected showCursorSignal: import("@angular/core").Signal<boolean>;
+    protected disclaimerTextSignal: import("@angular/core").Signal<string>;
+    protected disclaimerClassSignal: import("@angular/core").Signal<string>;
+    protected inputContainerHeight: import("@angular/core").WritableSignal<number>;
+    protected isResizing: import("@angular/core").WritableSignal<boolean>;
+    protected contentPaddingBottom: import("@angular/core").Signal<number>;
+    protected computedClass: import("@angular/core").Signal<string>;
+    protected messageViewSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected scrollViewSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected scrollToBottomButtonSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected inputSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected inputContainerSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected featherSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected disclaimerSlot: import("@angular/core").Signal<Type<any> | TemplateRef<any>>;
+    protected scrollViewContext: import("@angular/core").Signal<{
+        autoScroll: boolean;
+        scrollToBottomButton: Type<any> | TemplateRef<any>;
+        scrollToBottomButtonClass: string;
+        inputContainerHeight: number;
+        isResizing: boolean;
+        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;
+        })[];
+        messageView: Type<any> | TemplateRef<any>;
+        messageViewClass: string;
+    }>;
+    protected inputContainerContext: import("@angular/core").Signal<{
+        input: Type<any> | TemplateRef<any>;
+        disclaimer: Type<any> | TemplateRef<any>;
+        disclaimerText: string;
+        disclaimerClass: string;
+        inputContainerClass: string;
+    }>;
+    protected layoutContext: import("@angular/core").Signal<{
+        messageView: Type<any> | TemplateRef<any>;
+        input: Type<any> | TemplateRef<any>;
+        scrollView: Type<any> | TemplateRef<any>;
+        scrollToBottomButton: Type<any> | TemplateRef<any>;
+        feather: Type<any> | TemplateRef<any>;
+        inputContainer: Type<any> | TemplateRef<any>;
+        disclaimer: Type<any> | TemplateRef<any>;
+    }>;
+    private destroy$;
+    private resizeTimeoutRef?;
+    constructor(resizeObserverService: ResizeObserverService, cdr: ChangeDetectorRef, handlers: CopilotChatViewHandlers);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatView, "copilot-chat-view", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; "messageViewComponent": { "alias": "messageViewComponent"; "required": false; "isSignal": true; }; "messageViewTemplate": { "alias": "messageViewTemplate"; "required": false; "isSignal": true; }; "messageViewClass": { "alias": "messageViewClass"; "required": false; "isSignal": true; }; "scrollViewComponent": { "alias": "scrollViewComponent"; "required": false; "isSignal": true; }; "scrollViewTemplate": { "alias": "scrollViewTemplate"; "required": false; "isSignal": true; }; "scrollViewClass": { "alias": "scrollViewClass"; "required": false; "isSignal": true; }; "scrollToBottomButtonComponent": { "alias": "scrollToBottomButtonComponent"; "required": false; "isSignal": true; }; "scrollToBottomButtonTemplate": { "alias": "scrollToBottomButtonTemplate"; "required": false; "isSignal": true; }; "scrollToBottomButtonClass": { "alias": "scrollToBottomButtonClass"; "required": false; "isSignal": true; }; "inputComponent": { "alias": "inputComponent"; "required": false; "isSignal": true; }; "inputTemplate": { "alias": "inputTemplate"; "required": false; "isSignal": true; }; "inputContainerComponent": { "alias": "inputContainerComponent"; "required": false; "isSignal": true; }; "inputContainerTemplate": { "alias": "inputContainerTemplate"; "required": false; "isSignal": true; }; "inputContainerClass": { "alias": "inputContainerClass"; "required": false; "isSignal": true; }; "featherComponent": { "alias": "featherComponent"; "required": false; "isSignal": true; }; "featherTemplate": { "alias": "featherTemplate"; "required": false; "isSignal": true; }; "featherClass": { "alias": "featherClass"; "required": false; "isSignal": true; }; "disclaimerComponent": { "alias": "disclaimerComponent"; "required": false; "isSignal": true; }; "disclaimerTemplate": { "alias": "disclaimerTemplate"; "required": false; "isSignal": true; }; "disclaimerClass": { "alias": "disclaimerClass"; "required": false; "isSignal": true; }; "disclaimerText": { "alias": "disclaimerText"; "required": false; "isSignal": true; }; }, { "assistantMessageThumbsUp": "assistantMessageThumbsUp"; "assistantMessageThumbsDown": "assistantMessageThumbsDown"; "assistantMessageReadAloud": "assistantMessageReadAloud"; "assistantMessageRegenerate": "assistantMessageRegenerate"; "userMessageCopy": "userMessageCopy"; "userMessageEdit": "userMessageEdit"; }, ["customLayoutTemplate", "sendButtonTemplate", "toolbarTemplate", "textAreaTemplate", "audioRecorderTemplate", "assistantMessageMarkdownRendererTemplate", "thumbsUpButtonTemplate", "thumbsDownButtonTemplate", "readAloudButtonTemplate", "regenerateButtonTemplate"], never, true, never>;
+}

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

@@ -1,5 +1,5 @@
-import { Type, TemplateRef } from '@angular/core';
-import { Message } from '@ag-ui/client';
+import { Type, TemplateRef } from "@angular/core";
+import { Message } from "@ag-ui/client";
 /**
  * Props for CopilotChatView component
  */

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

@@ -0,0 +1,67 @@
+import { ChangeDetectorRef, Injector, Type } from "@angular/core";
+import { ChatState } from "../../chat-state";
+import * as i0 from "@angular/core";
+/**
+ * CopilotChat component - Angular equivalent of React's <CopilotChat>
+ * Provides a complete chat interface that wires an agent to the chat view
+ *
+ * @example
+ * ```html
+ * <copilot-chat [agentId]="'default'" [threadId]="'abc123'"></copilot-chat>
+ * ```
+ */
+export declare class CopilotChat implements ChatState {
+    readonly inputValue: import("@angular/core").WritableSignal<string>;
+    readonly agentId: import("@angular/core").InputSignal<string>;
+    readonly threadId: import("@angular/core").InputSignal<string>;
+    readonly inputComponent: import("@angular/core").InputSignal<Type<any>>;
+    private readonly resolvedAgentId;
+    readonly agentStore: import("@angular/core").Signal<import("../../agent").AgentStore>;
+    readonly cdr: ChangeDetectorRef;
+    readonly injector: Injector;
+    protected messages: import("@angular/core").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;
+    })[]>;
+    protected isRunning: import("@angular/core").Signal<boolean>;
+    protected showCursor: import("@angular/core").WritableSignal<boolean>;
+    private generatedThreadId;
+    private hasConnectedOnce;
+    constructor();
+    private connectToAgent;
+    submitInput(value: string): Promise<void>;
+    changeInput(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChat, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChat, "copilot-chat", never, { "agentId": { "alias": "agentId"; "required": false; "isSignal": true; }; "threadId": { "alias": "threadId"; "required": false; "isSignal": true; }; "inputComponent": { "alias": "inputComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/lib/config.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken, Provider } from "@angular/core";
+import { AbstractAgent } from "@ag-ui/client";
+import { ClientTool, FrontendToolConfig, HumanInTheLoopConfig, RenderToolCallConfig } from "./tools";
+export interface CopilotKitConfig {
+    runtimeUrl?: string;
+    headers?: Record<string, string>;
+    properties?: Record<string, unknown>;
+    agents?: Record<string, AbstractAgent>;
+    tools?: ClientTool[];
+    renderToolCalls?: RenderToolCallConfig[];
+    frontendTools?: FrontendToolConfig[];
+    humanInTheLoop?: HumanInTheLoopConfig[];
+}
+export declare const COPILOT_KIT_CONFIG: InjectionToken<CopilotKitConfig>;
+export declare function injectCopilotKitConfig(): CopilotKitConfig;
+export declare function provideCopilotKit(config: CopilotKitConfig): Provider;