@copilotkitnext/angular 0.0.0-max-changeset-20260109174803

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/lib/components/chat/copilot-chat-input.types.d.ts

@@ -0,0 +1,129 @@
+import type { Type, TemplateRef } from "@angular/core";
+/**
+ * Mode of the chat input component
+ */
+export type CopilotChatInputMode = "input" | "transcribe" | "processing";
+/**
+ * Represents a menu item in the tools menu
+ */
+export type ToolsMenuItem = {
+    label: string;
+} & ({
+    action: () => void;
+    items?: never;
+} | {
+    action?: never;
+    items: (ToolsMenuItem | "-")[];
+});
+/**
+ * Audio recorder state
+ */
+export type AudioRecorderState = "idle" | "recording" | "processing";
+/**
+ * Error class for audio recorder failures
+ */
+export declare class AudioRecorderError extends Error {
+    constructor(message: string);
+}
+/**
+ * Props for textarea component
+ */
+export interface CopilotChatTextareaProps {
+    value?: string;
+    placeholder?: string;
+    maxRows?: number;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    inputClass?: string;
+    style?: any;
+    rows?: number;
+    cols?: number;
+    readonly?: boolean;
+    spellcheck?: boolean;
+    wrap?: "hard" | "soft" | "off";
+}
+/**
+ * Props for button components
+ */
+export interface CopilotChatButtonProps {
+    disabled?: boolean;
+    onClick?: () => void;
+    inputClass?: string;
+    style?: any;
+    type?: "button" | "submit" | "reset";
+    ariaLabel?: string;
+    ariaPressed?: boolean;
+    ariaExpanded?: boolean;
+    title?: string;
+}
+/**
+ * Props for toolbar button with tooltip
+ */
+export interface CopilotChatToolbarButtonProps extends CopilotChatButtonProps {
+    icon?: TemplateRef<any>;
+    tooltip?: string;
+    variant?: "primary" | "secondary";
+}
+/**
+ * Props for tools menu button
+ */
+export interface CopilotChatToolsButtonProps extends CopilotChatButtonProps {
+    toolsMenu?: (ToolsMenuItem | "-")[];
+}
+/**
+ * Props for audio recorder
+ */
+export interface CopilotChatAudioRecorderProps {
+    inputClass?: string;
+    style?: any;
+    onStateChange?: (state: AudioRecorderState) => void;
+    showControls?: boolean;
+    maxDuration?: number;
+}
+/**
+ * Props for toolbar
+ */
+export interface CopilotChatToolbarProps {
+    inputClass?: string;
+    style?: any;
+    position?: "top" | "bottom";
+    alignment?: "left" | "center" | "right" | "space-between";
+}
+/**
+ * Slot configuration for chat input
+ */
+export interface CopilotChatInputSlots {
+    textArea?: Type<any> | TemplateRef<any>;
+    sendButton?: Type<any> | TemplateRef<any>;
+    startTranscribeButton?: Type<any> | TemplateRef<any>;
+    cancelTranscribeButton?: Type<any> | TemplateRef<any>;
+    finishTranscribeButton?: Type<any> | TemplateRef<any>;
+    addFileButton?: Type<any> | TemplateRef<any>;
+    toolsButton?: Type<any> | TemplateRef<any>;
+    toolbar?: Type<any> | TemplateRef<any>;
+    audioRecorder?: Type<any> | TemplateRef<any>;
+}
+/**
+ * Input configuration for the chat input component
+ */
+export interface CopilotChatInputConfig {
+    mode?: CopilotChatInputMode;
+    toolsMenu?: (ToolsMenuItem | "-")[];
+    autoFocus?: boolean;
+    additionalToolbarItems?: TemplateRef<any>;
+    value?: string;
+    class?: string;
+}
+/**
+ * Output events for the chat input component
+ */
+export interface CopilotChatInputOutputs {
+    submitMessage: (value: string) => void;
+    startTranscribe: () => void;
+    cancelTranscribe: () => void;
+    finishTranscribe: () => void;
+    addFile: () => void;
+    changeValue: (value: string) => void;
+}

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>;
+}