@dataclouder/ngx-agent-cards 0.0.83 → 0.0.85

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

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MicSettings } from '@dataclouder/ngx-mic';
+import { ChatMessage } 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>;
+    chatInputControl: FormControl;
+    /**
+     * Sets the input text in the textarea
+     * @param text The text to set
+     */
+    setInputText(text: string): void;
+    /**
+     * Handles the mic finished event
+     * @param eventBlob The blob event from the mic component
+     */
+    micFinished(eventBlob: any): void;
+    /**
+     * Sends the user message
+     */
+    sendUserMessage(): void;
+    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>;
+}

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

@@ -0,0 +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;
+    alternativeConversation: IAgentCard[];
+    restartConversationEvent: EventEmitter<IAgentCard>;
+    showInfoEvent: EventEmitter<void>;
+    settingsClickEvent: EventEmitter<void>;
+    constructor(agentCardService: AgentCardsAbstractService);
+    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; }; }, { "restartConversationEvent": "restartConversationEvent"; "showInfoEvent": "showInfoEvent"; "settingsClickEvent": "settingsClickEvent"; }, never, never, true, never>;
+}

package/lib/components/chat/chat.models.d.ts

@@ -0,0 +1,2 @@
+import { IMiniAgentCard } from '../../models/agent.models';
+export declare const DefaultEvaluatorAgentCard: IMiniAgentCard;

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

@@ -1,5 +1,4 @@
 import { EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
-import { FormControl } from '@angular/forms';
 import { DialogService } from 'primeng/dynamicdialog';
 import { ToastAlertsAbstractService } from '@dataclouder/ngx-core';
 import { MicSettings } from '@dataclouder/ngx-mic';
@@ -27,8 +26,8 @@ export declare class DCChatComponent implements OnInit {
     thinkingImg: string;
     isDestroyed: boolean;
     score: number;
+    isAdmin: boolean;
     isChatSettingsVisible: boolean;
-    chatInputControl: FormControl;
     isAIThinking: boolean;
     isUserTalking: boolean;
     aiIcon: string;
@@ -39,20 +38,19 @@ export declare class DCChatComponent implements OnInit {
     alternativeConversation: IAgentCard[];
     ngOnInit(): Promise<void>;
     private buildChatMessage;
-    settingsClick(): void;
+    changeUserChatSettings(): void;
     ngOnDestroy(): void;
     setAIthinking(): void;
     sendUserMessage(message?: ChatMessage): Promise<void>;
     sendCurrentConversation(): Promise<void>;
     private getVoice;
-    setInputText(text: any): void;
+    setInputText(text: string): void;
     micFinished(eventBlob: any): Promise<void>;
     playMessage(message: ChatMessage): void;
     subsItalicsByTag(text: any, voiceId?: string, tagName?: string): any;
     private processMultiMessages;
     isInfoVisible: boolean;
     showInfo(): void;
-    changeConversationCard(): Promise<void>;
     restartConversation(conversation?: IAgentCard): Promise<void>;
     private evaluateConversation;
     static ɵfac: i0.ɵɵFactoryDeclaration<DCChatComponent, never>;

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

@@ -1,28 +1,25 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { OnInit, WritableSignal } from '@angular/core';
 import { ChatMessage, ChatMultiMessage, ChatUserSettings } 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 * as i0 from "@angular/core";
-export declare class ChatMessageComponent implements OnInit, OnDestroy {
+export declare class ChatMessageComponent implements OnInit {
     private audioService;
     private agentCardService;
-    private cdr;
+    private audioTextSyncService;
     chatMessage: ChatMessage;
     chatUserSettings: ChatUserSettings;
-    isDestroyed: boolean;
-    message: ChatMessage | ChatMultiMessage;
-    conversationChatSettings: any;
-    private defaultconvUserSettings;
-    constructor(audioService: AudioService, agentCardService: AgentCardsAbstractService, cdr: ChangeDetectorRef);
+    private readonly destroyRef;
+    conversationChatSettings: WritableSignal<ChatUserSettings | null>;
+    isLoading: WritableSignal<boolean>;
+    constructor(audioService: AudioService, agentCardService: AgentCardsAbstractService, audioTextSyncService: AudioTextSyncService);
     ngOnInit(): Promise<void>;
-    ngOnDestroy(): void;
-    generateAndPlayAudio(message: ChatMessage, overwritetext?: any): Promise<void>;
-    private extractAudioAndTranscription;
-    playMessage(message: ChatMessage | ChatMultiMessage): HTMLAudioElement;
-    subscribeToTimeUpdate(audioHtml: any, transcriptionTimestamps?: any): void;
+    generateAndPlayAudio(message: ChatMessage, overwriteText?: string | null): Promise<void>;
+    playMessage(message: ChatMessage | ChatMultiMessage): HTMLAudioElement | null;
     generateAndPlayAllAudios(multiMessages: ChatMultiMessage[]): void;
-    private getTTSRequest;
-    private matchTranscription;
+    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>;
 }

package/lib/components/chat-message/chat-message.utils.d.ts

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

package/lib/components/chat-message/message-content/message-content.component.d.ts

@@ -0,0 +1,28 @@
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { ChatMessage, ChatMultiMessage } from '../../../models/agent.models';
+import { AudioTextSyncService } from '../../../services/audio-text-sync.service';
+import * as i0 from "@angular/core";
+export declare class MessageContentComponent implements OnInit {
+    private cdr;
+    private audioTextSyncService;
+    message: ChatMessage | ChatMultiMessage;
+    isLoading: boolean;
+    playAudio: EventEmitter<ChatMultiMessage | ChatMessage>;
+    highlightedWords: import("@angular/core").Signal<import("../../../services/audio-text-sync.service").HighlightedWord[]>;
+    constructor(cdr: ChangeDetectorRef, audioTextSyncService: AudioTextSyncService);
+    get hasTranscription(): boolean;
+    get messageText(): string;
+    get messageTag(): string | string[] | Set<string> | {
+        [klass: string]: any;
+    } | null;
+    onPlayMessage(): void;
+    /**
+     * Track function for ngFor to improve performance
+     * @param index The current item's index
+     * @param item The current item
+     */
+    trackByIndex(index: number, item: any): number;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageContentComponent, "dc-message-content", never, { "message": { "alias": "message"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "playAudio": "playAudio"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import { EventEmitter, 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>;
+    onPlayMessage(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>;
+}

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

@@ -2,17 +2,21 @@ import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
 import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
 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;
-    constructor(agentCardService: AgentCardsAbstractService, route: ActivatedRoute, cdr: ChangeDetectorRef);
-    conversationCardId: string;
+    private userDataExchange;
+    constructor(agentCardService: AgentCardsAbstractService, route: ActivatedRoute, cdr: ChangeDetectorRef, userDataExchange: UserDataExchangeAbstractService);
+    agentCardId: string;
     onStartConversation: EventEmitter<any>;
-    conversation: IAgentCard;
+    agentCard: IAgentCard;
     ngOnInit(): Promise<void>;
     startConversation(): void;
+    toggleInfoLayer(): void;
+    showInfoLayer: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DcAgentCardDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DcAgentCardDetailsComponent, "dc-agent-card-details", never, { "conversationCardId": { "alias": "conversationCardId"; "required": false; }; }, { "onStartConversation": "onStartConversation"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DcAgentCardDetailsComponent, "dc-agent-card-details", never, { "agentCardId": { "alias": "agentCardId"; "required": false; }; }, { "onStartConversation": "onStartConversation"; }, never, never, true, never>;
 }

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

@@ -1,15 +1,19 @@
 import { EventEmitter, 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;
-    onDetailsCard: EventEmitter<string>;
-    onEditCard: EventEmitter<string>;
-    onDeleteCard: EventEmitter<string>;
+    showOptions: boolean;
+    onCardAction: EventEmitter<{
+        event: string;
+        card: IAgentCard;
+    }>;
     onDetails(): void;
     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; }; }, { "onDetailsCard": "onDetailsCard"; "onEditCard": "onEditCard"; "onDeleteCard": "onDeleteCard"; }, never, never, true, 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>;
 }

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

@@ -1,8 +1,8 @@
-import { EventEmitter, OnInit, Type, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { OnInit, Type, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { AgentCardsAbstractService } from '../../models/conversation-ai.class';
 import { IAgentCard } from '../../models/agent.models';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FiltersConfig, PaginationBase, ToastAlertsAbstractService, PColumn } from '@dataclouder/ngx-core';
+import { FiltersConfig, PaginationBase, ToastAlertsAbstractService, 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';
@@ -14,14 +14,10 @@ export declare class AgentCardListComponent extends PaginationBase implements On
     private cdr;
     viewMode: 'cards' | 'table';
     customCardComponent?: Type<DCConversationCardUIComponent>;
+    showOptions?: boolean;
     gridLayout: boolean;
     getCustomButtons: (card: IAgentCard) => MenuItem[];
-    goToDetailsEvent: EventEmitter<string>;
-    goToEditEvent: EventEmitter<string>;
-    deleteEvent: EventEmitter<string>;
-    onSelect: EventEmitter<any>;
     outlets: QueryList<NgComponentOutlet>;
-    actions: MenuItem[];
     protected columns: PColumn[];
     agentCards: IAgentCard[];
     private cardEventSubs;
@@ -34,16 +30,16 @@ export declare class AgentCardListComponent extends PaginationBase implements On
     ngOnDestroy(): void;
     private loadConversationCards;
     getAllConversationCards(): Promise<IAgentCard[]>;
-    goToDetails(id: string): Promise<void>;
-    goToEdit(id?: string): Promise<void>;
+    goToDetails(action: {
+        action: string;
+        item: IAgentCard;
+    }): Promise<void>;
     deleteCard(id: string): Promise<void>;
     protected loadData(): Promise<void>;
+    doFilterBarAction({ action, item }: OnActionEvent): void;
     search(text: string): Promise<void>;
     filterChange(filters: FiltersConfig): Promise<void>;
-    doBarAction({ action, item }: {
-        action: string;
-        item: MenuItem | null;
-    }): 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; }; "gridLayout": { "alias": "gridLayout"; "required": false; }; "getCustomButtons": { "alias": "getCustomButtons"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "goToDetailsEvent": "goToDetailsEvent"; "goToEditEvent": "goToEditEvent"; "deleteEvent": "deleteEvent"; "onSelect": "onSelect"; }, never, never, true, 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>;
 }

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder, FormArray } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
-import { ToastAlertsAbstractService } from '@dataclouder/ngx-core';
+import { AudioSpeed, ToastAlertsAbstractService } from '@dataclouder/ngx-core';
 import { StorageImageSettings, MultiImagesStorageService } from '@dataclouder/ngx-cloud-storage';
 import { DCConversationPromptBuilderService } from '../../services/dc-conversation-builder.service';
 import { DialogService } from 'primeng/dynamicdialog';
@@ -37,6 +37,10 @@ export declare class DCAgentCardFormComponent implements OnInit {
     conversation: IAgentCard;
     agentCardId: string;
     imageSettings: any;
+    audioSpeedOptions: {
+        label: string;
+        value: AudioSpeed;
+    }[];
     storageSettings: StorageImageSettings;
     bannerImgSettings: StorageImageSettings;
     imageStorageSettings: StorageImageSettings;
@@ -71,14 +75,14 @@ export declare class DCAgentCardFormComponent implements OnInit {
             textEngine: import("@angular/forms").FormControl<TextEngines>;
             conversationType: import("@angular/forms").FormControl<ConversationType>;
             autoStart: import("@angular/forms").FormControl<boolean>;
+            tts: import("@angular/forms").FormGroup<{
+                voice: import("@angular/forms").FormControl<string>;
+                secondaryVoice: import("@angular/forms").FormControl<string>;
+                speed: import("@angular/forms").FormControl<string>;
+                speedRate: import("@angular/forms").FormControl<number>;
+            }>;
         }>;
         lang: import("@angular/forms").FormControl<string>;
-        tts: import("@angular/forms").FormGroup<{
-            voice: import("@angular/forms").FormControl<string>;
-            secondaryVoice: import("@angular/forms").FormControl<string>;
-            speed: import("@angular/forms").FormControl<string>;
-            speedRate: import("@angular/forms").FormControl<number>;
-        }>;
         metaApp: import("@angular/forms").FormGroup<{
             isPublished: import("@angular/forms").FormControl<boolean>;
             isPublic: import("@angular/forms").FormControl<boolean>;

package/lib/models/agent.models.d.ts

@@ -74,7 +74,6 @@ export interface IAgentCard {
     assets?: IAgentAssets;
     characterCard?: ICharacterCardDC;
     conversationSettings?: IConversationSettings;
-    tts?: ITTS;
     metaApp?: IAgentMetadata;
     accounts?: Array<IAccounts>;
 }
@@ -108,7 +107,7 @@ export declare class WordTimestamps {
     word: string;
     start: number;
     end: number;
-    highlighted: any;
+    highlighted: boolean;
 }
 export declare class ChatMultiMessage {
     voice: string;

package/lib/models/conversation-enums.d.ts

@@ -1,3 +1,4 @@
+import { ChatUserSettings } from './agent.models';
 export declare const LangCodeDescriptionEs: {
     es: string;
     en: string;
@@ -5,6 +6,7 @@ export declare const LangCodeDescriptionEs: {
     pt: string;
     fr: string;
 };
+export declare const defaultconvUserSettings: ChatUserSettings;
 export declare class VoiceTTSOption {
     provider: string;
     name: string;

package/lib/pipes/parse-card.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { IAgentCard } from '../models/agent.models';
+import * as i0 from "@angular/core";
+export declare class ParseCardPipe implements PipeTransform {
+    private userDataExchange;
+    private builderConversation;
+    transform(text: string, card?: IAgentCard): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParseCardPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ParseCardPipe, "parseCard", true>;
+}

package/lib/services/audio-text-sync.service.d.ts

@@ -0,0 +1,47 @@
+import { Signal } from '@angular/core';
+import { Observable } from 'rxjs';
+import { WordTimestamps } from '../models/agent.models';
+import * as i0 from "@angular/core";
+export interface HighlightedWord {
+    word: string;
+    index: number;
+    isHighlighted: boolean;
+}
+export declare class AudioTextSyncService {
+    private highlightedWordsSignal;
+    private highlightedWords$;
+    private cleanup$;
+    private activeAudio;
+    private destroyRef;
+    constructor();
+    /**
+     * Synchronizes audio playback with text transcription
+     * @param audioElement The audio element to sync with
+     * @param transcriptionTimestamps Array of word timestamps
+     */
+    syncAudioWithText(audioElement: HTMLAudioElement, transcriptionTimestamps: WordTimestamps[]): void;
+    /**
+     * Stops the current sync and cleans up resources
+     */
+    stopSync(): void;
+    /**
+     * Returns the current highlighted words as a signal
+     */
+    getHighlightedWordsSignal(): Signal<HighlightedWord[]>;
+    /**
+     * Returns the current highlighted words as an observable
+     */
+    getHighlightedWords$(): Observable<HighlightedWord[]>;
+    /**
+     * Checks if a word at a specific index is currently highlighted
+     * @param index The index of the word to check
+     */
+    isWordHighlighted(index: number): boolean;
+    /**
+     * Returns an observable that emits true when a word at a specific index is highlighted
+     * @param index The index of the word to observe
+     */
+    isWordHighlighted$(index: number): Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioTextSyncService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AudioTextSyncService>;
+}

package/lib/services/dc-conversation-builder.service.d.ts

@@ -11,9 +11,14 @@ export declare class DCConversationPromptBuilderService {
         [key: string]: string;
     }): ChatMessage[];
     private getDefaultParseDict;
+    getDefaultCardParseDict(card: IAgentCard): {
+        [key: string]: string;
+    };
     convertConversationToHtml(messages: ChatMessage[], jailBrake?: string): string;
     private parseConversation;
-    private applyReplacements;
+    applyReplacements(text: string, replacements: {
+        [key: string]: string;
+    }): string;
     private getDefaultPromptByType;
     private buildInitialConversation;
     private selectOneRandomGreeting;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataclouder/ngx-agent-cards",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",