@dataclouder/ngx-agent-cards 0.1.63 → 0.1.65

package/fesm2022/dataclouder-ngx-agent-cards.mjs

@@ -1082,13 +1082,25 @@ function getDefaultPromptByType(conversationType) {
     return prompt;
 }
 
+const DEFAULT_AVATAR_IMAGES = {
+    user: 'assets/defaults/avatar_user.png',
+    assistant: 'assets/defaults/avatar_ai.webp',
+};
 class ConversationPromptBuilderService {
     constructor() {
         this.userService = inject(UserService);
     }
     // For chat conversation i need inital settings.
-    buildConversationSettings(agentCard, parseDict = null) {
+    buildConversationSettingsFromAgentCard(agentCard, parseDict = null) {
         const converstionSettings = agentCard?.conversationSettings || {};
+        converstionSettings.avatarImages = { ...DEFAULT_AVATAR_IMAGES }; // agent does not have avatar images so use default.
+        if (agentCard?.assets?.image?.url) {
+            converstionSettings.avatarImages.assistant = agentCard.assets.image.url;
+        }
+        if (this.userService.user().urlPicture) {
+            converstionSettings.avatarImages.user = this.userService.user().urlPicture;
+        }
+        // Agregar avatas aqui.
         converstionSettings.messages = this.buildConversationMessages(agentCard, parseDict);
         converstionSettings.last_prompt = this.getJailBrakePrompt(agentCard);
         return converstionSettings;
@@ -1434,11 +1446,9 @@ const Endpoints$2 = {
     AgentCard: 'api/agent-cards', // For findById, getAll, save (POST/PUT), delete
     AgentCardQuery: 'api/agent-cards/query', // For filterConversationCards, findAgentCardByTitle
     UserCards: 'api/agent-cards/user-cards', // For findFilteredAgentCards
-    VertexTTS: 'api/vertex-adapter/tts/synthesize',
     ListModels: 'api/agent-cards/models', // For getListModels
     TranslateConversation: 'api/agent-cards/translate', // For translateConversation
-    TranscribeAudio: 'api/audio/transcribe/whisper', // For getAudioTranscriptions
-    // UserChatSettings: 'api/users/chat-settings', // Example for get/saveConversationUserChatSettings if not throwing error
+    TranscribeAudio: 'api/ai-services/adapter/stt/transcribe-bytes', // For getAudioTranscriptions
 };
 // ♦️ Finish this will be the default so i dont need to create a new one everytime
 class DefaultAgentCardsService extends EntityCommunicationService {
@@ -1511,7 +1521,7 @@ class DefaultAgentCardsService extends EntityCommunicationService {
     async getAudioTranscriptions(audio, options) {
         // Note: Original service in agent-cards.service.ts used 'node' as host. Using 'primary'.
         // 'options' parameter corresponds to 'metadata' in the original service.
-        return this.httpService.uploadFile(`${Endpoints$2.TranscribeAudio}`, audio, options, 'primary');
+        return this.httpService.uploadFile(`${Endpoints$2.TranscribeAudio}?provider=groq`, audio, options, this.appConfig.aiServicesUrl);
     }
     async callInstruction(prompt, model) {
         const messages = [{ content: prompt, role: ChatRole.User }];
@@ -1947,28 +1957,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
         }], ctorParameters: () => [] });
 
 class MessageProcessingService {
-    processMessage(message, conversationSettings, extraData = {}) {
+    processMessage(message, conversationSettings) {
         const processedMessage = {
             ...message,
             messageId: message.messageId || nanoid(),
         };
         if (processedMessage.role === ChatRole.User) {
-            return this.processUserMessage(processedMessage, extraData);
+            if (conversationSettings.avatarImages.user) {
+                processedMessage.imgUrl = conversationSettings.avatarImages.user;
+            }
+            return processedMessage;
         }
         if (processedMessage.role === ChatRole.Assistant) {
-            return this.processAssistantMessage(processedMessage, conversationSettings, extraData);
+            return this.processAssistantMessage(processedMessage, conversationSettings);
         }
         return processedMessage;
     }
-    processUserMessage(message, extraData) {
-        if (extraData.userImg) {
-            message.imgUrl = extraData.userImg;
-        }
-        return message;
-    }
-    processAssistantMessage(message, settings, extraData) {
-        if (extraData.assistantImg) {
-            message.imgUrl = extraData.assistantImg;
+    processAssistantMessage(message, settings) {
+        if (settings.avatarImages.assistant) {
+            message.imgUrl = settings.avatarImages.assistant;
         }
         const mainVoice = settings?.mainVoice?.voice || settings?.tts?.voice;
         message.voice = this.getVoice(mainVoice);
@@ -2005,10 +2012,10 @@ class MessageProcessingService {
         });
     }
     processSSML(message, settings) {
-        if (!settings?.tts?.secondaryVoice) {
+        if (!settings?.secondaryVoice?.voice) {
             throw new Error('Secondary voice is required for SSML');
         }
-        const content = this.subsItalicsByTag(message.content, settings.tts.secondaryVoice);
+        const content = this.subsItalicsByTag(message.content, settings.secondaryVoice.voice);
         message.ssml = `<speak>${content}</speak>`;
     }
     splitContent(content, maxLength) {
@@ -2690,6 +2697,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }] });
 
+const DEFUALT_USER_AVATAR = 'assets/defaults/avatar_user.jpg';
+const DEFUALT_ASSISTANT_AVATAR = 'assets/defaults/avatar_ai.webp';
 class ConversationService {
     constructor() {
         this.defaultAgentCardService = inject(DefaultAgentCardsService);
@@ -2712,9 +2721,9 @@ class ConversationService {
         this.wordClickedSignal = signal(null, ...(ngDevMode ? [{ debugName: "wordClickedSignal" }] : [])); // Signal for clicked word
         this.agentCardSignal = signal(null, ...(ngDevMode ? [{ debugName: "agentCardSignal" }] : []));
         this.agentCard$ = this.agentCardSignal.asReadonly();
-        // Var State
-        this.avatarImages = { userImg: 'assets/defaults/avatar_user.png', assistantImg: 'assets/defaults/avatar_ai.webp' };
     }
+    // Var State
+    // private avatarImages = { userImg: 'assets/defaults/avatar_user.png', assistantImg: 'assets/defaults/avatar_ai.webp' };
     /**
      * Notifies subscribers that a word has been clicked in a message.
      * @param wordData The data associated with the clicked word.
@@ -2731,7 +2740,7 @@ class ConversationService {
     }
     createNewUserMessage() {
         const message = { content: '...', role: ChatRole.User };
-        const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState(), this.avatarImages);
+        const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState());
         this.messagesStateService.addMessage(processedMessage);
         return processedMessage.messageId;
     }
@@ -2751,8 +2760,7 @@ class ConversationService {
     }
     setupConversationWithAgentCard(agentCard, parseDict = null, defaultAppConversationFlow = null) {
         this.agentCardSignal.set(agentCard);
-        this.avatarImages.assistantImg = agentCard?.assets?.image?.url || this.avatarImages.assistantImg;
-        const conversationSettings = this.conversationBuilder.buildConversationSettings(agentCard, parseDict);
+        const conversationSettings = this.conversationBuilder.buildConversationSettingsFromAgentCard(agentCard, parseDict);
         this.overrideSettingsByUserSettings(conversationSettings);
         this.conversationSettingsState.set(conversationSettings);
         const conversationFlow = this.mergeConversationFlows(agentCard.conversationFlow, defaultAppConversationFlow);
@@ -2779,13 +2787,18 @@ class ConversationService {
         return mergedFlow;
     }
     async initConversationWithSettings(conversationSettings, conversationFlow) {
+        // Assign images.
         this.overrideSettingsByUserSettings(conversationSettings);
+        // Set default images.
+        conversationSettings.avatarImages = conversationSettings.avatarImages || { user: DEFUALT_USER_AVATAR, assistant: DEFUALT_ASSISTANT_AVATAR };
+        if (!conversationSettings.avatarImages?.user) {
+            conversationSettings.avatarImages.user = this.userService.user().urlPicture || DEFUALT_USER_AVATAR;
+        }
         this.conversationSettingsState.set(conversationSettings);
         this.dynamicFlowService.setConversationFlow(conversationFlow);
         await this.initConversation();
     }
     async initConversation() {
-        this.avatarImages.userImg = this.userService.user().urlPicture;
         const conversationSettings = this.conversationSettingsState();
         for (const i in conversationSettings.messages) {
             if (!conversationSettings.messages[i].messageId) {
@@ -2804,7 +2817,7 @@ class ConversationService {
             const firstAssistantMsg = conversationSettings.messages.find((message) => message.role === ChatRole.Assistant);
             if (firstAssistantMsg) {
                 // Process the first assistant message
-                const processedMessage = this.messageProcessingService.processMessage(firstAssistantMsg, this.conversationSettingsState(), this.avatarImages);
+                const processedMessage = this.messageProcessingService.processMessage(firstAssistantMsg, this.conversationSettingsState());
                 this.messagesStateService.updateMessage(firstAssistantMsg.messageId, processedMessage);
                 // Find the index of the message with the matching ID
                 const messageIndex = conversationSettings.messages.findIndex((message) => message.messageId === firstAssistantMsg.messageId);
@@ -2853,7 +2866,7 @@ class ConversationService {
         }
         else {
             // Means is new meessage, Process and add the new message
-            const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState(), this.avatarImages);
+            const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState());
             // Ensure ID exists (processMessage should handle this, but fallback just in case)
             processedMessage.messageId = processedMessage.messageId || nanoid();
             this.messagesStateService.addMessage(processedMessage);
@@ -2911,7 +2924,7 @@ class ConversationService {
             throw new Error('No message returned from AI');
         }
         // Process response
-        const newMessage = this.messageProcessingService.processMessage({ content: response.content, role: ChatRole.Assistant }, conversationSettings, this.avatarImages);
+        const newMessage = this.messageProcessingService.processMessage({ content: response.content, role: ChatRole.Assistant }, conversationSettings);
         this.messagesStateService.addMessage(newMessage);
         this.isThinkingSignal.set(false);
         // Run Dynamic Flow Evaluations
@@ -6222,7 +6235,7 @@ class DCAgentCardFormComponent extends EntityBaseFormComponent {
         const imageSettings = {
             path: 'conversation-cards/' + this.entityId(),
             fileName: '',
-            cropSettings: { aspectRatio: AspectType.Vertical_9_16, resolutions: [ResolutionType.MediumLarge], resizeToWidth: 450 },
+            cropSettings: { aspectRatio: AspectType.vertical_9_16, resolutions: [ResolutionType.MediumLarge], resizeToWidth: 450 },
         };
         return imageSettings;
     }
@@ -7075,11 +7088,11 @@ class ConversationRuleFormComponent extends EntityBaseFormComponent {
         alert('Relation selected');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConversationRuleFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ConversationRuleFormComponent, isStandalone: true, selector: "app-source-form", usesInheritance: true, ngImport: i0, template: "<h3>ConversationRules Form</h3>\n\n<div class=\"source-form-card\">\n  <p-card [header]=\"entityId() ? 'Edit Conversation Rule' : 'New Conversation Rule'\">\n    <form [formGroup]=\"form\">\n      <div style=\"display: flex; gap: 10px\">\n        <div style=\"width: 100%\">\n          <div class=\"form-field\">\n            <label for=\"name\" class=\"block\">Name</label>\n            <input pInputText id=\"name\" type=\"text\" formControlName=\"name\" placeholder=\"Enter source name\" />\n          </div>\n\n          <div class=\"form-field\">\n            <label for=\"description\" class=\"block\">Description</label>\n            <textarea id=\"description\" pTextarea formControlName=\"description\" rows=\"1\" class=\"w-full\" placeholder=\"Enter source content\"> </textarea>\n          </div>\n\n          <div class=\"form-field\">\n            <label for=\"rule\" class=\"block\">Rule</label>\n            <textarea id=\"rule\" pTextarea formControlName=\"rule\" rows=\"3\" class=\"w-full\" placeholder=\"Enter source content\"> </textarea>\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div style=\"display: flex; justify-content: flex-end\">\n      <p-button (click)=\"save()\" label=\"Save Rule\" [disabled]=\"!form.valid\" icon=\"pi pi-check\" iconPos=\"right\"> </p-button>\n    </div>\n\n    <p-dialog header=\"Search for relation\" [(visible)]=\"isDialogVisible\" [modal]=\"true\" [style]=\"{ width: '50vw' }\" draggable=\"false\">\n      <app-conversationRule-list [onlyView]=\"true\" (onSelect)=\"handleRelationSelection($event)\"></app-conversationRule-list>\n    </p-dialog>\n  </p-card>\n</div>\n", styles: [":host{display:block;padding:1rem}.source-form-card{max-width:800px;margin:0 auto}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-field input,.form-field textarea,.form-field ::ng-deep .p-element{margin-top:.25rem}:host ::ng-deep .p-card .p-card-content>div:last-child{margin-top:1.5rem;display:flex;justify-content:flex-end}:host ::ng-deep .p-card .p-card-header{background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}h3{color:#495057;margin-bottom:1.5rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i2$7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i3.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ChipModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5$2.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: ConversationRuleListComponent, selector: "app-conversationRule-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ConversationRuleFormComponent, isStandalone: true, selector: "app-conversation-rule-form", usesInheritance: true, ngImport: i0, template: "<h3>ConversationRules Form</h3>\n\n<div class=\"source-form-card\">\n  <p-card [header]=\"entityId() ? 'Edit Conversation Rule' : 'New Conversation Rule'\">\n    <form [formGroup]=\"form\">\n      <div style=\"display: flex; gap: 10px\">\n        <div style=\"width: 100%\">\n          <div class=\"form-field\">\n            <label for=\"name\" class=\"block\">Name</label>\n            <input pInputText id=\"name\" type=\"text\" formControlName=\"name\" placeholder=\"Enter source name\" />\n          </div>\n\n          <div class=\"form-field\">\n            <label for=\"description\" class=\"block\">Description</label>\n            <textarea id=\"description\" pTextarea formControlName=\"description\" rows=\"1\" class=\"w-full\" placeholder=\"Enter source content\"> </textarea>\n          </div>\n\n          <div class=\"form-field\">\n            <label for=\"rule\" class=\"block\">Rule</label>\n            <textarea id=\"rule\" pTextarea formControlName=\"rule\" rows=\"3\" class=\"w-full\" placeholder=\"Enter source content\"> </textarea>\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div style=\"display: flex; justify-content: flex-end\">\n      <p-button (click)=\"save()\" label=\"Save Rule\" [disabled]=\"!form.valid\" icon=\"pi pi-check\" iconPos=\"right\"> </p-button>\n    </div>\n\n    <p-dialog header=\"Search for relation\" [(visible)]=\"isDialogVisible\" [modal]=\"true\" [style]=\"{ width: '50vw' }\" draggable=\"false\">\n      <app-conversationRule-list [onlyView]=\"true\" (onSelect)=\"handleRelationSelection($event)\"></app-conversationRule-list>\n    </p-dialog>\n  </p-card>\n</div>\n", styles: [":host{display:block;padding:1rem}.source-form-card{max-width:800px;margin:0 auto}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-field input,.form-field textarea,.form-field ::ng-deep .p-element{margin-top:.25rem}:host ::ng-deep .p-card .p-card-content>div:last-child{margin-top:1.5rem;display:flex;justify-content:flex-end}:host ::ng-deep .p-card .p-card-header{background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}h3{color:#495057;margin-bottom:1.5rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i2$7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i3.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ChipModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5$2.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: ConversationRuleListComponent, selector: "app-conversationRule-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConversationRuleFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-source-form', imports: [
+            args: [{ selector: 'app-conversation-rule-form', imports: [
                         ReactiveFormsModule,
                         CardModule,
                         TextareaModule,
@@ -7129,6 +7142,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             args: [{ selector: 'app-conversationRules', imports: [RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<router-outlet />\n", styles: [":host{display:block;height:100%}\n"] }]
         }] });
 
+class ChatEngineTestComponent {
+    constructor() {
+        this.conversationSettings = {
+            autoStart: false,
+            messages: [
+                { role: ChatRole.System, content: 'You are a Teacher english, you only now english and cant speak another language.' },
+                { role: ChatRole.System, content: 'talk with the user and help him to learn english.' },
+                { role: ChatRole.User, content: 'Hello' },
+                { role: ChatRole.Assistant, content: 'Hello, its a wonderful day.' },
+            ],
+            // avatarImages: {
+            //   user: 'https://res.cloudinary.com/hcti/image/fetch/c_limit,f_auto,q_auto:good,w_400/https://docs.htmlcsstoimage.com/assets/images/cat.png',
+            //   assistant: 'https://pngimg.com/uploads/pokemon/pokemon_PNG129.png',
+            // },
+        };
+        this.conversationFlow = {
+            goal: { task: 'Have a simple conversation' },
+            triggerTasks: {},
+            dynamicConditions: [],
+            moodState: { enabled: false, useAssetStatesOnly: false, detectableStates: [] },
+        };
+        this.agentCard = {
+            name: 'Test Agent',
+            description: 'This is a test agent card.',
+            characterCard: {
+                data: {
+                    name: 'Test Agent',
+                    description: 'This is a test agent card.',
+                    tags: ['test', 'dummy'],
+                    gender: 'other',
+                    hook: 'A friendly assistant for testing purposes.',
+                },
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatEngineTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ChatEngineTestComponent, isStandalone: true, selector: "dc-chat-engine-test", ngImport: i0, template: "<div class=\"chat-engine-test-container\">\n  <dc-chat [conversationSettings]=\"conversationSettings\"></dc-chat>\n</div>\n", styles: [".chat-engine-test-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DCChatComponent, selector: "dc-chat", inputs: ["chatUserSettings", "conversationSettings", "conversationFlow", "agentCard", "parseDict"], outputs: ["chatEvent", "goalCompleted"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatEngineTestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dc-chat-engine-test', standalone: true, imports: [CommonModule, DCChatComponent], template: "<div class=\"chat-engine-test-container\">\n  <dc-chat [conversationSettings]=\"conversationSettings\"></dc-chat>\n</div>\n", styles: [".chat-engine-test-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}\n"] }]
+        }] });
+
 /*
  * Public API Surface of ngx-agent-cards
  */
@@ -7138,5 +7194,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CONVERSATION_AI_TOKEN, CardsCreatorComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationRuleService, ConversationRulesComponent, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PopupService, PromptPreviewComponent, SectionType, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
+export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CONVERSATION_AI_TOKEN, CardsCreatorComponent, ChatEngineTestComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationRuleService, ConversationRulesComponent, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PopupService, PromptPreviewComponent, SectionType, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
 //# sourceMappingURL=dataclouder-ngx-agent-cards.mjs.map