@dataclouder/ngx-agent-cards 0.1.23 → 0.1.24

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

@@ -808,6 +808,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                 }]
         }] });
 
+const Endpoints = {
+    // Existing
+    GenerateImage: 'api/agent-cards-generate/generate-image-card', // For completeAgentCard, generateImageForCard, generateMainImage
+    AgentChat: 'api/agent-cards/chat', // For callChatCompletion, callInstruction
+    UpdateAgentCard: 'api/agent-cards/partial-update', // For findById, getAll, save (POST/PUT), delete
+    // New
+    AgentCard: 'api/agent-cards/conversation', // For findById, getAll, save (POST/PUT), delete
+    AgentCardQuery: 'api/agent-cards/conversation/query', // For filterConversationCards, findAgentCardByTitle
+    UserCards: 'api/agent-cards/user-cards', // For findFilteredAgentCards
+    VertexTTS: 'api/vertex/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
+};
+// ♦️ Finish this will be the default so i dont need to create a new one everytime
+class DefaultAgentCardsService {
+    constructor() {
+        this.httpService = inject(HttpCoreService);
+    }
+    partialUpdateAgentCard(agentCard) {
+        return this.httpService.put(`${Endpoints.UpdateAgentCard}`, agentCard, 'primary');
+    }
+    generateMainImage(idCard) {
+        return this.httpService.get(`${Endpoints.GenerateImage}/${idCard}`, 'primary');
+    }
+    completeAgentCard(idCard) {
+        // TODO: i need a default method to do this.
+        return this.httpService.get(`${Endpoints.GenerateImage}/${idCard}`, 'primary');
+    }
+    async callChatCompletion(conversation) {
+        let messages = conversation.messages.map((m) => ({ content: m.content, role: m.role }));
+        messages = messages.filter((m) => m.role != ChatRole.AssistantHelper);
+        const conversationFiltered = { ...conversation, messages };
+        if (conversation.returnJson) {
+            return await this.httpService.post(`${Endpoints.AgentChat}?returnJson=true`, conversationFiltered, 'primary');
+        }
+        else {
+            return await this.httpService.post(`${Endpoints.AgentChat}`, conversationFiltered, 'primary');
+        }
+    }
+    async findAgentCardByID(id) {
+        return this.httpService.get(`${Endpoints.AgentCard}/${id}`, 'primary');
+    }
+    async filterConversationCards(filters) {
+        return this.httpService.post(`${Endpoints.AgentCardQuery}`, filters, 'primary');
+    }
+    async getAllConversationCards() {
+        return this.httpService.get(`${Endpoints.AgentCard}`, 'primary');
+    }
+    async findFilteredAgentCards(paginator) {
+        return this.httpService.post(`${Endpoints.UserCards}`, paginator, 'primary');
+    }
+    async findAgentCardByTitle(title) {
+        const filters = { filters: { title } };
+        const response = await this.httpService.post(`${Endpoints.AgentCardQuery}`, filters, 'primary');
+        return response.rows[0];
+    }
+    async saveAgentCard(conversation) {
+        const id = conversation.id || conversation._id;
+        if (id) {
+            return this.httpService.put(`${Endpoints.AgentCard}/${id}`, conversation, 'primary');
+        }
+        else {
+            return this.httpService.post(`${Endpoints.AgentCard}`, conversation, 'primary');
+        }
+    }
+    async deleteAgentCard(id) {
+        // Assuming the backend returns the deleted card, or this matches an expected API contract.
+        // HttpCoreService.delete by default returns Promise<DeletedData>.
+        return this.httpService.delete(`${Endpoints.AgentCard}/${id}`, 'primary');
+    }
+    async getTextAudioFile(tts) {
+        // Note: Original service in agent-cards.service.ts used 'node' as host.
+        // HttpCoreService manages hosts via its configuration or per-call parameter. Using 'primary'.
+        const httpResponse = await this.httpService.postFileAndGetBlob(`${Endpoints.VertexTTS}`, tts, 'primary');
+        const audioData = { blobUrl: '', transcription: null };
+        const transcriptionHeader = httpResponse.headers.get('transcription');
+        if (transcriptionHeader) {
+            try {
+                audioData.transcription = JSON.parse(transcriptionHeader);
+            }
+            catch (e) {
+                console.error('Failed to parse transcription header:', e, transcriptionHeader);
+                // Optionally handle or log this error more robustly
+            }
+        }
+        if (httpResponse.body) {
+            audioData.blobUrl = window.URL.createObjectURL(httpResponse.body);
+        }
+        return audioData;
+    }
+    async getConversationUserChatSettings() {
+        throw new Error('Method getConversationUserChatSettings cannot be implemented in DefaultAgentCardsService without User  or an alternative settings source.');
+    }
+    async getListModels(provider) {
+        // Note: Original service in agent-cards.service.ts used 'node' as host. Using 'primary'.
+        return this.httpService.get(`${Endpoints.ListModels}?provider=${provider}`, 'primary');
+    }
+    async translateConversation(currentLang, targetLang, id) {
+        // Note: Original service in agent-cards.service.ts used 'python' as host. Using 'primary'.
+        // Parameter name in abstract class is 'id', base service used 'idCard'. Using 'id'.
+        return this.httpService.post(`${Endpoints.TranslateConversation}`, { currentLang, targetLang, idCard: id }, // Sending as idCard as per base service's DTO
+        'primary');
+    }
+    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.TranscribeAudio}`, audio, options, 'primary');
+    }
+    async callInstruction(prompt, model) {
+        const messages = [{ content: prompt, role: ChatRole.User }];
+        const conversationDto = { messages, model };
+        // Note: Original service in agent-cards.service.ts used 'python' as host. Using 'primary'.
+        return this.httpService.post(`${Endpoints.AgentChat}`, conversationDto, 'primary');
+    }
+    async saveConversationUserChatSettings(settings) {
+        throw new Error('Method saveConversationUserChatSettings cannot be implemented in DefaultAgentCardsService without User Service/ToastService or an alternative.');
+    }
+    generateImageForCard(idCard) {
+        return this.httpService.get(`${Endpoints.GenerateImage}/${idCard}`, 'primary');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultAgentCardsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultAgentCardsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultAgentCardsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class PopupService {
     constructor() {
         this.document = inject(DOCUMENT);
@@ -1140,12 +1272,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
 
 class ChatHeaderComponent {
     constructor() {
-        this.agentCardService = inject(CONVERSATION_AI_TOKEN);
         this.isAdmin = input(false);
         this.alternativeConversation = [];
         this.restartConversationEvent = output();
         this.showInfoEvent = output();
         this.settingsClickEvent = output();
+        this.completeEvent = output();
     }
     restartConversation(conversation = null) {
         this.restartConversationEvent.emit(conversation);
@@ -1156,13 +1288,16 @@ class ChatHeaderComponent {
     settingsClick() {
         this.settingsClickEvent.emit();
     }
+    complete() {
+        this.completeEvent.emit();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatHeaderComponent, isStandalone: true, selector: "dc-chat-header", inputs: { isAdmin: { classPropertyName: "isAdmin", publicName: "isAdmin", isSignal: true, isRequired: false, transformFunction: null }, alternativeConversation: { classPropertyName: "alternativeConversation", publicName: "alternativeConversation", isSignal: false, isRequired: false, transformFunction: null }, agentCard: { classPropertyName: "agentCard", publicName: "agentCard", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { restartConversationEvent: "restartConversationEvent", showInfoEvent: "showInfoEvent", settingsClickEvent: "settingsClickEvent" }, ngImport: i0, template: "<div class=\"chat-header\">\n  <span class=\"pointer\" (click)=\"restartConversation()\">\n    @if (agentCard?.title) {\n    {{ agentCard.title }}\n    } @else { Reiniciar conversaci\u00F3n }\n  </span>\n\n  @for (conversation of alternativeConversation; track conversation._id) {\n  <span class=\"pointer\" (click)=\"restartConversation(conversation)\"> {{ conversation.title }} </span>\n  }\n\n  <div class=\"header-controls\">\n    @if (isAdmin()){\n    <div class=\"admin-controls\">\n      <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i>\n\n      <p-button variant=\"text\" [raised]=\"true\" icon=\"pi pi-id-card\" (click)=\"showInfo()\"></p-button>\n\n      <!-- <span class=\"pointer\" (click)=\"showInfo()\"> \u26A1\uFE0F </span> -->\n    </div>\n    }\n\n    <div>\n      <span class=\"pointer\" (click)=\"settingsClick()\"> \u2699\uFE0F </span>\n    </div>\n  </div>\n</div>\n", styles: [".chat-header{display:flex;justify-content:space-between;align-items:center;width:100%}.pointer{cursor:pointer}.header-controls{font-size:large;display:flex;justify-content:space-between;gap:10px}.admin-controls{background-color:bisque;padding:2px 5px;border-radius:4px}\n"], dependencies: [{ 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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatHeaderComponent, isStandalone: true, selector: "dc-chat-header", inputs: { isAdmin: { classPropertyName: "isAdmin", publicName: "isAdmin", isSignal: true, isRequired: false, transformFunction: null }, alternativeConversation: { classPropertyName: "alternativeConversation", publicName: "alternativeConversation", isSignal: false, isRequired: false, transformFunction: null }, agentCard: { classPropertyName: "agentCard", publicName: "agentCard", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { restartConversationEvent: "restartConversationEvent", showInfoEvent: "showInfoEvent", settingsClickEvent: "settingsClickEvent", completeEvent: "completeEvent" }, ngImport: i0, template: "<div class=\"chat-header\">\n  <span class=\"pointer\" (click)=\"restartConversation()\">\n    @if (agentCard?.title) {\n    {{ agentCard.title }}\n    } @else { Reiniciar conversaci\u00F3n }\n  </span>\n\n  @for (conversation of alternativeConversation; track conversation._id) {\n  <span class=\"pointer\" (click)=\"restartConversation(conversation)\"> {{ conversation.title }} </span>\n  }\n\n  <div class=\"header-controls\">\n    @if (isAdmin()){\n    <div class=\"admin-controls\">\n      <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i>\n\n      <i (click)=\"complete()\">\u26A1\uFE0F </i>\n\n      <p-button variant=\"text\" [raised]=\"true\" icon=\"pi pi-id-card\" (click)=\"showInfo()\"></p-button>\n\n      <!-- <span class=\"pointer\" (click)=\"showInfo()\"> \u26A1\uFE0F </span> -->\n    </div>\n    }\n\n    <div>\n      <span class=\"pointer\" (click)=\"settingsClick()\"> \u2699\uFE0F </span>\n    </div>\n  </div>\n</div>\n", styles: [".chat-header{display:flex;justify-content:space-between;align-items:center;width:100%}.pointer{cursor:pointer}.header-controls{font-size:large;display:flex;justify-content:space-between;gap:10px}.admin-controls{background-color:bisque;padding:2px 5px;border-radius:4px}\n"], dependencies: [{ 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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dc-chat-header', standalone: true, imports: [ButtonModule], template: "<div class=\"chat-header\">\n  <span class=\"pointer\" (click)=\"restartConversation()\">\n    @if (agentCard?.title) {\n    {{ agentCard.title }}\n    } @else { Reiniciar conversaci\u00F3n }\n  </span>\n\n  @for (conversation of alternativeConversation; track conversation._id) {\n  <span class=\"pointer\" (click)=\"restartConversation(conversation)\"> {{ conversation.title }} </span>\n  }\n\n  <div class=\"header-controls\">\n    @if (isAdmin()){\n    <div class=\"admin-controls\">\n      <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i>\n\n      <p-button variant=\"text\" [raised]=\"true\" icon=\"pi pi-id-card\" (click)=\"showInfo()\"></p-button>\n\n      <!-- <span class=\"pointer\" (click)=\"showInfo()\"> \u26A1\uFE0F </span> -->\n    </div>\n    }\n\n    <div>\n      <span class=\"pointer\" (click)=\"settingsClick()\"> \u2699\uFE0F </span>\n    </div>\n  </div>\n</div>\n", styles: [".chat-header{display:flex;justify-content:space-between;align-items:center;width:100%}.pointer{cursor:pointer}.header-controls{font-size:large;display:flex;justify-content:space-between;gap:10px}.admin-controls{background-color:bisque;padding:2px 5px;border-radius:4px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { alternativeConversation: [{
+            args: [{ selector: 'dc-chat-header', standalone: true, imports: [ButtonModule], template: "<div class=\"chat-header\">\n  <span class=\"pointer\" (click)=\"restartConversation()\">\n    @if (agentCard?.title) {\n    {{ agentCard.title }}\n    } @else { Reiniciar conversaci\u00F3n }\n  </span>\n\n  @for (conversation of alternativeConversation; track conversation._id) {\n  <span class=\"pointer\" (click)=\"restartConversation(conversation)\"> {{ conversation.title }} </span>\n  }\n\n  <div class=\"header-controls\">\n    @if (isAdmin()){\n    <div class=\"admin-controls\">\n      <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i>\n\n      <i (click)=\"complete()\">\u26A1\uFE0F </i>\n\n      <p-button variant=\"text\" [raised]=\"true\" icon=\"pi pi-id-card\" (click)=\"showInfo()\"></p-button>\n\n      <!-- <span class=\"pointer\" (click)=\"showInfo()\"> \u26A1\uFE0F </span> -->\n    </div>\n    }\n\n    <div>\n      <span class=\"pointer\" (click)=\"settingsClick()\"> \u2699\uFE0F </span>\n    </div>\n  </div>\n</div>\n", styles: [".chat-header{display:flex;justify-content:space-between;align-items:center;width:100%}.pointer{cursor:pointer}.header-controls{font-size:large;display:flex;justify-content:space-between;gap:10px}.admin-controls{background-color:bisque;padding:2px 5px;border-radius:4px}\n"] }]
+        }], propDecorators: { alternativeConversation: [{
                 type: Input
             }], agentCard: [{
                 type: Input
@@ -1536,149 +1671,6 @@ function buildObjectTTSRequest(message, settings = {}) {
     };
 }
 
-const Endpoints = {
-    // Existing
-    GenerateImage: 'api/agent-cards-generate/generate-image-card', // For completeAgentCard, generateImageForCard, generateMainImage
-    AgentChat: 'api/agent-cards/chat', // For callChatCompletion, callInstruction
-    UpdateAgentCard: 'api/agent-cards/partial-update', // For findById, getAll, save (POST/PUT), delete
-    // New
-    AgentCard: 'api/agent-cards/conversation', // For findById, getAll, save (POST/PUT), delete
-    AgentCardQuery: 'api/agent-cards/conversation/query', // For filterConversationCards, findAgentCardByTitle
-    UserCards: 'api/agent-cards/user-cards', // For findFilteredAgentCards
-    VertexTTS: 'api/vertex/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
-};
-// ♦️ Finish this will be the default so i dont need to create a new one everytime
-class DefaultAgentCardsService {
-    constructor() {
-        this.httpService = inject(HttpCoreService);
-    }
-    partialUpdateAgentCard(agentCard) {
-        return this.httpService.put(`${Endpoints.UpdateAgentCard}`, agentCard, 'primary');
-    }
-    generateMainImage(idCard) {
-        return this.httpService.get(`${Endpoints.GenerateImage}/${idCard}`, 'primary');
-    }
-    completeAgentCard(idCard) {
-        // TODO: i need a default method to do this.
-        return this.httpService.get(`${Endpoints.GenerateImage}/${idCard}`, 'primary');
-    }
-    async callChatCompletion(conversation) {
-        let messages = conversation.messages.map((m) => ({ content: m.content, role: m.role }));
-        messages = messages.filter((m) => m.role != ChatRole.AssistantHelper);
-        const conversationFiltered = { ...conversation, messages };
-        if (conversation.returnJson) {
-            return await this.httpService.post(`${Endpoints.AgentChat}?returnJson=true`, conversationFiltered, 'primary');
-        }
-        else {
-            return await this.httpService.post(`${Endpoints.AgentChat}`, conversationFiltered, 'primary');
-        }
-    }
-    async findAgentCardByID(id) {
-        return this.httpService.get(`${Endpoints.AgentCard}/${id}`, 'primary');
-    }
-    async filterConversationCards(filters) {
-        return this.httpService.post(`${Endpoints.AgentCardQuery}`, filters, 'primary');
-    }
-    async getAllConversationCards() {
-        return this.httpService.get(`${Endpoints.AgentCard}`, 'primary');
-    }
-    async findFilteredAgentCards(paginator) {
-        // Note: Original service in agent-cards.service.ts applies user-specific filters
-        // using UserService. This default implementation omits that logic as UserService is not available here.
-        return this.httpService.post(`${Endpoints.UserCards}`, paginator, 'primary');
-    }
-    async findAgentCardByTitle(title) {
-        const filters = { filters: { title } };
-        const response = await this.httpService.post(`${Endpoints.AgentCardQuery}`, filters, 'primary');
-        return response.rows[0];
-    }
-    async saveAgentCard(conversation) {
-        const id = conversation.id || conversation._id;
-        if (id) {
-            return this.httpService.put(`${Endpoints.AgentCard}/${id}`, conversation, 'primary');
-        }
-        else {
-            // Note: Original service in agent-cards.service.ts sets default language using UserService.
-            // This default implementation omits that logic.
-            return this.httpService.post(`${Endpoints.AgentCard}`, conversation, 'primary');
-        }
-    }
-    async deleteAgentCard(id) {
-        // Assuming the backend returns the deleted card, or this matches an expected API contract.
-        // HttpCoreService.delete by default returns Promise<DeletedData>.
-        return this.httpService.delete(`${Endpoints.AgentCard}/${id}`, 'primary');
-    }
-    async getTextAudioFile(tts) {
-        // Note: Original service in agent-cards.service.ts used 'node' as host.
-        // HttpCoreService manages hosts via its configuration or per-call parameter. Using 'primary'.
-        const httpResponse = await this.httpService.postFileAndGetBlob(`${Endpoints.VertexTTS}`, tts, 'primary');
-        const audioData = { blobUrl: '', transcription: null };
-        const transcriptionHeader = httpResponse.headers.get('transcription');
-        if (transcriptionHeader) {
-            try {
-                audioData.transcription = JSON.parse(transcriptionHeader);
-            }
-            catch (e) {
-                console.error('Failed to parse transcription header:', e, transcriptionHeader);
-                // Optionally handle or log this error more robustly
-            }
-        }
-        if (httpResponse.body) {
-            audioData.blobUrl = window.URL.createObjectURL(httpResponse.body);
-        }
-        return audioData;
-    }
-    async getConversationUserChatSettings() {
-        // Original implementation in agent-cards.service.ts relies on UserService.
-        // DefaultAgentCardsService does not have UserService injected.
-        // This method needs to be adapted, e.g., by fetching settings from a generic endpoint
-        // or by injecting a similar service.
-        throw new Error('Method getConversationUserChatSettings cannot be implemented in DefaultAgentCardsService without UserService or an alternative settings source.');
-    }
-    async getListModels(provider) {
-        // Note: Original service in agent-cards.service.ts used 'node' as host. Using 'primary'.
-        return this.httpService.get(`${Endpoints.ListModels}?provider=${provider}`, 'primary');
-    }
-    async translateConversation(currentLang, targetLang, id) {
-        // Note: Original service in agent-cards.service.ts used 'python' as host. Using 'primary'.
-        // Parameter name in abstract class is 'id', base service used 'idCard'. Using 'id'.
-        return this.httpService.post(`${Endpoints.TranslateConversation}`, { currentLang, targetLang, idCard: id }, // Sending as idCard as per base service's DTO
-        'primary');
-    }
-    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.TranscribeAudio}`, audio, options, 'primary');
-    }
-    async callInstruction(prompt, model) {
-        const messages = [{ content: prompt, role: ChatRole.User }];
-        const conversationDto = { messages, model };
-        // Note: Original service in agent-cards.service.ts used 'python' as host. Using 'primary'.
-        return this.httpService.post(`${Endpoints.AgentChat}`, conversationDto, 'primary');
-    }
-    async saveConversationUserChatSettings(settings) {
-        // Original implementation in agent-cards.service.ts relies on UserService and ToastService.
-        // DefaultAgentCardsService does not have these services injected.
-        // This method needs to be adapted, e.g., by POSTing settings to a generic endpoint.
-        throw new Error('Method saveConversationUserChatSettings cannot be implemented in DefaultAgentCardsService without UserService/ToastService or an alternative.');
-    }
-    generateImageForCard(idCard) {
-        return this.httpService.get(`${Endpoints.GenerateImage}/${idCard}`, 'primary');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultAgentCardsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultAgentCardsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DefaultAgentCardsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 // Helper function to get context messages based on type
 function getContextMessages(messages, contextType) {
     const conversationMessages = messages.filter((message) => [ChatRole.User, ChatRole.Assistant].includes(message.role));
@@ -2277,7 +2269,7 @@ class ChatFooterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatFooterComponent, isStandalone: true, selector: "dc-chat-footer", inputs: { isAIThinking: { classPropertyName: "isAIThinking", publicName: "isAIThinking", isSignal: true, isRequired: false, transformFunction: null }, flow: { classPropertyName: "flow", publicName: "flow", isSignal: true, isRequired: false, transformFunction: null }, micSettings: { classPropertyName: "micSettings", publicName: "micSettings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", textInputChanged: "textInputChanged" }, viewQueries: [{ propertyName: "micComponent", first: true, predicate: MicVadComponent, descendants: true }], ngImport: i0, template: "<div class=\"progress-input\">\n  <div class=\"input-container\">\n    <dc-mic (onFinished)=\"handleAudioRecorded($event)\"></dc-mic>\n    <!--     \n    <app-mic-vad\n      (audioRecorded)=\"handleAudioRecorded($event)\"\n      (statusChanged)=\"handleMicStatusChanged($event)\"\n      [continueListening]=\"shouldContinueListening()\" /> -->\n\n    <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"prepareUserMsnAndSend()\" rows=\"1\"></textarea>\n\n    <p-button (click)=\"prepareUserMsnAndSend()\" [disabled]=\"isAIThinking() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n  </div>\n\n  @if(flow()?.goal) {\n  <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n  }\n</div>\n", styles: [".progress-input{padding:10px;background-color:#f5f5f545;border-top:1px solid #b1a8a8}.progress-input .input-container{display:flex;align-items:center;margin-bottom:5px}.progress-input .input-container textarea{flex:1;resize:none;margin:0 10px}.progress-input .input-container .send-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer}.progress-input .input-container .send-button:disabled{background-color:#ccc;cursor:not-allowed}.progress-input .input-container .send-button:hover:not(:disabled){background-color:#0069d9}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i2$1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], 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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DCMicComponent, selector: "dc-mic", inputs: ["isDone", "targetOrBase", "micSettings"], outputs: ["onInterpretedText", "onFinishedRecognition", "onFinished"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatFooterComponent, isStandalone: true, selector: "dc-chat-footer", inputs: { isAIThinking: { classPropertyName: "isAIThinking", publicName: "isAIThinking", isSignal: true, isRequired: false, transformFunction: null }, flow: { classPropertyName: "flow", publicName: "flow", isSignal: true, isRequired: false, transformFunction: null }, micSettings: { classPropertyName: "micSettings", publicName: "micSettings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", textInputChanged: "textInputChanged" }, viewQueries: [{ propertyName: "micComponent", first: true, predicate: MicVadComponent, descendants: true }], ngImport: i0, template: "<div class=\"progress-input\">\n  <div class=\"input-container\">\n    <dc-mic (onFinished)=\"handleAudioRecorded($event)\"></dc-mic>\n    <!--     \n    <app-mic-vad\n      (audioRecorded)=\"handleAudioRecorded($event)\"\n      (statusChanged)=\"handleMicStatusChanged($event)\"\n      [continueListening]=\"shouldContinueListening()\" /> -->\n\n    <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"prepareUserMsnAndSend()\" rows=\"1\"></textarea>\n\n    <p-button (click)=\"prepareUserMsnAndSend()\" [disabled]=\"isAIThinking() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n  </div>\n\n  @if(flow()?.goal) {\n  <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n  }\n</div>\n", styles: [".progress-input{padding:10px;background-color:#f5f5f545;border-top:1px solid #b1a8a8}.progress-input .input-container{display:flex;align-items:center;margin-bottom:5px}.progress-input .input-container textarea{flex:1;resize:none;margin:0 10px}.progress-input .input-container .send-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer}.progress-input .input-container .send-button:disabled{background-color:#ccc;cursor:not-allowed}.progress-input .input-container .send-button:hover:not(:disabled){background-color:#0069d9}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i2$1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], 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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DCMicComponent, selector: "dc-mic", inputs: ["targetOrBase", "micSettings", "isDone"], outputs: ["onInterpretedText", "onFinishedRecognition", "onFinished"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatFooterComponent, decorators: [{
             type: Component,
@@ -3248,12 +3240,15 @@ class DCChatComponent {
         }
         await this.ngOnInit();
     }
+    complete() {
+        this.goalCompleted.emit();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DCChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: DCChatComponent, isStandalone: true, selector: "dc-chat", inputs: { chatUserSettings: { classPropertyName: "chatUserSettings", publicName: "chatUserSettings", isSignal: false, isRequired: false, transformFunction: null }, conversationSettings: { classPropertyName: "conversationSettings", publicName: "conversationSettings", isSignal: false, isRequired: false, transformFunction: null }, conversationFlow: { classPropertyName: "conversationFlow", publicName: "conversationFlow", isSignal: false, isRequired: false, transformFunction: null }, agentCard: { classPropertyName: "agentCard", publicName: "agentCard", isSignal: false, isRequired: false, transformFunction: null }, parseDict: { classPropertyName: "parseDict", publicName: "parseDict", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", goalCompleted: "goalCompleted" }, providers: [DialogService], viewQueries: [{ propertyName: "chatFooterComponent", first: true, predicate: ChatFooterComponent, descendants: true }], ngImport: i0, template: "<div class=\"chat-container\">\n  <!-- Chat Header -->\n  <dc-chat-header\n    [agentCard]=\"agentCard\"\n    [isAdmin]=\"isAdmin\"\n    (showInfoEvent)=\"showInfo()\"\n    (settingsClickEvent)=\"changeUserChatSettings()\"\n    (restartConversationEvent)=\"restartConversation($event)\">\n  </dc-chat-header>\n\n  <!-- Messages List -->\n  <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n  <!-- Chat Footer -->\n  <dc-chat-footer [micSettings]=\"micSettings\" [flow]=\"conversationFlow\"> </dc-chat-footer>\n\n  <!-- Info Dialog -->\n</div>\n\n<p-dialog [style]=\"{ width: '100vw',}\" [(visible)]=\"isInfoVisible\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\" header=\"Conversation Info\">\n  <div class=\"info-content\">\n    <div> points : {{ evaluationService.scoreSignal() }} </div>\n    <details>\n      <summary>Messages</summary>\n      @for (message of messageStateService.getMessagesSignal()(); track message.messageId) {\n      <h6>\n        @if (message.role === 'system') {\n        <b class=\"text-red-500\" style=\"text-transform: capitalize\">{{ message.role }}</b> - } @else {\n        <b style=\"text-transform: capitalize\">{{ message.role }}</b> - }\n        <b style=\"color: var(--info-color); text-transform: capitalize\">{{ message.messageId }}</b></h6\n      >\n      <p>{{ message.content }}</p>\n      }\n    </details>\n\n    <details>\n      <summary>Conversation Flow</summary>\n      <p>Goal</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.goal.task }}</pre>\n      <p>Trigger User Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onUserMessage.task }}</pre>\n      <p>Trigger Assistant Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onAssistantMessage.task }}</pre>\n      <p>Conditions</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.dynamicConditions | safeJson }}</pre>\n      <p>Bonus</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.bonus | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>Agent Card</summary>\n      <pre>{{ agentCard | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>User Settings</summary>\n      <pre>{{ chatUserSettings | safeJson }}</pre>\n    </details>\n  </div>\n</p-dialog>\n", styles: ["::ng-deep .p-drawer-content{padding:0!important}::ng-deep .p-dialog-content{display:contents}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden;background-color:transparent}dc-chat-messages-list{flex:1;overflow-y:auto;padding:.5rem}.score-container{padding:.5rem 1rem;background-color:var(--surface-card, #ffffff);border-top:1px solid var(--surface-border, #dee2e6)}.info-content{max-height:70vh;overflow-y:auto;padding:1rem}.info-content h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.info-content pre{background-color:var(--surface-hover, #f1f1f1);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChatHeaderComponent, selector: "dc-chat-header", inputs: ["isAdmin", "alternativeConversation", "agentCard"], outputs: ["restartConversationEvent", "showInfoEvent", "settingsClickEvent"] }, { kind: "component", type: ChatFooterComponent, selector: "dc-chat-footer", inputs: ["isAIThinking", "flow", "micSettings"], outputs: ["sendMessage", "textInputChanged"] }, { kind: "component", type: ChatMessagesListComponent, selector: "dc-chat-messages-list", inputs: ["chatUserSettings", "inputMessages"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "pipe", type: SafeJsonPipe, name: "safeJson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: DCChatComponent, isStandalone: true, selector: "dc-chat", inputs: { chatUserSettings: { classPropertyName: "chatUserSettings", publicName: "chatUserSettings", isSignal: false, isRequired: false, transformFunction: null }, conversationSettings: { classPropertyName: "conversationSettings", publicName: "conversationSettings", isSignal: false, isRequired: false, transformFunction: null }, conversationFlow: { classPropertyName: "conversationFlow", publicName: "conversationFlow", isSignal: false, isRequired: false, transformFunction: null }, agentCard: { classPropertyName: "agentCard", publicName: "agentCard", isSignal: false, isRequired: false, transformFunction: null }, parseDict: { classPropertyName: "parseDict", publicName: "parseDict", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", goalCompleted: "goalCompleted" }, providers: [DialogService], viewQueries: [{ propertyName: "chatFooterComponent", first: true, predicate: ChatFooterComponent, descendants: true }], ngImport: i0, template: "<div class=\"chat-container\">\n  <!-- Chat Header -->\n  <dc-chat-header\n    [agentCard]=\"agentCard\"\n    [isAdmin]=\"isAdmin\"\n    (showInfoEvent)=\"showInfo()\"\n    (settingsClickEvent)=\"changeUserChatSettings()\"\n    (restartConversationEvent)=\"restartConversation($event)\"\n    (completeEvent)=\"complete()\">\n  </dc-chat-header>\n\n  <!-- Messages List -->\n  <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n  <!-- Chat Footer -->\n  <dc-chat-footer [micSettings]=\"micSettings\" [flow]=\"conversationFlow\"> </dc-chat-footer>\n\n  <!-- Info Dialog -->\n</div>\n\n<p-dialog [style]=\"{ width: '100vw',}\" [(visible)]=\"isInfoVisible\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\" header=\"Conversation Info\">\n  <div class=\"info-content\">\n    <div> points : {{ evaluationService.scoreSignal() }} </div>\n    <details>\n      <summary>Messages</summary>\n      @for (message of messageStateService.getMessagesSignal()(); track message.messageId) {\n      <h6>\n        @if (message.role === 'system') {\n        <b class=\"text-red-500\" style=\"text-transform: capitalize\">{{ message.role }}</b> - } @else {\n        <b style=\"text-transform: capitalize\">{{ message.role }}</b> - }\n        <b style=\"color: var(--info-color); text-transform: capitalize\">{{ message.messageId }}</b></h6\n      >\n      <p>{{ message.content }}</p>\n      }\n    </details>\n\n    <details>\n      <summary>Conversation Flow</summary>\n      <p>Goal</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.goal.task }}</pre>\n      <p>Trigger User Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onUserMessage.task }}</pre>\n      <p>Trigger Assistant Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onAssistantMessage.task }}</pre>\n      <p>Conditions</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.dynamicConditions | safeJson }}</pre>\n      <p>Bonus</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.bonus | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>Agent Card</summary>\n      <pre>{{ agentCard | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>User Settings</summary>\n      <pre>{{ chatUserSettings | safeJson }}</pre>\n    </details>\n  </div>\n</p-dialog>\n", styles: ["::ng-deep .p-drawer-content{padding:0!important}::ng-deep .p-dialog-content{display:contents}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden;background-color:transparent}dc-chat-messages-list{flex:1;overflow-y:auto;padding:.5rem}.score-container{padding:.5rem 1rem;background-color:var(--surface-card, #ffffff);border-top:1px solid var(--surface-border, #dee2e6)}.info-content{max-height:70vh;overflow-y:auto;padding:1rem}.info-content h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.info-content pre{background-color:var(--surface-hover, #f1f1f1);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChatHeaderComponent, selector: "dc-chat-header", inputs: ["isAdmin", "alternativeConversation", "agentCard"], outputs: ["restartConversationEvent", "showInfoEvent", "settingsClickEvent", "completeEvent"] }, { kind: "component", type: ChatFooterComponent, selector: "dc-chat-footer", inputs: ["isAIThinking", "flow", "micSettings"], outputs: ["sendMessage", "textInputChanged"] }, { kind: "component", type: ChatMessagesListComponent, selector: "dc-chat-messages-list", inputs: ["chatUserSettings", "inputMessages"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "pipe", type: SafeJsonPipe, name: "safeJson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DCChatComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dc-chat', standalone: true, imports: [CommonModule, ChatHeaderComponent, ChatFooterComponent, ChatMessagesListComponent, DialogModule, ProgressBarModule, SafeJsonPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DialogService], template: "<div class=\"chat-container\">\n  <!-- Chat Header -->\n  <dc-chat-header\n    [agentCard]=\"agentCard\"\n    [isAdmin]=\"isAdmin\"\n    (showInfoEvent)=\"showInfo()\"\n    (settingsClickEvent)=\"changeUserChatSettings()\"\n    (restartConversationEvent)=\"restartConversation($event)\">\n  </dc-chat-header>\n\n  <!-- Messages List -->\n  <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n  <!-- Chat Footer -->\n  <dc-chat-footer [micSettings]=\"micSettings\" [flow]=\"conversationFlow\"> </dc-chat-footer>\n\n  <!-- Info Dialog -->\n</div>\n\n<p-dialog [style]=\"{ width: '100vw',}\" [(visible)]=\"isInfoVisible\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\" header=\"Conversation Info\">\n  <div class=\"info-content\">\n    <div> points : {{ evaluationService.scoreSignal() }} </div>\n    <details>\n      <summary>Messages</summary>\n      @for (message of messageStateService.getMessagesSignal()(); track message.messageId) {\n      <h6>\n        @if (message.role === 'system') {\n        <b class=\"text-red-500\" style=\"text-transform: capitalize\">{{ message.role }}</b> - } @else {\n        <b style=\"text-transform: capitalize\">{{ message.role }}</b> - }\n        <b style=\"color: var(--info-color); text-transform: capitalize\">{{ message.messageId }}</b></h6\n      >\n      <p>{{ message.content }}</p>\n      }\n    </details>\n\n    <details>\n      <summary>Conversation Flow</summary>\n      <p>Goal</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.goal.task }}</pre>\n      <p>Trigger User Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onUserMessage.task }}</pre>\n      <p>Trigger Assistant Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onAssistantMessage.task }}</pre>\n      <p>Conditions</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.dynamicConditions | safeJson }}</pre>\n      <p>Bonus</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.bonus | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>Agent Card</summary>\n      <pre>{{ agentCard | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>User Settings</summary>\n      <pre>{{ chatUserSettings | safeJson }}</pre>\n    </details>\n  </div>\n</p-dialog>\n", styles: ["::ng-deep .p-drawer-content{padding:0!important}::ng-deep .p-dialog-content{display:contents}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden;background-color:transparent}dc-chat-messages-list{flex:1;overflow-y:auto;padding:.5rem}.score-container{padding:.5rem 1rem;background-color:var(--surface-card, #ffffff);border-top:1px solid var(--surface-border, #dee2e6)}.info-content{max-height:70vh;overflow-y:auto;padding:1rem}.info-content h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.info-content pre{background-color:var(--surface-hover, #f1f1f1);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}\n"] }]
+            args: [{ selector: 'dc-chat', standalone: true, imports: [CommonModule, ChatHeaderComponent, ChatFooterComponent, ChatMessagesListComponent, DialogModule, ProgressBarModule, SafeJsonPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DialogService], template: "<div class=\"chat-container\">\n  <!-- Chat Header -->\n  <dc-chat-header\n    [agentCard]=\"agentCard\"\n    [isAdmin]=\"isAdmin\"\n    (showInfoEvent)=\"showInfo()\"\n    (settingsClickEvent)=\"changeUserChatSettings()\"\n    (restartConversationEvent)=\"restartConversation($event)\"\n    (completeEvent)=\"complete()\">\n  </dc-chat-header>\n\n  <!-- Messages List -->\n  <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n  <!-- Chat Footer -->\n  <dc-chat-footer [micSettings]=\"micSettings\" [flow]=\"conversationFlow\"> </dc-chat-footer>\n\n  <!-- Info Dialog -->\n</div>\n\n<p-dialog [style]=\"{ width: '100vw',}\" [(visible)]=\"isInfoVisible\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\" header=\"Conversation Info\">\n  <div class=\"info-content\">\n    <div> points : {{ evaluationService.scoreSignal() }} </div>\n    <details>\n      <summary>Messages</summary>\n      @for (message of messageStateService.getMessagesSignal()(); track message.messageId) {\n      <h6>\n        @if (message.role === 'system') {\n        <b class=\"text-red-500\" style=\"text-transform: capitalize\">{{ message.role }}</b> - } @else {\n        <b style=\"text-transform: capitalize\">{{ message.role }}</b> - }\n        <b style=\"color: var(--info-color); text-transform: capitalize\">{{ message.messageId }}</b></h6\n      >\n      <p>{{ message.content }}</p>\n      }\n    </details>\n\n    <details>\n      <summary>Conversation Flow</summary>\n      <p>Goal</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.goal.task }}</pre>\n      <p>Trigger User Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onUserMessage.task }}</pre>\n      <p>Trigger Assistant Message</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.triggerTasks.onAssistantMessage.task }}</pre>\n      <p>Conditions</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.dynamicConditions | safeJson }}</pre>\n      <p>Bonus</p>\n      <pre>{{ dynamicFlowService.conversationFlowState()?.bonus | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>Agent Card</summary>\n      <pre>{{ agentCard | safeJson }}</pre>\n    </details>\n\n    <details>\n      <summary>User Settings</summary>\n      <pre>{{ chatUserSettings | safeJson }}</pre>\n    </details>\n  </div>\n</p-dialog>\n", styles: ["::ng-deep .p-drawer-content{padding:0!important}::ng-deep .p-dialog-content{display:contents}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden;background-color:transparent}dc-chat-messages-list{flex:1;overflow-y:auto;padding:.5rem}.score-container{padding:.5rem 1rem;background-color:var(--surface-card, #ffffff);border-top:1px solid var(--surface-border, #dee2e6)}.info-content{max-height:70vh;overflow-y:auto;padding:1rem}.info-content h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.info-content pre{background-color:var(--surface-hover, #f1f1f1);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { chatFooterComponent: [{
                 type: ViewChild,
                 args: [ChatFooterComponent]
@@ -4735,7 +4730,7 @@ class AgentCardListComponent extends PaginationBase {
             'characterCard.data.name': 1,
             'characterCard.data.creator_notes': 1,
         };
-        this.loadConversationCards();
+        this.findAgentCards();
         this.cardComponent = this.customCardComponent() || DCConversationCardUIComponent;
         this.filterBarOptions = { showCreateButton: this.showOptions(), showViewButton: this.showOptions(), showActions: this.showOptions() };
     }
@@ -4762,11 +4757,11 @@ class AgentCardListComponent extends PaginationBase {
     ngOnDestroy() {
         this.clearCardEventSubs();
     }
-    async loadConversationCards() {
+    async findAgentCards() {
         try {
             this.isLoading = true;
             this.cdr.detectChanges();
-            console.log('loadConversationCards', this.filterConfig);
+            console.log('findAgentCards', this.filterConfig);
             const response = await this.agentCardService.findFilteredAgentCards(this.filterConfig);
             this.agentCards.set(response.rows);
             this.totalRecords = response.count;
@@ -4796,7 +4791,7 @@ class AgentCardListComponent extends PaginationBase {
     }
     // Implement the abstract method from PaginationBase
     async loadData() {
-        return this.loadConversationCards();
+        return this.findAgentCards();
     }
     doFilterBarAction({ action, item }) {
         // console.log('doAction', { action, item });
@@ -4963,5 +4958,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AgentCardListComponent, AgentCardProgressStatus, AgentCardsAbstractService, AgentUserProgressService, AudioService, AudioSpeed, CONVERSATION_AI_TOKEN, ChatEventType, ChatMessage, ChatRole, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationCardUIComponent, DCConversationPromptBuilderService, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DoActionTypeOptions, DynamicFlowService, EAccountsPlatform, EDoActionType, EntityThen, EntityWhat, EntityWhatOptions, EntityWhen, EntityWhenOptions, EvalResultStringDefinition, LangCodeDescriptionEs, MessageContent, MessageOrchestratorComponent, ModelSelectorComponent, PopupService, SystemPromptType, TextEngineOptions, TextEngines, TextHighlighterComponent, USER_DATA_EXCHANGE, UserDataExchangeAbstractService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, markdownBasicToHTML, markdownToHTML$1 as markdownToHTML, markdownToHTML2, markdownToHtml, matchTranscription, provideChatAIService, provideUserDataExchange, removeAllEmojis, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
+export { AgentCardListComponent, AgentCardProgressStatus, AgentCardsAbstractService, AgentUserProgressService, AudioService, AudioSpeed, CONVERSATION_AI_TOKEN, ChatEventType, ChatMessage, ChatRole, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationCardUIComponent, DCConversationPromptBuilderService, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, EAccountsPlatform, EDoActionType, EntityThen, EntityWhat, EntityWhatOptions, EntityWhen, EntityWhenOptions, EvalResultStringDefinition, LangCodeDescriptionEs, MessageContent, MessageOrchestratorComponent, ModelSelectorComponent, PopupService, SystemPromptType, TextEngineOptions, TextEngines, TextHighlighterComponent, USER_DATA_EXCHANGE, UserDataExchangeAbstractService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, markdownBasicToHTML, markdownToHTML$1 as markdownToHTML, markdownToHTML2, markdownToHtml, matchTranscription, provideChatAIService, provideUserDataExchange, removeAllEmojis, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
 //# sourceMappingURL=dataclouder-ngx-agent-cards.mjs.map