@dataclouder/ngx-agent-cards 0.1.50 → 0.1.52

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, inject, signal, computed, RendererFactory2, ApplicationRef, Injector, EnvironmentInjector, createComponent, ChangeDetectionStrategy, Component, output, Input, input, effect, ViewChild, DestroyRef, ElementRef, Pipe, ChangeDetectorRef, EventEmitter, Output } from '@angular/core';
 import * as i1 from '@dataclouder/ngx-core';
-import { MoodStateOptions, formatCamelCaseString, LANGUAGES, EntityCommunicationService, TOAST_ALERTS_TOKEN, AudioSpeed as AudioSpeed$1, LoadingBarService, EModelQuality, getLangDesc, AudioSpeedReverse, getSupportedLanguageOptions, FormUtilsService, EntityBaseFormComponent, DcManageableFormComponent, DcLearnableFormComponent, EntityBaseListComponent, DCFilterBarComponent, QuickTableComponent, EmptyStateComponent } from '@dataclouder/ngx-core';
+import { MoodStateOptions, formatCamelCaseString, LANGUAGES, EntityCommunicationService, TOAST_ALERTS_TOKEN, AudioSpeed as AudioSpeed$1, LoadingBarService, EModelQuality, getLangDesc, AudioSpeedReverse, getSupportedLanguageOptions, FormUtilsService, EntityBaseFormComponent, DcManageableFormComponent, DcLearnableFormComponent, EntityBaseListComponent, DCFilterBarComponent, QuickTableComponent, EmptyStateComponent, SUPPORTED_LANGUAGES } from '@dataclouder/ngx-core';
 import { UserService } from '@dataclouder/ngx-users';
 import * as i2$1 from '@angular/common';
 import { DOCUMENT, CommonModule, DecimalPipe } from '@angular/common';
@@ -16,7 +16,7 @@ import * as i1$1 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i2$2 from 'primeng/api';
 import * as i1$2 from '@angular/forms';
-import { FormControl, ReactiveFormsModule, FormBuilder, FormsModule, FormArray, FormGroup } from '@angular/forms';
+import { FormControl, ReactiveFormsModule, FormBuilder, FormsModule, FormArray, FormGroup, Validators } from '@angular/forms';
 import { DCMicComponent, MicVadComponent } from '@dataclouder/ngx-mic';
 import * as i4 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
@@ -46,6 +46,7 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule } from '@angular/cdk/portal';
 import * as i3$2 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
+import * as i5$2 from 'primeng/message';
 import { MessageModule } from 'primeng/message';
 import * as i5$1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
@@ -1274,7 +1275,6 @@ class DefaultAgentCardsService extends EntityCommunicationService {
         await this.httpService.delete(`${Endpoints$1.AgentCard}/${id}`, 'primary');
     }
     async getConversationUserChatSettings() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const settings = this.userService.user()?.settings?.conversation;
         return settings;
     }
@@ -1300,11 +1300,8 @@ class DefaultAgentCardsService extends EntityCommunicationService {
         return this.httpService.post(`${Endpoints$1.AgentChat}`, conversationDto, 'primary');
     }
     async saveConversationUserChatSettings(newSettings) {
-        // TODO: deberia tener un metodo updateUserSettings() pero mientras tengo que pasar todo el objeto settings en vez de solo conversation
         const settings = { ...this.userService.user()?.settings };
         const conversation = newSettings;
-        // conversation.speed = AudioSpeedRating[conversation.speed ?? 3];
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         settings.conversation = conversation;
         await this.userService.updatePartialUserServer({ id: this.userService.user()?.id, settings });
         this.toastService.success({ title: 'Listo', subtitle: 'Se actualizaron las configuraciones' });
@@ -1801,6 +1798,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 function matchTranscription(originalText, transcription) {
     const result = [];
     const transcriptionMap = new Map();
+    const finalPhrase = transcription.map((word) => word.word).join('');
+    console.log(`finalPhrase -> : ${finalPhrase}, originalText: ${originalText}`);
+    if (finalPhrase === originalText) {
+        console.log('Iluminado perfector');
+    }
     // Create a map of lowercase words to an array of their corresponding objects in transcription
     for (const obj of transcription) {
         const lowercaseWord = obj.word.trim().toLowerCase();
@@ -2186,11 +2188,15 @@ class EvaluationService {
             return;
         }
         if (!goalTask.task) {
-            goalTask.task = 'Evaluate this conversation the goal is keep the conversation on topic consistency.';
+            // DEFAULT GOAL TASK if not provided... but should be provided.
+            goalTask.task =
+                'Evaluate this conversation the goal is to keep the conversation on topic consistency. give me from 0 to 25 points, 0 is bad user message and 25 is very good user message.';
         }
         const evaluator = {
             task: goalTask.task,
-            expectedResponseType: 'Response should be in next JSON format: {"score": number, "text": string}, score is a number between 0 and 3, text is concrete feedback in less than 25 words.',
+            expectedResponseType: `Response should be in next JSON format: {"score": number, "text": string}, 
+**score**: is a number it may be from 0 and 100, depending on user performance and instructions. 
+**text**: is concrete feedback in less than 25 words.`,
             model: goalTask.model || { quality: EModelQuality.FAST },
         };
         const evaluationResult = await this.evaluateConversation(evaluator, ContextType.LastMessage, 'goal-evaluation');
@@ -2212,22 +2218,26 @@ class EvaluationService {
         const userDataString = this.contextEngineService.getUserData();
         // Create evaluation prompt
         let instructions = `
-Please replay to this task:
-    ${task.task}
+User is having a conversation with an AI Assistant:
+
+## User Data:
 <UserData>
-    ${userDataString}
+${userDataString}
 </UserData>
-This is the conversation history:
+
+## Conversation history:
 <Context>
-    ${conversationMessagesString}
+${conversationMessagesString}
 </Context>
 
+## Your Task:
+${task.task}
     `;
         if (task.expectedResponseType) {
-            instructions += `\nExpected response type: ${task.expectedResponseType}`;
+            instructions += `\nAnalize conversation and respose score and feedback in the following format: ${task.expectedResponseType}`;
         }
         else {
-            instructions += `\nExpected response type: {"score": number, "text": string}`;
+            instructions += `\nAnalize conversation and respose the following format: {"score": number, "text": string}`;
         }
         // Send evaluation request
         const evaluationMessages = [{ content: instructions, role: ChatRole.User }];
@@ -2240,7 +2250,7 @@ This is the conversation history:
         });
         // Extract JSON from response
         const jsonData = response.content;
-        jsonData.score = jsonData.score * 10;
+        jsonData.score = jsonData.score;
         this.evaluationResultSignal.set(jsonData);
         return jsonData;
     }
@@ -2470,9 +2480,24 @@ class ConversationService {
         this.conversationSettingsState.set(conversationSettings);
         // 🙄 Puede que no me sirva esta estrategía, mezcla agentCard.conversationFlow con appConversationFlow, pero le da prioridad a agent card, si no existe toma el default
         // La otra estretegía es: tomar solo agentCard o appConversationFlow, pero no ambos
-        const mergedConversationFlow = { ...appConversationFlow, ...agentCard.conversationFlow };
+        const agentCardConversationFlow = agentCard.conversationFlow;
+        // Delete properties if not exists so my merge contains only properties set
+        if (!agentCardConversationFlow?.goal?.task) {
+            delete agentCardConversationFlow.goal;
+        }
+        if (!agentCardConversationFlow?.triggerTasks?.onUserMessage?.task) {
+            delete agentCardConversationFlow.triggerTasks.onUserMessage;
+        }
+        if (!agentCardConversationFlow?.triggerTasks?.onAssistantMessage?.task) {
+            delete agentCardConversationFlow.triggerTasks.onAssistantMessage;
+        }
+        const mergedConversationFlow = { ...appConversationFlow, ...agentCardConversationFlow };
         // Only if exits agentCard.conversationFlow, that will override the defaults
         // NOTE: ill comment for now, but check if a need manual verification later.
+        // if (!agentCard.conversationFlow.goal.task && appConversationFlow.goal.task) {
+        //   // Monstly of the time
+        //   mergedConversationFlow.goal = appConversationFlow.goal;
+        // }
         // if (appConversationFlow) {
         //   // Just replace the default if agent card has a value
         //   if (agentCard.conversationFlow) {
@@ -2697,24 +2722,23 @@ class AgentCardsGenerationService {
     constructor(httpService) {
         this.httpService = httpService;
     }
-    generateConversationCard(idea, targetLang) {
-        const payload = { idea };
-        return this.httpService.post(`${Endpoints.GenerateConversationCard}?target=${targetLang}`, payload, 'primary');
+    generateConversationCard(options) {
+        return this.httpService.postHttp({ service: `${Endpoints.GenerateConversationCard}`, data: options, host: 'primary' });
     }
     generateIdeasConversationCards(options) {
-        return this.httpService.post(`${Endpoints.GenerateIdeas}?target=${options.language}`, options, 'primary');
+        return this.httpService.postHttp({ service: `${Endpoints.GenerateIdeas}`, data: options, host: 'primary' });
     }
     completePendingCards() {
-        return this.httpService.get(Endpoints.CompletePendingCards, 'primary');
+        return this.httpService.getHttp({ service: Endpoints.CompletePendingCards, host: 'primary' });
     }
     generateImagePendingConversationCards() {
-        return this.httpService.get(DCEndpoint.GeneratePendingImages, 'primary');
+        return this.httpService.getHttp({ service: DCEndpoint.GeneratePendingImages, host: 'primary' });
     }
     generateImageForCard(id) {
-        return this.httpService.get(`${Endpoints.GenerateImage}/${id}`, 'primary');
+        return this.httpService.getHttp({ service: `${Endpoints.GenerateImage}/${id}`, host: 'primary' });
     }
     generateMissingDataConversationCards(id) {
-        return this.httpService.get(`${Endpoints.GenerateMissingData}/${id}`, 'primary');
+        return this.httpService.getHttp({ service: `${Endpoints.GenerateMissingData}/${id}`, host: 'primary' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AgentCardsGenerationService, deps: [{ token: i1.HttpCoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AgentCardsGenerationService, providedIn: 'root' }); }
@@ -5408,6 +5432,7 @@ class AgentCardListComponent extends EntityBaseListComponent {
         this.entityCommunicationService = inject(CONVERSATION_AI_TOKEN, { optional: true }) ?? inject(DefaultAgentCardsService);
         this.columns = DefaultColumns;
         this.customFilters = [];
+        this.filterConfig.sort = { randomValue: 1 };
         this.filterConfig.returnProps = {
             _id: 1,
             name: 1,
@@ -5595,22 +5620,34 @@ var GenerationType;
 class CardsCreatorComponent {
     constructor() {
         this.agentCardsGenerationService = inject(AgentCardsGenerationService);
-        this.idea = signal('', ...(ngDevMode ? [{ debugName: "idea" }] : []));
-        this.targetLang = signal('', ...(ngDevMode ? [{ debugName: "targetLang" }] : []));
-        this.language = signal('', ...(ngDevMode ? [{ debugName: "language" }] : []));
+        this.formBuilder = inject(FormBuilder);
+        this.userService = inject(UserService);
+        this.languageOptions = SUPPORTED_LANGUAGES.map((lang) => ({ label: getLangDesc(lang, 'en'), value: lang }));
         this.cardId = signal('', ...(ngDevMode ? [{ debugName: "cardId" }] : []));
-        this.numCards = signal(1, ...(ngDevMode ? [{ debugName: "numCards" }] : []));
         this.result = signal(null, ...(ngDevMode ? [{ debugName: "result" }] : []));
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.cardsForm = this.formBuilder.group({
+            idea: ['', Validators.required],
+            langCode: ['', Validators.required],
+            numCards: [1, [Validators.required, Validators.min(1)]],
+            autosave: [false],
+            doNotRepeat: [false],
+        });
+    }
+    ngOnInit() {
+        // throw new Error('Method not implemented.');
+        const langCode = this.userService.user().settings?.targetLanguage || this.userService.user().settings?.baseLanguage || 'en';
+        this.cardsForm.get('langCode')?.setValue(langCode);
     }
     async generate(options) {
         this.loading.set(true);
         this.result.set(null);
         try {
             let response;
+            debugger;
             switch (options.type) {
                 case GenerationType.GenerateConversationCard:
-                    response = await this.agentCardsGenerationService.generateConversationCard(options.idea, options.targetLang);
+                    // response = await this.agentCardsGenerationService.generateConversationCard(options);
                     break;
                 case GenerationType.GenerateIdeas:
                     response = await this.agentCardsGenerationService.generateIdeasConversationCards(options.options);
@@ -5639,22 +5676,15 @@ class CardsCreatorComponent {
             this.loading.set(false);
         }
     }
-    generateConversationCard() {
-        this.generate({
-            type: GenerationType.GenerateConversationCard,
-            idea: this.idea(),
-            targetLang: this.targetLang(),
-        });
+    async generateConversationCard() {
+        const options = this.cardsForm.value;
+        const response = await this.agentCardsGenerationService.generateConversationCard(options);
+        this.result.set(response);
     }
-    generateIdeas() {
-        this.generate({
-            type: GenerationType.GenerateIdeas,
-            options: {
-                idea: this.idea(),
-                language: this.language(),
-                numCards: this.numCards(),
-            },
-        });
+    async generateIdeas() {
+        const options = this.cardsForm.value;
+        const response = await this.agentCardsGenerationService.generateIdeasConversationCards(options.options);
+        this.result.set(response);
     }
     completePendingCards() {
         this.generate({
@@ -5678,13 +5708,24 @@ class CardsCreatorComponent {
             id: this.cardId(),
         });
     }
+    generateCards() {
+        if (this.cardsForm.invalid) {
+            return;
+        }
+        if (this.cardsForm.value.numCards > 1) {
+            this.generateIdeas();
+        }
+        else {
+            this.generateConversationCard();
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CardsCreatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CardsCreatorComponent, isStandalone: true, selector: "app-cards-creator", ngImport: i0, template: "<div>\n  <h2 class=\"text-2xl font-bold mb-4\">Card Generation</h2>\n\n  <p> Paso 1: Genearar una o varias tarjetas vacias con solo la idea, estas tiene estatus de pending. no lo cambies ser\u00E1 necesario en el paso 2. </p>\n\n  <div class=\"grid\">\n    <!-- Generate Ideas Section -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Generate Ideas</h3>\n        <div class=\"field\">\n          <label for=\"idea-ideas\">Idea</label>\n          <input id=\"idea-ideas\" type=\"text\" pInputText [(ngModel)]=\"idea\" placeholder=\"e.g., 'A trip to the moon'\" class=\"w-full\" />\n        </div>\n        <div class=\"field\">\n          <label for=\"language-ideas\">Language</label>\n          <input id=\"language-ideas\" type=\"text\" pInputText [(ngModel)]=\"language\" placeholder=\"e.g., 'en'\" class=\"w-full\" />\n        </div>\n\n        <div class=\"field\">\n          <label for=\"language-ideas\">Number of Cards</label>\n          <input id=\"language-ideas\" type=\"text\" pInputText [(ngModel)]=\"numCards\" placeholder=\"e.g., '10'\" class=\"w-full\" />\n        </div>\n        <div class=\"mt-4\">\n          <p-button label=\"Generate Ideas\" icon=\"pi pi-sparkles\" (onClick)=\"generateIdeas()\" [loading]=\"loading()\"></p-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Generate Conversation Card Section -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Generate Conversation Card</h3>\n        <div class=\"field\">\n          <label for=\"idea-conversation\">Idea</label>\n          <input id=\"idea-conversation\" type=\"text\" pInputText [(ngModel)]=\"idea\" placeholder=\"e.g., 'Ordering food at a restaurant'\" class=\"w-full\" />\n        </div>\n        <div class=\"field\">\n          <label for=\"targetLang-conversation\">Target Language</label>\n          <input id=\"targetLang-conversation\" type=\"text\" pInputText [(ngModel)]=\"targetLang\" placeholder=\"e.g., 'es'\" class=\"w-full\" />\n        </div>\n        <div class=\"mt-4\">\n          <p-button label=\"Generate Card\" icon=\"pi pi-bolt\" (onClick)=\"generateConversationCard()\" [loading]=\"loading()\"></p-button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <p-divider align=\"center\" styleClass=\"my-5\">\n    <span class=\"p-tag\">Maintenance</span>\n  </p-divider>\n\n  <!-- Maintenance Section -->\n  <div class=\"grid\">\n    <!-- Card Specific Maintenance -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Card Specific Maintenance</h3>\n        <div class=\"field\">\n          <label for=\"cardId\">Card ID</label>\n          <input id=\"cardId\" type=\"text\" pInputText [(ngModel)]=\"cardId\" placeholder=\"Enter Card ID\" class=\"w-full\" />\n        </div>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Generate Image\" icon=\"pi pi-image\" (onClick)=\"generateImageForCard()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Missing Data\"\n            icon=\"pi pi-database\"\n            (onClick)=\"generateMissingData()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Batch Operations -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Batch Operations</h3>\n        <p>Run maintenance tasks on all pending cards.</p>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Complete Pending Cards\" icon=\"pi pi-check-square\" (onClick)=\"completePendingCards()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Pending Images\"\n            icon=\"pi pi-images\"\n            (onClick)=\"generatePendingImages()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Result Section -->\n  @if (result()) {\n  <div class=\"col-12 mt-4\">\n    <div class=\"p-panel p-4\">\n      <h3 class=\"text-xl font-semibold mb-3\">Result</h3>\n      <pre>{{ result() | json }}</pre>\n    </div>\n  </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { 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: InputTextModule }, { kind: "directive", type: i3$2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i4$2.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "pipe", type: i2$1.JsonPipe, name: "json" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CardsCreatorComponent, isStandalone: true, selector: "app-cards-creator", ngImport: i0, template: "<div>\n  <h2 class=\"text-2xl font-bold mb-4\">Card Generation</h2>\n  <p-message severity=\"secondary\"\n    >Paso 1: Genearar una o varias tarjetas vacias con solo la idea, estas tiene estatus de pending. no lo cambies ser\u00E1 necesario en el paso 2.\n  </p-message>\n\n  <div class=\"grid\">\n    <div class=\"col-12\">\n      <form [formGroup]=\"cardsForm\" (ngSubmit)=\"generateCards()\">\n        <div class=\"p-panel p-4\">\n          <h3 class=\"text-xl font-semibold mb-3\">Generate Cards</h3>\n          <p-message severity=\"info\">Generate one or more cards with an idea. Cards will be created with a 'pending' status.</p-message>\n\n          <div class=\"field mt-4\">\n            <label for=\"idea\">Idea</label>\n            <input id=\"idea\" type=\"text\" pInputText formControlName=\"idea\" placeholder=\"e.g., 'Ordering food at a restaurant'\" class=\"w-full\" />\n          </div>\n\n          <div class=\"form-field mt-4\">\n            <label for=\"lang\">Language <span pTooltip=\"Select the primary language for the conversation\">\u2139\uFE0F</span></label>\n            <p-select\n              id=\"lang\"\n              [options]=\"languageOptions\"\n              [filter]=\"true\"\n              formControlName=\"langCode\"\n              optionLabel=\"label\"\n              optionValue=\"value\"\n              [placeholder]=\"'Select Language'\"\n              styleClass=\"w-full\"></p-select>\n          </div>\n\n          <div class=\"field mt-4\">\n            <label for=\"num-cards\">Number of Cards</label>\n            <input id=\"num-cards\" type=\"number\" pInputText formControlName=\"numCards\" placeholder=\"e.g., '10'\" class=\"w-full\" />\n          </div>\n\n          <div class=\"flex flex-wrap gap-4 mt-4\">\n            <div class=\"flex align-items-center\">\n              <p-toggleSwitch formControlName=\"autosave\" inputId=\"autosave-switch\"></p-toggleSwitch>\n              <label for=\"autosave-switch\" class=\"ml-2\"> Auto-save?</label>\n            </div>\n            <div class=\"flex align-items-center\">\n              <p-toggleSwitch formControlName=\"doNotRepeat\" inputId=\"repeat-switch\"></p-toggleSwitch>\n              <label for=\"repeat-switch\" class=\"ml-2\"> Do not repeat topics?</label>\n            </div>\n          </div>\n\n          <div class=\"mt-4\">\n            <p-button label=\"Generate Cards\" icon=\"pi pi-bolt\" type=\"submit\" [loading]=\"loading()\" [disabled]=\"cardsForm.invalid\"></p-button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n\n  <p-divider align=\"center\" styleClass=\"my-5\">\n    <span class=\"p-tag\">Maintenance</span>\n  </p-divider>\n\n  <!-- Maintenance Section -->\n  <div class=\"grid\">\n    <!-- Card Specific Maintenance -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Card Specific Maintenance</h3>\n        <div class=\"field\">\n          <label for=\"cardId\">Card ID</label>\n          <input\n            id=\"cardId\"\n            type=\"text\"\n            pInputText\n            [value]=\"cardId()\"\n            (input)=\"cardId.set($any($event.target).value)\"\n            placeholder=\"Enter Card ID\"\n            class=\"w-full\" />\n        </div>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Generate Image\" icon=\"pi pi-image\" (onClick)=\"generateImageForCard()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Missing Data\"\n            icon=\"pi pi-database\"\n            (onClick)=\"generateMissingData()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Batch Operations -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Batch Operations</h3>\n        <p>Run maintenance tasks on all pending cards.</p>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Complete Pending Cards\" icon=\"pi pi-check-square\" (onClick)=\"completePendingCards()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Pending Images\"\n            icon=\"pi pi-images\"\n            (onClick)=\"generatePendingImages()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Result Section -->\n  @if (result()) {\n  <div class=\"col-12 mt-4\">\n    <div class=\"p-panel p-4\">\n      <h3 class=\"text-xl font-semibold mb-3\">Result</h3>\n      <pre>{{ result() | json }}</pre>\n    </div>\n  </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { 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: InputTextModule }, { kind: "directive", type: i3$2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i4$2.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i5$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i3$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "pipe", type: i2$1.JsonPipe, name: "json" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CardsCreatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cards-creator', standalone: true, imports: [FormsModule, CommonModule, ButtonModule, InputTextModule, DividerModule], template: "<div>\n  <h2 class=\"text-2xl font-bold mb-4\">Card Generation</h2>\n\n  <p> Paso 1: Genearar una o varias tarjetas vacias con solo la idea, estas tiene estatus de pending. no lo cambies ser\u00E1 necesario en el paso 2. </p>\n\n  <div class=\"grid\">\n    <!-- Generate Ideas Section -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Generate Ideas</h3>\n        <div class=\"field\">\n          <label for=\"idea-ideas\">Idea</label>\n          <input id=\"idea-ideas\" type=\"text\" pInputText [(ngModel)]=\"idea\" placeholder=\"e.g., 'A trip to the moon'\" class=\"w-full\" />\n        </div>\n        <div class=\"field\">\n          <label for=\"language-ideas\">Language</label>\n          <input id=\"language-ideas\" type=\"text\" pInputText [(ngModel)]=\"language\" placeholder=\"e.g., 'en'\" class=\"w-full\" />\n        </div>\n\n        <div class=\"field\">\n          <label for=\"language-ideas\">Number of Cards</label>\n          <input id=\"language-ideas\" type=\"text\" pInputText [(ngModel)]=\"numCards\" placeholder=\"e.g., '10'\" class=\"w-full\" />\n        </div>\n        <div class=\"mt-4\">\n          <p-button label=\"Generate Ideas\" icon=\"pi pi-sparkles\" (onClick)=\"generateIdeas()\" [loading]=\"loading()\"></p-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Generate Conversation Card Section -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Generate Conversation Card</h3>\n        <div class=\"field\">\n          <label for=\"idea-conversation\">Idea</label>\n          <input id=\"idea-conversation\" type=\"text\" pInputText [(ngModel)]=\"idea\" placeholder=\"e.g., 'Ordering food at a restaurant'\" class=\"w-full\" />\n        </div>\n        <div class=\"field\">\n          <label for=\"targetLang-conversation\">Target Language</label>\n          <input id=\"targetLang-conversation\" type=\"text\" pInputText [(ngModel)]=\"targetLang\" placeholder=\"e.g., 'es'\" class=\"w-full\" />\n        </div>\n        <div class=\"mt-4\">\n          <p-button label=\"Generate Card\" icon=\"pi pi-bolt\" (onClick)=\"generateConversationCard()\" [loading]=\"loading()\"></p-button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <p-divider align=\"center\" styleClass=\"my-5\">\n    <span class=\"p-tag\">Maintenance</span>\n  </p-divider>\n\n  <!-- Maintenance Section -->\n  <div class=\"grid\">\n    <!-- Card Specific Maintenance -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Card Specific Maintenance</h3>\n        <div class=\"field\">\n          <label for=\"cardId\">Card ID</label>\n          <input id=\"cardId\" type=\"text\" pInputText [(ngModel)]=\"cardId\" placeholder=\"Enter Card ID\" class=\"w-full\" />\n        </div>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Generate Image\" icon=\"pi pi-image\" (onClick)=\"generateImageForCard()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Missing Data\"\n            icon=\"pi pi-database\"\n            (onClick)=\"generateMissingData()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Batch Operations -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Batch Operations</h3>\n        <p>Run maintenance tasks on all pending cards.</p>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Complete Pending Cards\" icon=\"pi pi-check-square\" (onClick)=\"completePendingCards()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Pending Images\"\n            icon=\"pi pi-images\"\n            (onClick)=\"generatePendingImages()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Result Section -->\n  @if (result()) {\n  <div class=\"col-12 mt-4\">\n    <div class=\"p-panel p-4\">\n      <h3 class=\"text-xl font-semibold mb-3\">Result</h3>\n      <pre>{{ result() | json }}</pre>\n    </div>\n  </div>\n  }\n</div>\n" }]
-        }] });
+            args: [{ selector: 'app-cards-creator', standalone: true, imports: [ReactiveFormsModule, CommonModule, ButtonModule, InputTextModule, DividerModule, MessageModule, SelectModule, ToggleSwitchModule], template: "<div>\n  <h2 class=\"text-2xl font-bold mb-4\">Card Generation</h2>\n  <p-message severity=\"secondary\"\n    >Paso 1: Genearar una o varias tarjetas vacias con solo la idea, estas tiene estatus de pending. no lo cambies ser\u00E1 necesario en el paso 2.\n  </p-message>\n\n  <div class=\"grid\">\n    <div class=\"col-12\">\n      <form [formGroup]=\"cardsForm\" (ngSubmit)=\"generateCards()\">\n        <div class=\"p-panel p-4\">\n          <h3 class=\"text-xl font-semibold mb-3\">Generate Cards</h3>\n          <p-message severity=\"info\">Generate one or more cards with an idea. Cards will be created with a 'pending' status.</p-message>\n\n          <div class=\"field mt-4\">\n            <label for=\"idea\">Idea</label>\n            <input id=\"idea\" type=\"text\" pInputText formControlName=\"idea\" placeholder=\"e.g., 'Ordering food at a restaurant'\" class=\"w-full\" />\n          </div>\n\n          <div class=\"form-field mt-4\">\n            <label for=\"lang\">Language <span pTooltip=\"Select the primary language for the conversation\">\u2139\uFE0F</span></label>\n            <p-select\n              id=\"lang\"\n              [options]=\"languageOptions\"\n              [filter]=\"true\"\n              formControlName=\"langCode\"\n              optionLabel=\"label\"\n              optionValue=\"value\"\n              [placeholder]=\"'Select Language'\"\n              styleClass=\"w-full\"></p-select>\n          </div>\n\n          <div class=\"field mt-4\">\n            <label for=\"num-cards\">Number of Cards</label>\n            <input id=\"num-cards\" type=\"number\" pInputText formControlName=\"numCards\" placeholder=\"e.g., '10'\" class=\"w-full\" />\n          </div>\n\n          <div class=\"flex flex-wrap gap-4 mt-4\">\n            <div class=\"flex align-items-center\">\n              <p-toggleSwitch formControlName=\"autosave\" inputId=\"autosave-switch\"></p-toggleSwitch>\n              <label for=\"autosave-switch\" class=\"ml-2\"> Auto-save?</label>\n            </div>\n            <div class=\"flex align-items-center\">\n              <p-toggleSwitch formControlName=\"doNotRepeat\" inputId=\"repeat-switch\"></p-toggleSwitch>\n              <label for=\"repeat-switch\" class=\"ml-2\"> Do not repeat topics?</label>\n            </div>\n          </div>\n\n          <div class=\"mt-4\">\n            <p-button label=\"Generate Cards\" icon=\"pi pi-bolt\" type=\"submit\" [loading]=\"loading()\" [disabled]=\"cardsForm.invalid\"></p-button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n\n  <p-divider align=\"center\" styleClass=\"my-5\">\n    <span class=\"p-tag\">Maintenance</span>\n  </p-divider>\n\n  <!-- Maintenance Section -->\n  <div class=\"grid\">\n    <!-- Card Specific Maintenance -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Card Specific Maintenance</h3>\n        <div class=\"field\">\n          <label for=\"cardId\">Card ID</label>\n          <input\n            id=\"cardId\"\n            type=\"text\"\n            pInputText\n            [value]=\"cardId()\"\n            (input)=\"cardId.set($any($event.target).value)\"\n            placeholder=\"Enter Card ID\"\n            class=\"w-full\" />\n        </div>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Generate Image\" icon=\"pi pi-image\" (onClick)=\"generateImageForCard()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Missing Data\"\n            icon=\"pi pi-database\"\n            (onClick)=\"generateMissingData()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Batch Operations -->\n    <div class=\"col-12 md:col-6\">\n      <div class=\"p-panel p-4\">\n        <h3 class=\"text-xl font-semibold mb-3\">Batch Operations</h3>\n        <p>Run maintenance tasks on all pending cards.</p>\n        <div class=\"mt-4 flex gap-2\">\n          <p-button label=\"Complete Pending Cards\" icon=\"pi pi-check-square\" (onClick)=\"completePendingCards()\" [loading]=\"loading()\"></p-button>\n          <p-button\n            label=\"Generate Pending Images\"\n            icon=\"pi pi-images\"\n            (onClick)=\"generatePendingImages()\"\n            [loading]=\"loading()\"\n            styleClass=\"p-button-secondary\"></p-button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Result Section -->\n  @if (result()) {\n  <div class=\"col-12 mt-4\">\n    <div class=\"p-panel p-4\">\n      <h3 class=\"text-xl font-semibold mb-3\">Result</h3>\n      <pre>{{ result() | json }}</pre>\n    </div>\n  </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of ngx-agent-cards