@copilotkitnext/angular 0.0.1

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

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

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

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

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

@@ -0,0 +1,84 @@
+import { EventEmitter, ElementRef, OnInit, OnChanges, AfterViewInit, OnDestroy } from '@angular/core';
+import { CopilotChatMessageViewComponent } from './copilot-chat-message-view.component';
+import { CopilotChatViewScrollToBottomButtonComponent } from './copilot-chat-view-scroll-to-bottom-button.component';
+import { StickToBottomDirective } from '../../directives/stick-to-bottom.directive';
+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 CopilotChatViewScrollViewComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    private cdr;
+    autoScroll: boolean;
+    private _inputContainerHeight;
+    set inputContainerHeight(value: number);
+    get inputContainerHeight(): number;
+    isResizing: boolean;
+    inputClass?: string;
+    messages: Message[];
+    messageView?: any;
+    messageViewClass?: string;
+    showCursor: boolean;
+    scrollToBottomButton?: any;
+    scrollToBottomButtonClass?: string;
+    assistantMessageThumbsUp: EventEmitter<{
+        message: Message;
+    }>;
+    assistantMessageThumbsDown: EventEmitter<{
+        message: Message;
+    }>;
+    assistantMessageReadAloud: EventEmitter<{
+        message: Message;
+    }>;
+    assistantMessageRegenerate: EventEmitter<{
+        message: Message;
+    }>;
+    userMessageCopy: EventEmitter<{
+        message: Message;
+    }>;
+    userMessageEdit: EventEmitter<{
+        message: Message;
+    }>;
+    scrollContainer?: ElementRef<HTMLElement>;
+    contentContainer?: ElementRef<HTMLElement>;
+    stickToBottomDirective?: StickToBottomDirective;
+    protected readonly defaultMessageViewComponent: typeof CopilotChatMessageViewComponent;
+    protected readonly defaultScrollToBottomButtonComponent: typeof CopilotChatViewScrollToBottomButtonComponent;
+    protected hasMounted: import("@angular/core").WritableSignal<boolean>;
+    protected showScrollButton: import("@angular/core").WritableSignal<boolean>;
+    protected isAtBottom: import("@angular/core").WritableSignal<boolean>;
+    protected inputContainerHeightSignal: import("@angular/core").WritableSignal<number>;
+    protected paddingBottom: import("@angular/core").Signal<number>;
+    protected computedClass: import("@angular/core").Signal<string>;
+    private destroy$;
+    private platformId;
+    private scrollPositionService;
+    ngOnInit(): void;
+    ngOnChanges(): 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<CopilotChatViewScrollViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewScrollViewComponent, "copilot-chat-view-scroll-view", never, { "autoScroll": { "alias": "autoScroll"; "required": false; }; "inputContainerHeight": { "alias": "inputContainerHeight"; "required": false; }; "isResizing": { "alias": "isResizing"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "messageView": { "alias": "messageView"; "required": false; }; "messageViewClass": { "alias": "messageViewClass"; "required": false; }; "showCursor": { "alias": "showCursor"; "required": false; }; "scrollToBottomButton": { "alias": "scrollToBottomButton"; "required": false; }; "scrollToBottomButtonClass": { "alias": "scrollToBottomButtonClass"; "required": false; }; }, { "assistantMessageThumbsUp": "assistantMessageThumbsUp"; "assistantMessageThumbsDown": "assistantMessageThumbsDown"; "assistantMessageReadAloud": "assistantMessageReadAloud"; "assistantMessageRegenerate": "assistantMessageRegenerate"; "userMessageCopy": "userMessageCopy"; "userMessageEdit": "userMessageEdit"; }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,205 @@
+import { EventEmitter, TemplateRef, Type, ElementRef, ChangeDetectorRef, OnInit, OnChanges, OnDestroy, AfterViewInit } from '@angular/core';
+import { CopilotChatViewScrollViewComponent } from './copilot-chat-view-scroll-view.component';
+import { CopilotChatViewScrollToBottomButtonComponent } from './copilot-chat-view-scroll-to-bottom-button.component';
+import { CopilotChatViewFeatherComponent } from './copilot-chat-view-feather.component';
+import { CopilotChatViewInputContainerComponent } from './copilot-chat-view-input-container.component';
+import { CopilotChatViewDisclaimerComponent } from './copilot-chat-view-disclaimer.component';
+import { Message } from '@ag-ui/client';
+import { ResizeObserverService } from '../../services/resize-observer.service';
+import { CopilotChatViewHandlersService } from './copilot-chat-view-handlers.service';
+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 CopilotChatViewComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    private resizeObserverService;
+    private cdr;
+    private handlers;
+    messages: Message[];
+    autoScroll: boolean;
+    showCursor: boolean;
+    messageViewComponent?: Type<any>;
+    messageViewTemplate?: TemplateRef<any>;
+    messageViewClass?: string;
+    scrollViewComponent?: Type<any>;
+    scrollViewTemplate?: TemplateRef<any>;
+    scrollViewClass?: string;
+    scrollToBottomButtonComponent?: Type<any>;
+    scrollToBottomButtonTemplate?: TemplateRef<any>;
+    scrollToBottomButtonClass?: string;
+    inputComponent?: Type<any>;
+    inputTemplate?: TemplateRef<any>;
+    inputContainerComponent?: Type<any>;
+    inputContainerTemplate?: TemplateRef<any>;
+    inputContainerClass?: string;
+    featherComponent?: Type<any>;
+    featherTemplate?: TemplateRef<any>;
+    featherClass?: string;
+    disclaimerComponent?: Type<any>;
+    disclaimerTemplate?: TemplateRef<any>;
+    disclaimerClass?: string;
+    disclaimerText?: 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: EventEmitter<{
+        message: Message;
+    }>;
+    assistantMessageThumbsDown: EventEmitter<{
+        message: Message;
+    }>;
+    assistantMessageReadAloud: EventEmitter<{
+        message: Message;
+    }>;
+    assistantMessageRegenerate: EventEmitter<{
+        message: Message;
+    }>;
+    userMessageCopy: EventEmitter<{
+        message: Message;
+    }>;
+    userMessageEdit: EventEmitter<{
+        message: Message;
+    }>;
+    inputContainerSlotRef?: ElementRef;
+    protected readonly defaultScrollViewComponent: typeof CopilotChatViewScrollViewComponent;
+    protected readonly defaultScrollToBottomButtonComponent: typeof CopilotChatViewScrollToBottomButtonComponent;
+    protected readonly defaultInputContainerComponent: typeof CopilotChatViewInputContainerComponent;
+    protected readonly defaultFeatherComponent: typeof CopilotChatViewFeatherComponent;
+    protected readonly defaultDisclaimerComponent: typeof CopilotChatViewDisclaimerComponent;
+    protected messagesSignal: import("@angular/core").WritableSignal<({
+        id: string;
+        role: "developer";
+        content: string;
+        name?: string | undefined;
+    } | {
+        id: string;
+        role: "system";
+        content: string;
+        name?: string | undefined;
+    } | {
+        id: string;
+        role: "assistant";
+        name?: string | undefined;
+        content?: string | undefined;
+        toolCalls?: {
+            function: {
+                name: string;
+                arguments: string;
+            };
+            type: "function";
+            id: string;
+        }[] | undefined;
+    } | {
+        id: string;
+        role: "user";
+        content: string;
+        name?: string | undefined;
+    } | {
+        id: string;
+        role: "tool";
+        content: string;
+        toolCallId: string;
+        error?: string | undefined;
+    })[]>;
+    protected autoScrollSignal: import("@angular/core").WritableSignal<boolean>;
+    protected showCursorSignal: import("@angular/core").WritableSignal<boolean>;
+    protected disclaimerTextSignal: import("@angular/core").WritableSignal<string>;
+    protected disclaimerClassSignal: import("@angular/core").WritableSignal<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 | undefined;
+        } | {
+            id: string;
+            role: "system";
+            content: string;
+            name?: string | undefined;
+        } | {
+            id: string;
+            role: "assistant";
+            name?: string | undefined;
+            content?: string | undefined;
+            toolCalls?: {
+                function: {
+                    name: string;
+                    arguments: string;
+                };
+                type: "function";
+                id: string;
+            }[] | undefined;
+        } | {
+            id: string;
+            role: "user";
+            content: string;
+            name?: string | undefined;
+        } | {
+            id: string;
+            role: "tool";
+            content: string;
+            toolCallId: string;
+            error?: string | undefined;
+        })[];
+        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: CopilotChatViewHandlersService);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatViewComponent, "copilot-chat-view", never, { "messages": { "alias": "messages"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "showCursor": { "alias": "showCursor"; "required": false; }; "messageViewComponent": { "alias": "messageViewComponent"; "required": false; }; "messageViewTemplate": { "alias": "messageViewTemplate"; "required": false; }; "messageViewClass": { "alias": "messageViewClass"; "required": false; }; "scrollViewComponent": { "alias": "scrollViewComponent"; "required": false; }; "scrollViewTemplate": { "alias": "scrollViewTemplate"; "required": false; }; "scrollViewClass": { "alias": "scrollViewClass"; "required": false; }; "scrollToBottomButtonComponent": { "alias": "scrollToBottomButtonComponent"; "required": false; }; "scrollToBottomButtonTemplate": { "alias": "scrollToBottomButtonTemplate"; "required": false; }; "scrollToBottomButtonClass": { "alias": "scrollToBottomButtonClass"; "required": false; }; "inputComponent": { "alias": "inputComponent"; "required": false; }; "inputTemplate": { "alias": "inputTemplate"; "required": false; }; "inputContainerComponent": { "alias": "inputContainerComponent"; "required": false; }; "inputContainerTemplate": { "alias": "inputContainerTemplate"; "required": false; }; "inputContainerClass": { "alias": "inputContainerClass"; "required": false; }; "featherComponent": { "alias": "featherComponent"; "required": false; }; "featherTemplate": { "alias": "featherTemplate"; "required": false; }; "featherClass": { "alias": "featherClass"; "required": false; }; "disclaimerComponent": { "alias": "disclaimerComponent"; "required": false; }; "disclaimerTemplate": { "alias": "disclaimerTemplate"; "required": false; }; "disclaimerClass": { "alias": "disclaimerClass"; "required": false; }; "disclaimerText": { "alias": "disclaimerText"; "required": false; }; }, { "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/chat/copilot-chat-view.types.d.ts

@@ -0,0 +1,42 @@
+import { Type, TemplateRef } from '@angular/core';
+import { Message } from '@ag-ui/client';
+/**
+ * Props for CopilotChatView component
+ */
+export interface CopilotChatViewProps {
+    messages?: Message[];
+    autoScroll?: boolean;
+    messageViewComponent?: Type<any>;
+    messageViewTemplate?: TemplateRef<any>;
+    messageViewClass?: string;
+    scrollViewComponent?: Type<any>;
+    scrollViewTemplate?: TemplateRef<any>;
+    scrollViewClass?: string;
+    scrollToBottomButtonComponent?: Type<any>;
+    scrollToBottomButtonTemplate?: TemplateRef<any>;
+    scrollToBottomButtonClass?: string;
+    inputComponent?: Type<any>;
+    inputTemplate?: TemplateRef<any>;
+    inputContainerComponent?: Type<any>;
+    inputContainerTemplate?: TemplateRef<any>;
+    inputContainerClass?: string;
+    featherComponent?: Type<any>;
+    featherTemplate?: TemplateRef<any>;
+    featherClass?: string;
+    disclaimerComponent?: Type<any>;
+    disclaimerTemplate?: TemplateRef<any>;
+    disclaimerClass?: string;
+    disclaimerText?: string;
+}
+/**
+ * Context for custom layout template
+ */
+export interface CopilotChatViewLayoutContext {
+    messageView: any;
+    input: any;
+    scrollView: any;
+    scrollToBottomButton: any;
+    feather: any;
+    inputContainer: any;
+    disclaimer: any;
+}

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

@@ -0,0 +1,37 @@
+import { OnInit, OnChanges, OnDestroy, SimpleChanges, ChangeDetectorRef, Signal, Injector } from "@angular/core";
+import { CopilotChatConfigurationService } from "../../core/chat-configuration/chat-configuration.service";
+import { Message, AbstractAgent } from "@ag-ui/client";
+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 CopilotChatComponent implements OnInit, OnChanges, OnDestroy {
+    private chatConfig;
+    private cdr;
+    private injector;
+    agentId?: string;
+    threadId?: string;
+    constructor(chatConfig: CopilotChatConfigurationService | null, cdr: ChangeDetectorRef, injector: Injector);
+    protected agent: Signal<AbstractAgent | undefined>;
+    protected messages: Signal<Message[]>;
+    protected isRunning: Signal<boolean>;
+    protected showCursor: import("@angular/core").WritableSignal<boolean>;
+    private generatedThreadId;
+    private agentWatcher?;
+    private hasConnectedOnce;
+    private lastAgentId?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private connectToAgent;
+    private setupChatHandlers;
+    ngOnDestroy(): void;
+    private createWatcher;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotChatComponent, "copilot-chat", never, { "agentId": { "alias": "agentId"; "required": false; }; "threadId": { "alias": "threadId"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/copilotkit-tool-render.component.d.ts

@@ -0,0 +1,25 @@
+import { TemplateRef, OnChanges, SimpleChanges, AfterViewInit } from "@angular/core";
+import { ToolCallStatus } from "../core/copilotkit.types";
+import * as i0 from "@angular/core";
+export declare class CopilotKitToolRenderComponent implements OnChanges, AfterViewInit {
+    toolName: string;
+    args: any;
+    status: ToolCallStatus;
+    result?: any;
+    description?: string;
+    private container;
+    private copilotkit;
+    private componentRef?;
+    templateRef?: TemplateRef<any>;
+    templateContext?: any;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private renderTool;
+    private renderComponent;
+    private renderTemplate;
+    private isComponentClass;
+    private isTemplateRef;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotKitToolRenderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotKitToolRenderComponent, "copilotkit-tool-render", never, { "toolName": { "alias": "toolName"; "required": false; }; "args": { "alias": "args"; "required": false; }; "status": { "alias": "status"; "required": false; }; "result": { "alias": "result"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/core/chat-configuration/chat-configuration.providers.d.ts

@@ -0,0 +1,54 @@
+import { Provider } from '@angular/core';
+import { CopilotChatConfiguration } from './chat-configuration.types';
+/**
+ * Provides CopilotKit chat configuration at a specific component level.
+ * This allows for scoped configuration where different parts of the app
+ * can have different chat configurations.
+ *
+ * @param config - Optional initial configuration
+ * @returns Array of providers
+ *
+ * @example
+ * ```typescript
+ * // Global configuration in app.config.ts
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideCopilotChatConfiguration({
+ *       labels: {
+ *         chatInputPlaceholder: "How can I help you today?"
+ *       }
+ *     })
+ *   ]
+ * };
+ *
+ * // Component-scoped configuration
+ * @Component({
+ *   selector: 'customer-support-chat',
+ *   providers: [
+ *     provideCopilotChatConfiguration({
+ *       labels: {
+ *         chatInputPlaceholder: "Describe your issue..."
+ *       },
+ *       onSubmitInput: (value) => console.log('Support message:', value)
+ *     })
+ *   ],
+ *   template: `...`
+ * })
+ * export class CustomerSupportChatComponent {}
+ *
+ * // Multiple independent chats
+ * @Component({
+ *   selector: 'sales-chat',
+ *   providers: [
+ *     provideCopilotChatConfiguration({
+ *       labels: {
+ *         chatInputPlaceholder: "Ask about our products..."
+ *       }
+ *     })
+ *   ],
+ *   template: `...`
+ * })
+ * export class SalesChatComponent {}
+ * ```
+ */
+export declare function provideCopilotChatConfiguration(config?: CopilotChatConfiguration): Provider[];

package/dist/core/chat-configuration/chat-configuration.service.d.ts

@@ -0,0 +1,75 @@
+import { signal } from '@angular/core';
+import { CopilotChatConfiguration, CopilotChatLabels } from './chat-configuration.types';
+import * as i0 from "@angular/core";
+/**
+ * Service for managing CopilotKit chat configuration.
+ * Can be provided at different component levels for scoped configuration.
+ *
+ * @example
+ * ```typescript
+ * // Global configuration
+ * providers: [provideCopilotChatConfiguration({ labels: { ... } })]
+ *
+ * // Component-scoped configuration
+ * @Component({
+ *   providers: [provideCopilotChatConfiguration()],
+ *   ...
+ * })
+ * ```
+ */
+export declare class CopilotChatConfigurationService {
+    private readonly initialConfig;
+    private readonly _labels;
+    private readonly _inputValue;
+    private readonly _onSubmitInput;
+    private readonly _onChangeInput;
+    readonly labels: ReturnType<typeof signal<CopilotChatLabels>>['asReadonly'] extends () => infer R ? R : never;
+    readonly inputValue: ReturnType<typeof signal<string | undefined>>['asReadonly'] extends () => infer R ? R : never;
+    constructor(initialConfig: CopilotChatConfiguration | null);
+    /**
+     * Update chat labels (partial update, merged with defaults)
+     */
+    setLabels(labels: Partial<CopilotChatLabels>): void;
+    /**
+     * Update the current input value
+     */
+    setInputValue(value: string | undefined): void;
+    /**
+     * Set the submit input handler
+     */
+    setSubmitHandler(handler: ((value: string) => void) | undefined): void;
+    /**
+     * Set the change input handler
+     */
+    setChangeHandler(handler: ((value: string) => void) | undefined): void;
+    /**
+     * Submit the current input value
+     */
+    submitInput(value: string): void;
+    /**
+     * Handle input value change
+     */
+    changeInput(value: string): void;
+    /**
+     * Update the entire configuration at once
+     */
+    updateConfiguration(config: CopilotChatConfiguration): void;
+    /**
+     * Reset configuration to defaults
+     */
+    reset(): void;
+    /**
+     * Get the current submit handler
+     */
+    getSubmitHandler(): ((value: string) => void) | undefined;
+    /**
+     * Get the current change handler
+     */
+    getChangeHandler(): ((value: string) => void) | undefined;
+    /**
+     * Merge partial labels with defaults
+     */
+    private mergeLabels;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotChatConfigurationService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CopilotChatConfigurationService>;
+}

package/dist/core/chat-configuration/chat-configuration.types.d.ts

@@ -0,0 +1,27 @@
+import { InjectionToken } from "@angular/core";
+export interface CopilotChatLabels {
+    chatInputPlaceholder: string;
+    chatInputToolbarStartTranscribeButtonLabel: string;
+    chatInputToolbarCancelTranscribeButtonLabel: string;
+    chatInputToolbarFinishTranscribeButtonLabel: string;
+    chatInputToolbarAddButtonLabel: string;
+    chatInputToolbarToolsButtonLabel: string;
+    assistantMessageToolbarCopyCodeLabel: string;
+    assistantMessageToolbarCopyCodeCopiedLabel: string;
+    assistantMessageToolbarCopyMessageLabel: string;
+    assistantMessageToolbarThumbsUpLabel: string;
+    assistantMessageToolbarThumbsDownLabel: string;
+    assistantMessageToolbarReadAloudLabel: string;
+    assistantMessageToolbarRegenerateLabel: string;
+    userMessageToolbarCopyMessageLabel: string;
+    userMessageToolbarEditMessageLabel: string;
+    chatDisclaimerText: string;
+}
+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>;

package/dist/core/copilotkit.providers.d.ts

@@ -0,0 +1,13 @@
+import { Provider } from "@angular/core";
+import { ToolCallRender, AngularFrontendTool, AngularHumanInTheLoop } from "./copilotkit.types";
+import { AbstractAgent } from "@ag-ui/client";
+export interface ProvideCopilotKitOptions {
+    runtimeUrl?: string;
+    headers?: Record<string, string>;
+    properties?: Record<string, unknown>;
+    agents?: Record<string, AbstractAgent>;
+    renderToolCalls?: ToolCallRender<unknown>[];
+    frontendTools?: AngularFrontendTool<any>[];
+    humanInTheLoop?: AngularHumanInTheLoop<any>[];
+}
+export declare function provideCopilotKit(options?: ProvideCopilotKitOptions): Provider[];