@dataclouder/ngx-agent-cards 0.0.87 → 0.0.88

package/lib/components/chat-container/chat-container.component.d.ts

@@ -1,27 +1,20 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
-import { DialogService } from 'primeng/dynamicdialog';
-import { ToastAlertsAbstractService } from '@dataclouder/ngx-core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { MicSettings } from '@dataclouder/ngx-mic';
 import { ChatUserSettings, IAgentCard, IMiniAgentCard, ChatMessage } from '../../models/agent.models';
-import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
-import { DCConversationPromptBuilderService } from '../../services/dc-conversation-builder.service';
-import { ConversationService } from '../../services/conversation.service';
-import { EvaluationService } from '../../services/evaluation.service';
 import * as i0 from "@angular/core";
 export declare class DCChatComponent implements OnInit, OnDestroy {
     private agentCardService;
-    private toastService;
     private conversationBuilder;
     private dialogService;
     private conversationService;
     private evaluationService;
     chatUserSettings: ChatUserSettings;
     agentCard: IAgentCard;
-    evaluatorAgentCard: IMiniAgentCard;
-    parseDict: {
+    readonly evaluatorAgentCard: import("@angular/core").InputSignal<IMiniAgentCard>;
+    readonly parseDict: import("@angular/core").InputSignal<{
         [key: string]: string;
-    };
-    sendMessage: EventEmitter<string>;
+    }>;
+    readonly sendMessage: import("@angular/core").OutputEmitterRef<string>;
     micSettings: MicSettings;
     imageUser: string;
     thinkingImg: string;
@@ -34,13 +27,10 @@ export declare class DCChatComponent implements OnInit, OnDestroy {
     messages: import("@angular/core").Signal<ChatMessage[]>;
     isThinking: import("@angular/core").Signal<boolean>;
     score: import("@angular/core").Signal<number>;
-    constructor(agentCardService: AgentCardsAbstractService, toastService: ToastAlertsAbstractService, conversationBuilder: DCConversationPromptBuilderService, dialogService: DialogService, conversationService: ConversationService, evaluationService: EvaluationService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
-    /**
-     * Handle user message from chat footer
-     */
-    onUserMessage(message: ChatMessage): Promise<void>;
     /**
      * Handle microphone input finished
      */
@@ -57,10 +47,6 @@ export declare class DCChatComponent implements OnInit, OnDestroy {
      * Restart conversation
      */
     restartConversation(conversation?: IAgentCard | null): Promise<void>;
-    /**
-     * Evaluate conversation using evaluator agent
-     */
-    private evaluateConversation;
     static ɵfac: i0.ɵɵFactoryDeclaration<DCChatComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DCChatComponent, "dc-chat", never, { "chatUserSettings": { "alias": "chatUserSettings"; "required": false; }; "agentCard": { "alias": "agentCard"; "required": false; }; "evaluatorAgentCard": { "alias": "evaluatorAgentCard"; "required": false; }; "parseDict": { "alias": "parseDict"; "required": false; }; }, { "sendMessage": "sendMessage"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DCChatComponent, "dc-chat", never, { "chatUserSettings": { "alias": "chatUserSettings"; "required": false; }; "agentCard": { "alias": "agentCard"; "required": false; }; "evaluatorAgentCard": { "alias": "evaluatorAgentCard"; "required": false; "isSignal": true; }; "parseDict": { "alias": "parseDict"; "required": false; "isSignal": true; }; }, { "sendMessage": "sendMessage"; }, never, never, true, never>;
 }

package/lib/components/chat-container/chat-footer/chat-footer.component.d.ts

@@ -1,16 +1,18 @@
-import { EventEmitter } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MicSettings } from '@dataclouder/ngx-mic';
-import { ChatMessage } from '../../../models/agent.models';
+import { ChatMessage, IMiniAgentCard } from '../../../models/agent.models';
 import * as i0 from "@angular/core";
 export declare class ChatFooterComponent {
-    isAIThinking: boolean;
-    score: number;
-    micSettings: MicSettings;
-    sendMessage: EventEmitter<ChatMessage>;
-    textInputChanged: EventEmitter<string>;
-    micFinishedEvent: EventEmitter<any>;
+    private conversationService;
+    private evaluationService;
+    readonly isAIThinking: import("@angular/core").InputSignal<boolean>;
+    readonly evaluatorAgentCard: import("@angular/core").InputSignal<IMiniAgentCard>;
+    readonly micSettings: import("@angular/core").InputSignal<MicSettings>;
+    readonly sendMessage: import("@angular/core").OutputEmitterRef<ChatMessage>;
+    readonly textInputChanged: import("@angular/core").OutputEmitterRef<string>;
+    readonly micFinishedEvent: import("@angular/core").OutputEmitterRef<any>;
     chatInputControl: FormControl;
+    score: import("@angular/core").Signal<number>;
     /**
      * Sets the input text in the textarea
      * @param text The text to set
@@ -24,7 +26,11 @@ export declare class ChatFooterComponent {
     /**
      * Sends the user message
      */
-    sendUserMessage(): void;
+    sendUserMessage(): Promise<void>;
+    /**
+     * Evaluate conversation using evaluator agent
+     */
+    private evaluateConversation;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatFooterComponent, "dc-chat-footer", never, { "isAIThinking": { "alias": "isAIThinking"; "required": false; }; "score": { "alias": "score"; "required": false; }; "micSettings": { "alias": "micSettings"; "required": false; }; }, { "sendMessage": "sendMessage"; "textInputChanged": "textInputChanged"; "micFinishedEvent": "micFinishedEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatFooterComponent, "dc-chat-footer", never, { "isAIThinking": { "alias": "isAIThinking"; "required": false; "isSignal": true; }; "evaluatorAgentCard": { "alias": "evaluatorAgentCard"; "required": false; "isSignal": true; }; "micSettings": { "alias": "micSettings"; "required": false; "isSignal": true; }; }, { "sendMessage": "sendMessage"; "textInputChanged": "textInputChanged"; "micFinishedEvent": "micFinishedEvent"; }, never, never, true, never>;
 }

package/lib/components/chat-container/chat-header/chat-header.component.d.ts

@@ -1,20 +1,19 @@
-import { EventEmitter } from '@angular/core';
 import { IAgentCard } from '../../../models/agent.models';
-import { AgentCardsAbstractService } from '../../../models/conversation-ai.class';
 import * as i0 from "@angular/core";
 export declare class ChatHeaderComponent {
     private agentCardService;
-    isAdmin: boolean;
+    readonly isAdmin: import("@angular/core").InputSignal<boolean>;
     alternativeConversation: IAgentCard[];
     agentCard: IAgentCard;
-    restartConversationEvent: EventEmitter<IAgentCard>;
-    showInfoEvent: EventEmitter<void>;
-    settingsClickEvent: EventEmitter<void>;
-    constructor(agentCardService: AgentCardsAbstractService);
+    readonly restartConversationEvent: import("@angular/core").OutputEmitterRef<IAgentCard>;
+    readonly showInfoEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly settingsClickEvent: import("@angular/core").OutputEmitterRef<void>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     restartConversation(conversation?: IAgentCard | null): void;
     showInfo(): void;
     settingsClick(): void;
     changeConversationCard(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatHeaderComponent, "dc-chat-header", never, { "isAdmin": { "alias": "isAdmin"; "required": false; }; "alternativeConversation": { "alias": "alternativeConversation"; "required": false; }; "agentCard": { "alias": "agentCard"; "required": false; }; }, { "restartConversationEvent": "restartConversationEvent"; "showInfoEvent": "showInfoEvent"; "settingsClickEvent": "settingsClickEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatHeaderComponent, "dc-chat-header", never, { "isAdmin": { "alias": "isAdmin"; "required": false; "isSignal": true; }; "alternativeConversation": { "alias": "alternativeConversation"; "required": false; }; "agentCard": { "alias": "agentCard"; "required": false; }; }, { "restartConversationEvent": "restartConversationEvent"; "showInfoEvent": "showInfoEvent"; "settingsClickEvent": "settingsClickEvent"; }, never, never, true, never>;
 }

package/lib/components/chat-container/chat-messages-list/chat-message/chat-message.component.d.ts

@@ -1,19 +1,27 @@
 import { OnInit, WritableSignal } from '@angular/core';
-import { ChatMessage, ChatMultiMessage, ChatUserSettings, MessageAudio } from '../../../../models/agent.models';
-import { AgentCardsAbstractService } from '../../../../models/conversation-ai.class';
-import { AudioService } from '../../../../services/audio.service';
-import { AudioTextSyncService } from '../../../../services/audio-text-sync.service';
+import { ChatMessage, ChatMultiMessage, ChatRole, ChatUserSettings, MessageAudio } from '../../../../models/agent.models';
 import * as i0 from "@angular/core";
 export declare class ChatMessageComponent implements OnInit {
     private audioService;
     private agentCardService;
     private audioTextSyncService;
-    chatMessage: ChatMessage;
-    chatUserSettings: ChatUserSettings;
+    chatMessage: import("@angular/core").InputSignal<ChatMessage>;
+    chatUserSettings: import("@angular/core").InputSignal<ChatUserSettings>;
+    audioMessage: WritableSignal<MessageAudio>;
     private readonly destroyRef;
     conversationChatSettings: WritableSignal<ChatUserSettings | null>;
     isLoading: WritableSignal<boolean>;
-    constructor(audioService: AudioService, agentCardService: AgentCardsAbstractService, audioTextSyncService: AudioTextSyncService);
+    private messageEffect;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
+    messageRole: import("@angular/core").Signal<ChatRole>;
+    hasMultiMessages: import("@angular/core").Signal<boolean>;
+    multiMessages: import("@angular/core").Signal<ChatMultiMessage[]>;
+    messageContent: import("@angular/core").Signal<string>;
+    messageTranslation: import("@angular/core").Signal<string>;
+    isUserMessage: import("@angular/core").Signal<boolean>;
+    isAssistantMessage: import("@angular/core").Signal<boolean>;
+    isAssistantHelperMessage: import("@angular/core").Signal<boolean>;
     ngOnInit(): Promise<void>;
     generateAndPlayAudio(message: ChatMessage, overwriteText?: string | null): Promise<void>;
     playMessage(message: MessageAudio): HTMLAudioElement | null;
@@ -24,7 +32,6 @@ export declare class ChatMessageComponent implements OnInit {
     private generateMessageId;
     generateAndPlayAllAudios(multiMessages: ChatMultiMessage[]): void;
     private preloadNextMessageAudio;
-    private buildObjectTTSRequest;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatMessageComponent, "dc-chat-message", never, { "chatMessage": { "alias": "chatMessage"; "required": false; }; "chatUserSettings": { "alias": "chatUserSettings"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatMessageComponent, "dc-chat-message", never, { "chatMessage": { "alias": "chatMessage"; "required": true; "isSignal": true; }; "chatUserSettings": { "alias": "chatUserSettings"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/chat-container/chat-messages-list/chat-message/chat-message.utils.d.ts

@@ -1,3 +1,4 @@
-import { AudioGenerated, ChatMessage, ChatMultiMessage } from '../../../../models/agent.models';
+import { AudioGenerated, ChatUserSettings, MessageAudio, TTSRequest } from '../../../../models/agent.models';
 export declare function matchTranscription(originalText: string, transcription: any[]): any[];
-export declare function extractAudioAndTranscription(message: ChatMessage | ChatMultiMessage, audio: AudioGenerated): void;
+export declare function extractAudioAndTranscription(message: MessageAudio, audio: AudioGenerated): void;
+export declare function buildObjectTTSRequest(message: MessageAudio, settings?: ChatUserSettings): TTSRequest;

package/lib/components/chat-container/chat-messages-list/chat-message/multi-message-content/multi-message-content.d.ts

@@ -1,10 +1,11 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { ChatMultiMessage } from '../../../../../models/agent.models';
 import * as i0 from "@angular/core";
 export declare class MultiMessageContentComponent implements OnInit {
-    messages: ChatMultiMessage[];
-    isLoading: boolean;
-    playAudio: EventEmitter<ChatMultiMessage>;
+    readonly messages: import("@angular/core").InputSignal<ChatMultiMessage[]>;
+    readonly isLoading: import("@angular/core").InputSignal<boolean>;
+    readonly playAudio: import("@angular/core").OutputEmitterRef<ChatMultiMessage>;
+    private currentPlayingIndex;
     constructor();
     /**
      * Checks if a message has transcription timestamps
@@ -12,11 +13,21 @@ export declare class MultiMessageContentComponent implements OnInit {
      */
     hasTranscription(message: ChatMultiMessage): boolean;
     /**
-     * Emits the playAudio event with the selected message
+     * Emits the playAudio event with the selected message and starts sequential playback
      * @param message The message to play
      */
     onPlayMessage(message: ChatMultiMessage): void;
+    /**
+     * Method to start playing the sequence
+     * @param startIndex Index of the message to start playing from
+     */
+    startSequentialPlayback(startIndex?: number): void;
+    /**
+     * Handle audio completion from child component
+     * @param message The message that completed playback
+     */
+    onAudioCompleted(message: ChatMultiMessage): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiMessageContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiMessageContentComponent, "dc-multi-message-content", never, { "messages": { "alias": "messages"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "playAudio": "playAudio"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiMessageContentComponent, "dc-multi-message-content", never, { "messages": { "alias": "messages"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "playAudio": "playAudio"; }, never, never, true, never>;
 }

package/lib/components/chat-container/chat-messages-list/chat-messages-list.component.d.ts

@@ -1,13 +1,15 @@
 import { ChatMessage, ChatUserSettings } from '../../../models/agent.models';
 import * as i0 from "@angular/core";
 export declare class ChatMessagesListComponent {
-    chatUserSettings: ChatUserSettings;
-    thinkingImg: string;
+    readonly chatUserSettings: import("@angular/core").InputSignal<ChatUserSettings>;
+    readonly thinkingImg: import("@angular/core").InputSignal<string>;
     aiIcon: string;
     private conversationService;
+    filterText: import("@angular/core").WritableSignal<string>;
     messages: import("@angular/core").Signal<ChatMessage[]>;
+    updateFilter(value: string): void;
     isThinking: import("@angular/core").Signal<boolean>;
     trackByMessage(index: number, message: ChatMessage): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatMessagesListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatMessagesListComponent, "dc-chat-messages-list", never, { "chatUserSettings": { "alias": "chatUserSettings"; "required": false; }; "thinkingImg": { "alias": "thinkingImg"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatMessagesListComponent, "dc-chat-messages-list", never, { "chatUserSettings": { "alias": "chatUserSettings"; "required": true; "isSignal": true; }; "thinkingImg": { "alias": "thinkingImg"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/chat-settings/dc-conversation-userchat-settings.component.d.ts

@@ -1,16 +1,14 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { OnInit, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
 import { TextEngines } from '../../models/conversation-enums';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
 import * as i0 from "@angular/core";
 export declare class DCConversationUserChatSettingsComponent implements OnInit {
     private dialogRef;
     private fb;
     private conversationCardAIService;
     isLoadingModels: boolean;
-    showFeature: any;
-    onSettingsChange: EventEmitter<any>;
+    readonly showFeature: import("@angular/core").InputSignal<any>;
+    readonly onSettingsChange: import("@angular/core").OutputEmitterRef<any>;
     textEngines: TextEngines[];
     voiceTTSOptions: import("@dataclouder/ngx-agent-cards").VoiceTTSOption[];
     textEngineOptions: {
@@ -35,12 +33,13 @@ export declare class DCConversationUserChatSettingsComponent implements OnInit {
         }>;
     }>;
     tooltipRef: TemplateRef<any>;
-    constructor(dialogRef: DynamicDialogRef, fb: FormBuilder, conversationCardAIService: AgentCardsAbstractService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     isAdmin: boolean;
     ngOnInit(): void;
     private loadInitialSettings;
     close(): void;
     saveSettings(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DCConversationUserChatSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DCConversationUserChatSettingsComponent, "dc-chat-settings-dialog", never, { "showFeature": { "alias": "showFeature"; "required": false; }; }, { "onSettingsChange": "onSettingsChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DCConversationUserChatSettingsComponent, "dc-chat-settings-dialog", never, { "showFeature": { "alias": "showFeature"; "required": false; "isSignal": true; }; }, { "onSettingsChange": "onSettingsChange"; }, never, never, true, never>;
 }

package/lib/components/dc-agent-card-details/dc-agent-card-details.component.d.ts

@@ -1,17 +1,15 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
-import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
+import { OnInit } from '@angular/core';
 import { IAgentCard } from '../../models/agent.models';
-import { ActivatedRoute } from '@angular/router';
-import { UserDataExchangeAbstractService } from '../../models/user-data-exchange';
 import * as i0 from "@angular/core";
 export declare class DcAgentCardDetailsComponent implements OnInit {
     private agentCardService;
     private route;
     private cdr;
     private userDataExchange;
-    constructor(agentCardService: AgentCardsAbstractService, route: ActivatedRoute, cdr: ChangeDetectorRef, userDataExchange: UserDataExchangeAbstractService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     agentCardId: string;
-    onStartConversation: EventEmitter<any>;
+    readonly onStartConversation: import("@angular/core").OutputEmitterRef<any>;
     agentCard: IAgentCard;
     ngOnInit(): Promise<void>;
     startConversation(): void;

package/lib/components/dc-agent-card-lists/agent-card-default-ui/agent-card-default-ui.component.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter, type OnInit } from '@angular/core';
+import { type OnInit } from '@angular/core';
 import { IAgentCard } from '../../../models/agent.models';
 import { MenuItem } from 'primeng/api';
 import * as i0 from "@angular/core";
 export declare class DCConversationCardUIComponent implements OnInit {
     speedDialModel: MenuItem[];
     ngOnInit(): void;
-    card: IAgentCard;
-    showOptions: boolean;
-    onCardAction: EventEmitter<{
+    readonly card: import("@angular/core").InputSignal<IAgentCard>;
+    readonly showOptions: import("@angular/core").InputSignal<boolean>;
+    readonly onCardAction: import("@angular/core").OutputEmitterRef<{
         event: string;
         card: IAgentCard;
     }>;
@@ -15,5 +15,5 @@ export declare class DCConversationCardUIComponent implements OnInit {
     onEdit(): void;
     onDelete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DCConversationCardUIComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DCConversationCardUIComponent, "dc-agent-card-default-ui", never, { "card": { "alias": "card"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; }, { "onCardAction": "onCardAction"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DCConversationCardUIComponent, "dc-agent-card-default-ui", never, { "card": { "alias": "card"; "required": false; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; }, { "onCardAction": "onCardAction"; }, never, never, true, never>;
 }

package/lib/components/dc-agent-card-lists/dc-agent-card-lists.component.d.ts

@@ -1,8 +1,6 @@
-import { OnInit, Type, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
+import { OnInit, Type, OnDestroy } from '@angular/core';
 import { IAgentCard } from '../../models/agent.models';
-import { ActivatedRoute, Router } from '@angular/router';
-import { FiltersConfig, PaginationBase, ToastAlertsAbstractService, PColumn, OnActionEvent } from '@dataclouder/ngx-core';
+import { FiltersConfig, PaginationBase, PColumn, OnActionEvent } from '@dataclouder/ngx-core';
 import { DCConversationCardUIComponent } from './agent-card-default-ui/agent-card-default-ui.component';
 import { NgComponentOutlet } from '@angular/common';
 import { QueryList } from '@angular/core';
@@ -13,16 +11,17 @@ export declare class AgentCardListComponent extends PaginationBase implements On
     private toastService;
     private cdr;
     viewMode: 'cards' | 'table';
-    customCardComponent?: Type<DCConversationCardUIComponent>;
-    showOptions?: boolean;
-    gridLayout: boolean;
-    getCustomButtons: (card: IAgentCard) => MenuItem[];
+    readonly customCardComponent: import("@angular/core").InputSignal<Type<DCConversationCardUIComponent>>;
+    readonly showOptions: import("@angular/core").InputSignal<boolean>;
+    readonly gridLayout: import("@angular/core").InputSignal<boolean>;
+    readonly getCustomButtons: import("@angular/core").InputSignal<(card: IAgentCard) => MenuItem[]>;
     outlets: QueryList<NgComponentOutlet>;
     protected columns: PColumn[];
     agentCards: IAgentCard[];
     private cardEventSubs;
     cardComponent: Type<DCConversationCardUIComponent>;
-    constructor(agentCardService: AgentCardsAbstractService, toastService: ToastAlertsAbstractService, route: ActivatedRoute, router: Router, cdr: ChangeDetectorRef);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     subscribeDinamicInstantToEvents(): void;
     private subscribeToCardEvents;
@@ -41,5 +40,5 @@ export declare class AgentCardListComponent extends PaginationBase implements On
     filterChange(filters: FiltersConfig): Promise<void>;
     onCardAction(actionEvent: OnActionEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AgentCardListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AgentCardListComponent, "dc-agent-card-lists", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "customCardComponent": { "alias": "customCardComponent"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; "gridLayout": { "alias": "gridLayout"; "required": false; }; "getCustomButtons": { "alias": "getCustomButtons"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AgentCardListComponent, "dc-agent-card-lists", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "customCardComponent": { "alias": "customCardComponent"; "required": false; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; "gridLayout": { "alias": "gridLayout"; "required": false; "isSignal": true; }; "getCustomButtons": { "alias": "getCustomButtons"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/dc-agent-form/account-platform/account-platform-form.component.d.ts

@@ -1,7 +1,5 @@
 import { OnInit } from '@angular/core';
-import { FormArray, FormBuilder } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
-import { ToastAlertsAbstractService } from '@dataclouder/ngx-core';
+import { FormArray } from '@angular/forms';
 import { EAccountsPlatform } from '../../../models/agent.models';
 import * as i0 from "@angular/core";
 export declare class AccountPlatformForm implements OnInit {
@@ -14,7 +12,8 @@ export declare class AccountPlatformForm implements OnInit {
         label: string;
         value: EAccountsPlatform;
     }[];
-    constructor(route: ActivatedRoute, fb: FormBuilder, router: Router, toastService: ToastAlertsAbstractService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     genericId: any;
     ngOnInit(): Promise<void>;
     save(): Promise<void>;

package/lib/components/dc-agent-form/dc-agent-card-form.component.d.ts

@@ -1,13 +1,10 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
-import { FormBuilder, FormArray } from '@angular/forms';
-import { Router, ActivatedRoute } from '@angular/router';
-import { AudioSpeed, ToastAlertsAbstractService } from '@dataclouder/ngx-core';
-import { StorageImageSettings, MultiImagesStorageService } from '@dataclouder/ngx-cloud-storage';
-import { DCConversationPromptBuilderService } from '../../services/dc-conversation-builder.service';
+import { OnInit } from '@angular/core';
+import { FormArray } from '@angular/forms';
+import { AudioSpeed } from '@dataclouder/ngx-core';
+import { StorageImageSettings } from '@dataclouder/ngx-cloud-storage';
 import { DialogService } from 'primeng/dynamicdialog';
 import { ConversationType, TextEngines } from '../../models/conversation-enums';
 import { EAccountsPlatform, IAgentCard } from '../../models/agent.models';
-import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
 import * as i0 from "@angular/core";
 export declare class DCAgentCardFormComponent implements OnInit {
     private fb;
@@ -18,7 +15,7 @@ export declare class DCAgentCardFormComponent implements OnInit {
     private activatedRoute;
     dialogService: DialogService;
     private promptBuilder;
-    private toastService?;
+    private toastService;
     textEngines: TextEngines[];
     conversationOptions: {
         value: ConversationType;
@@ -41,14 +38,14 @@ export declare class DCAgentCardFormComponent implements OnInit {
         label: string;
         value: AudioSpeed;
     }[];
-    storageSettings: StorageImageSettings;
-    bannerImgSettings: StorageImageSettings;
-    imageStorageSettings: StorageImageSettings;
+    readonly storageSettings: import("@angular/core").InputSignal<StorageImageSettings>;
+    readonly bannerImgSettings: import("@angular/core").InputSignal<StorageImageSettings>;
+    readonly imageStorageSettings: import("@angular/core").InputSignal<StorageImageSettings>;
     stickerStorageSettings: StorageImageSettings;
-    onImageLoaded: EventEmitter<any>;
-    onSave: EventEmitter<any>;
-    onGoDetails: EventEmitter<string>;
-    onTranslate: EventEmitter<any>;
+    readonly onImageLoaded: import("@angular/core").OutputEmitterRef<any>;
+    readonly onSave: import("@angular/core").OutputEmitterRef<any>;
+    readonly onGoDetails: import("@angular/core").OutputEmitterRef<string>;
+    readonly onTranslate: import("@angular/core").OutputEmitterRef<any>;
     markdownForm: import("@angular/forms").FormGroup<{
         seeMarkdown: import("@angular/forms").FormControl<boolean>;
     }>;
@@ -97,7 +94,8 @@ export declare class DCAgentCardFormComponent implements OnInit {
         }>;
         accounts: FormArray<import("@angular/forms").FormControl<unknown>>;
     }>;
-    constructor(fb: FormBuilder, storageService: MultiImagesStorageService, agentCardService: AgentCardsAbstractService, cdr: ChangeDetectorRef, router: Router, activatedRoute: ActivatedRoute, dialogService: DialogService, promptBuilder: DCConversationPromptBuilderService, toastService?: ToastAlertsAbstractService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     private loadConversationCard;
     private patchFormWithConversationData;
@@ -120,6 +118,6 @@ export declare class DCAgentCardFormComponent implements OnInit {
     generateCharacter(): Promise<void>;
     private extractJsonFromResponse;
     removeSticker(sticker: any): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DCAgentCardFormComponent, [null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DCAgentCardFormComponent, "dc-agent-form", never, { "storageSettings": { "alias": "storageSettings"; "required": false; }; "bannerImgSettings": { "alias": "bannerImgSettings"; "required": false; }; "imageStorageSettings": { "alias": "imageStorageSettings"; "required": false; }; }, { "onImageLoaded": "onImageLoaded"; "onSave": "onSave"; "onGoDetails": "onGoDetails"; "onTranslate": "onTranslate"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DCAgentCardFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DCAgentCardFormComponent, "dc-agent-form", never, { "storageSettings": { "alias": "storageSettings"; "required": false; "isSignal": true; }; "bannerImgSettings": { "alias": "bannerImgSettings"; "required": false; "isSignal": true; }; "imageStorageSettings": { "alias": "imageStorageSettings"; "required": false; "isSignal": true; }; }, { "onImageLoaded": "onImageLoaded"; "onSave": "onSave"; "onGoDetails": "onGoDetails"; "onTranslate": "onTranslate"; }, never, never, true, never>;
 }

package/lib/components/icons/icons.component.d.ts

@@ -1,15 +1,15 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { IconName } from './icon-map';
+import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class IconsComponent implements OnChanges {
     private sanitizer;
-    name: IconName;
-    size: number;
-    color: string;
+    readonly name: import("@angular/core").InputSignal<"play" | "chat" | "loading">;
+    readonly size: import("@angular/core").InputSignal<number>;
+    readonly color: import("@angular/core").InputSignal<string>;
     sanitizedIcon: SafeHtml;
-    constructor(sanitizer: DomSanitizer);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconsComponent, "dc-icon", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconsComponent, "dc-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/prompt-preview-dialog/prompt-preview-dialog.component.d.ts

@@ -1,10 +1,11 @@
-import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
 import * as i0 from "@angular/core";
 export declare class PromptPreviewDialogComponent {
     private dynamicDialogConfig;
     dialogRef: DynamicDialogRef<void>;
     data: any;
-    constructor(dynamicDialogConfig: DynamicDialogConfig, dialogRef: DynamicDialogRef<void>);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PromptPreviewDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PromptPreviewDialogComponent, "dc-prompt-preview-dialog", never, {}, {}, never, never, true, never>;

package/lib/components/provider-selector/provider-selector.component.d.ts

@@ -1,6 +1,5 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
 import * as i0 from "@angular/core";
 /**
  * A component that provides AI model provider selection functionality.
@@ -28,7 +27,8 @@ export declare class ProviderSelectorComponent implements OnInit {
     isLoadingModels: boolean;
     /** Array of available models for the selected provider */
     modelnames: any[];
-    constructor(conversationCardAIService: AgentCardsAbstractService, cdr: ChangeDetectorRef);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     /**
      * Initializes the component by setting up subscriptions to provider changes
      * and loading initial models if a provider is already selected.

package/lib/components/standalone-audio-text-sync/standalone-audio-text-sync.component.d.ts

@@ -0,0 +1,62 @@
+import { OnDestroy } from '@angular/core';
+import { MessageAudio } from '../../models/agent.models';
+import * as i0 from "@angular/core";
+/**
+ * Interface for highlighted word state
+ */
+export interface HighlightedWord {
+    word: string;
+    index: number;
+    isHighlighted: boolean;
+}
+/**
+ * Standalone component for audio-text synchronization
+ * This component can work independently from the chat component
+ */
+export declare class StandaloneAudioTextSyncComponent implements OnDestroy {
+    message: import("@angular/core").InputSignal<MessageAudio>;
+    highlightedWords: import("@angular/core").WritableSignal<HighlightedWord[]>;
+    isLoading: import("@angular/core").Signal<boolean>;
+    shouldPlayAudio: import("@angular/core").Signal<boolean>;
+    readonly playAudio: import("@angular/core").OutputEmitterRef<MessageAudio>;
+    readonly audioCompleted: import("@angular/core").OutputEmitterRef<MessageAudio>;
+    private audioElement;
+    private destroy$;
+    private cdr;
+    private destroyRef;
+    messageText: import("@angular/core").Signal<string>;
+    hasTranscription: import("@angular/core").Signal<boolean>;
+    constructor();
+    /**
+     * Track function for ngFor to improve performance
+     */
+    trackByIndex(index: number, item: any): number;
+    ngOnDestroy(): void;
+    private initializeBasedOnMessage;
+    /**
+     * Initialize the audio element and set up event listeners
+     */
+    private initializeAudio;
+    /**
+     * Initialize highlighted words from transcription timestamps
+     */
+    private initializeHighlightedWords;
+    /**
+     * Set up audio synchronization with text
+     */
+    private setupAudioSync;
+    /**
+     * Clean up audio element and event listeners
+     */
+    private cleanupAudio;
+    /**
+     * Play or pause the audio
+     */
+    onPlayMessage(): void;
+    /**
+     * Start audio playback and handle any setup needed
+     */
+    private startAudioPlayback;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StandaloneAudioTextSyncComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StandaloneAudioTextSyncComponent, "dc-standalone-audio-text-sync", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "playAudio": "playAudio"; "audioCompleted": "audioCompleted"; }, never, never, true, never>;
+}

package/lib/components/translate-dialog/translate-dialog.component.d.ts

@@ -1,5 +1,4 @@
-import { DialogRef } from '@angular/cdk/dialog';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class TranslateDialogComponent {
     private fb;
@@ -12,9 +11,8 @@ export declare class TranslateDialogComponent {
         code: string;
         description: string;
     }[];
-    constructor(fb: FormBuilder, dialogRef: DialogRef<string>, data: {
-        currentLang: string;
-    });
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     onCancel(): void;
     onConfirm(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslateDialogComponent, never>;