@copilotkitnext/angular 0.0.1

package/dist/index.d.ts

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

package/dist/lib/directives/tooltip.directive.d.ts

@@ -0,0 +1,33 @@
+import { OnDestroy } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TooltipContentComponent {
+    private cdr;
+    text: string;
+    private _position;
+    get position(): 'above' | 'below' | 'left' | 'right';
+    set position(value: 'above' | 'below' | 'left' | 'right');
+    constructor(cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipContentComponent, "copilot-tooltip-content", never, {}, {}, never, never, true, never>;
+}
+export declare class CopilotTooltipDirective implements OnDestroy {
+    tooltipText: string;
+    tooltipPosition: 'above' | 'below' | 'left' | 'right';
+    tooltipDelay: number;
+    private overlay;
+    private overlayPositionBuilder;
+    private elementRef;
+    private viewContainerRef;
+    private overlayRef?;
+    private tooltipTimeout?;
+    private originalTitle?;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    private show;
+    private hide;
+    private getPositions;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CopilotTooltipDirective, "[copilotTooltip]", never, { "tooltipText": { "alias": "copilotTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/slots/copilot-slot.component.d.ts

@@ -0,0 +1,34 @@
+import { TemplateRef, ViewContainerRef, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal - This component is for internal use only.
+ * Simple slot component for rendering custom content or defaults.
+ * Supports templates and components only.
+ *
+ * @example
+ * ```html
+ * <!-- With template -->
+ * <copilot-slot [slot]="sendButtonTemplate" [context]="buttonContext">
+ *   <button class="default-btn">Default</button>
+ * </copilot-slot>
+ * ```
+ */
+export declare class CopilotSlotComponent implements OnInit, OnChanges {
+    private viewContainer;
+    private cdr;
+    slot?: TemplateRef<any> | Type<any>;
+    context?: any;
+    defaultComponent?: Type<any>;
+    outputs?: Record<string, (event: any) => void>;
+    private slotContainer;
+    private componentRef?;
+    constructor(viewContainer: ViewContainerRef, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    isTemplate(value: any): value is TemplateRef<any>;
+    private renderSlot;
+    private updateComponentProps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotSlotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotSlotComponent, "copilot-slot", never, { "slot": { "alias": "slot"; "required": false; }; "context": { "alias": "context"; "required": false; }; "defaultComponent": { "alias": "defaultComponent"; "required": false; }; "outputs": { "alias": "outputs"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/dist/lib/slots/slot.types.d.ts

@@ -0,0 +1,55 @@
+import { Type, TemplateRef, InjectionToken } from '@angular/core';
+/**
+ * Represents a value that can be used as a slot override.
+ * Can be a component type or template reference only.
+ * @internal - This type is for internal use only
+ */
+export type SlotValue<T = any> = Type<T> | TemplateRef<T>;
+/**
+ * Configuration for a slot
+ * @internal - This interface is for internal use only
+ */
+export interface SlotConfig<T = any> {
+    value?: SlotValue<T>;
+    default?: Type<T>;
+}
+/**
+ * Context passed to slot templates
+ */
+export interface SlotContext<T = any> {
+    $implicit: T;
+    props?: Partial<T>;
+    [key: string]: any;
+}
+/**
+ * Slot registry entry
+ * @internal - This interface is for internal use only
+ */
+export interface SlotRegistryEntry<T = any> {
+    component?: Type<T>;
+    template?: TemplateRef<T>;
+}
+/**
+ * Options for rendering a slot
+ */
+export interface RenderSlotOptions<T = any> {
+    slot?: SlotValue<T>;
+    defaultComponent: Type<T>;
+    props?: Partial<T>;
+    injector?: any;
+    outputs?: Record<string, (event: any) => void>;
+}
+/**
+ * Injection token for slot configuration
+ */
+export declare const SLOT_CONFIG: InjectionToken<ReadonlyMap<string, SlotRegistryEntry<any>>>;
+/**
+ * Type for components with slots
+ */
+export type WithSlots<S extends Record<string, Type<any>>, Rest = object> = {
+    [K in keyof S as `${string & K}Component`]?: Type<any>;
+} & {
+    [K in keyof S as `${string & K}Template`]?: TemplateRef<any>;
+} & {
+    [K in keyof S as `${string & K}Class`]?: string;
+} & Rest;

package/dist/lib/slots/slot.utils.d.ts

@@ -0,0 +1,108 @@
+import { Type, ViewContainerRef, ComponentRef, EmbeddedViewRef } from '@angular/core';
+import { SlotValue, RenderSlotOptions, SlotRegistryEntry } from './slot.types';
+/**
+ * Renders a slot value into a ViewContainerRef.
+ * This is the core utility for slot rendering.
+ *
+ * @param viewContainer - The ViewContainerRef to render into
+ * @param options - Options for rendering the slot
+ * @returns The created component or embedded view reference
+ *
+ * @example
+ * ```typescript
+ * export class MyComponent {
+ *   @ViewChild('container', { read: ViewContainerRef }) container!: ViewContainerRef;
+ *
+ *   renderButton() {
+ *     renderSlot(this.container, {
+ *       slot: this.buttonOverride,
+ *       defaultComponent: DefaultButton,
+ *       props: { text: 'Click me' },
+ *       outputs: { click: (event) => this.handleClick(event) }
+ *     });
+ *   }
+ * }
+ * ```
+ */
+export declare function renderSlot<T = any>(viewContainer: ViewContainerRef, options: RenderSlotOptions<T>): ComponentRef<T> | EmbeddedViewRef<T> | null;
+/**
+ * Checks if a value is a component type.
+ * Simplified check - rely on try/catch for actual validation.
+ */
+export declare function isComponentType(value: any): boolean;
+/**
+ * Checks if a value is a valid slot value.
+ */
+export declare function isSlotValue(value: any): value is SlotValue;
+/**
+ * Normalizes a slot value to a consistent format.
+ */
+export declare function normalizeSlotValue<T = any>(value: SlotValue<T> | undefined, defaultComponent: Type<T> | undefined): SlotRegistryEntry<T>;
+/**
+ * Creates a slot configuration map for a component.
+ *
+ * @example
+ * ```typescript
+ * const slots = createSlotConfig({
+ *   sendButton: CustomSendButton,
+ *   toolbar: 'custom-toolbar-class',
+ *   footer: footerTemplate
+ * }, {
+ *   sendButton: DefaultSendButton,
+ *   toolbar: DefaultToolbar,
+ *   footer: DefaultFooter
+ * });
+ * ```
+ */
+export declare function createSlotConfig<T extends Record<string, Type<any>>>(overrides: Partial<Record<keyof T, SlotValue>>, defaults: T): Map<keyof T, SlotRegistryEntry>;
+/**
+ * Provides slot configuration to child components via DI.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   providers: [
+ *     provideSlots({
+ *       sendButton: CustomSendButton,
+ *       toolbar: CustomToolbar
+ *     })
+ *   ]
+ * })
+ * ```
+ */
+export declare function provideSlots(slots: Record<string, Type<any>>): {
+    provide: import("@angular/core").InjectionToken<ReadonlyMap<string, SlotRegistryEntry<any>>>;
+    useValue: Map<string, SlotRegistryEntry<any>>;
+};
+/**
+ * Gets slot configuration from DI.
+ * Must be called within an injection context.
+ *
+ * @example
+ * ```typescript
+ * export class MyComponent {
+ *   slots = getSlotConfig();
+ *
+ *   ngOnInit() {
+ *     const sendButton = this.slots?.get('sendButton');
+ *   }
+ * }
+ * ```
+ */
+export declare function getSlotConfig(): ReadonlyMap<string, SlotRegistryEntry> | null;
+/**
+ * Creates a render function for a specific slot.
+ * Useful for creating reusable slot renderers.
+ *
+ * @example
+ * ```typescript
+ * const renderSendButton = createSlotRenderer(
+ *   DefaultSendButton,
+ *   'sendButton'
+ * );
+ *
+ * // Later in template
+ * renderSendButton(this.viewContainer, this.sendButtonOverride);
+ * ```
+ */
+export declare function createSlotRenderer<T>(defaultComponent: Type<T>, slotName?: string): (viewContainer: ViewContainerRef, slot?: SlotValue<T>, props?: Partial<T>, outputs?: Record<string, (event: any) => void>) => ComponentRef<T> | EmbeddedViewRef<T>;

package/dist/lib/utils.d.ts

@@ -0,0 +1,6 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Utility function to merge Tailwind CSS classes
+ * Combines clsx for conditional classes and tailwind-merge for proper Tailwind class merging
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/services/resize-observer.service.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ResizeState {
+    width: number;
+    height: number;
+    isResizing: boolean;
+}
+export declare class ResizeObserverService implements OnDestroy {
+    private ngZone;
+    private destroy$;
+    private observers;
+    private resizeStates;
+    private resizeTimeouts;
+    constructor(ngZone: NgZone);
+    /**
+     * Observe element resize with debouncing and resizing state
+     * @param element Element to observe
+     * @param debounceMs Debounce time (default 250ms)
+     * @param resizingDurationMs How long to show "isResizing" state (default 250ms)
+     */
+    observeElement(element: ElementRef<HTMLElement> | HTMLElement, debounceMs?: number, resizingDurationMs?: number): Observable<ResizeState>;
+    /**
+     * Stop observing an element
+     * @param element Element to stop observing
+     */
+    unobserve(element: ElementRef<HTMLElement> | HTMLElement): void;
+    /**
+     * Get current size of element
+     * @param element Element to measure
+     */
+    getCurrentSize(element: ElementRef<HTMLElement> | HTMLElement): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Get current resize state of element
+     * @param element Element to check
+     */
+    getCurrentState(element: ElementRef<HTMLElement> | HTMLElement): ResizeState | null;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverService>;
+}

package/dist/services/scroll-position.service.d.ts

@@ -0,0 +1,50 @@
+import { ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { ScrollDispatcher, ViewportRuler } from '@angular/cdk/scrolling';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ScrollState {
+    isAtBottom: boolean;
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+}
+export declare class ScrollPositionService implements OnDestroy {
+    private scrollDispatcher;
+    private viewportRuler;
+    private ngZone;
+    private destroy$;
+    private scrollStateSubject;
+    scrollState$: Observable<ScrollState>;
+    constructor(scrollDispatcher: ScrollDispatcher, viewportRuler: ViewportRuler, ngZone: NgZone);
+    /**
+     * Monitor scroll position of an element
+     * @param element The element to monitor
+     * @param threshold Pixels from bottom to consider "at bottom" (default 10)
+     */
+    monitorScrollPosition(element: ElementRef<HTMLElement> | HTMLElement, threshold?: number): Observable<ScrollState>;
+    /**
+     * Scroll element to bottom with smooth animation
+     * @param element The element to scroll
+     * @param smooth Whether to use smooth scrolling
+     */
+    scrollToBottom(element: ElementRef<HTMLElement> | HTMLElement, smooth?: boolean): void;
+    /**
+     * Check if element is at bottom
+     * @param element The element to check
+     * @param threshold Pixels from bottom to consider "at bottom"
+     */
+    isAtBottom(element: ElementRef<HTMLElement> | HTMLElement, threshold?: number): boolean;
+    /**
+     * Get current scroll state of element
+     */
+    getScrollState(element: HTMLElement, threshold: number): ScrollState;
+    /**
+     * Create a ResizeObserver for element size changes
+     * @param element The element to observe
+     * @param debounceMs Debounce time in milliseconds
+     */
+    observeResize(element: ElementRef<HTMLElement> | HTMLElement, debounceMs?: number): Observable<ResizeObserverEntry>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollPositionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScrollPositionService>;
+}