@dataclouder/ngx-agent-cards 0.2.15 → 0.2.16

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

@@ -20,7 +20,7 @@ import * as i5 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i1$2 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, FormBuilder, FormsModule, FormArray, FormGroup, Validators } from '@angular/forms';
-import { DCMicComponent } from '@dataclouder/ngx-mic';
+import { DCMicComponent, MicRecordingService } from '@dataclouder/ngx-mic';
 import * as i4 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -227,12 +227,6 @@ var AgenticPattern;
     AgenticPattern["REFLECTION"] = "reflection";
     AgenticPattern["PLAN_AND_EXECUTE"] = "plan_execute"; // Planificar sub-tareas -> Ejecutar
 })(AgenticPattern || (AgenticPattern = {}));
-// Creo que esta @Deprecated porque feedback ahora es text.
-const EvalResultStringDefinition = `
-interface SimpleEvalResult {
-  score: number;                       // Score of the user's response 0 to 3
-  feedback: string;                    // Feedback of the user's understanding of the conversation
-}`;
 var EAccountsPlatform;
 (function (EAccountsPlatform) {
     EAccountsPlatform["Google"] = "google";
@@ -318,6 +312,30 @@ function provideAgentCardService(serviceImplementation) {
     ];
 }
 
+/**
+ * Traduce la preferencia de alto nivel `micMode` (de ChatUserSettings) a la
+ * configuración técnica de `MicSettings` que consume el componente de micrófono.
+ *
+ * - 'hands-free'   → grabación por detección de silencio, infinita (envía y sigue escuchando).
+ * - 'push-to-talk' → grabación por detección de silencio, finita (envía y se detiene).
+ * - 'manual'       → grabación continua: el silencio NO envía; el usuario presiona para enviar
+ *                    (máx. `maxRecordingTime`, con contador y barra). Para usuarios que pausan mucho.
+ */
+function buildMicSettings(micMode, lang) {
+    if (micMode === 'manual') {
+        // recordMode 'manual' activa startContinuousRecording en el componente (el silencio no envía).
+        return { micMode: 'recording', recordMode: 'manual', lang };
+    }
+    const isPushToTalk = micMode === 'push-to-talk';
+    return {
+        micMode: 'recording',
+        recordMode: 'silence',
+        infiniteSilence: !isPushToTalk,
+        // Tras enviar, bloquea el mic 4.5s para que el usuario perciba que la IA ya está respondiendo.
+        postSendCooldownMs: 4500,
+        lang,
+    };
+}
 // TODO: use the default settings when the user is not set
 const defaultconvUserSettings = {
     realTime: false,
@@ -335,6 +353,7 @@ const defaultconvUserSettings = {
     assistantMessageTask: true,
     saveConversations: false,
     multilingualHearing: false,
+    micMode: 'hands-free',
 };
 class VoiceTTSOption {
 }
@@ -2584,8 +2603,9 @@ class MessageProcessingService {
         if (settings.avatarImages.assistant) {
             message.imgUrl = settings.avatarImages.assistant;
         }
-        const mainVoice = voiceSettings?.main?.voice || settings?.mainVoice?.voice || settings?.tts?.voice;
-        message.voice = this.getVoice(mainVoice);
+        const mainVoice = this.resolveVoiceTTS('main', voiceSettings);
+        message.voice = mainVoice.voice;
+        message.provider = mainVoice.provider;
         switch (settings.textEngine) {
             case TextEngines.SimpleText:
                 this.processSimpleText(message, settings);
@@ -2604,6 +2624,7 @@ class MessageProcessingService {
         message.multiMessages = chunks.map((chunk) => {
             return {
                 voice: message.voice,
+                provider: message.provider,
                 content: chunk, // Simple text usually doesn't need HTML wrapping, or <p> if UI expects it.
                 text: chunk,
                 audioUrl: null,
@@ -2615,17 +2636,19 @@ class MessageProcessingService {
     }
     processMultiMessages(message, settings, voiceSettings) {
         const htmlSegments = convertToHTML(message.content);
-        const secondaryVoice = voiceSettings?.secondary?.voice || settings?.secondaryVoice?.voice || settings?.tts?.secondaryVoice || 'en-US-News-L';
+        const secondaryVoice = this.resolveVoiceTTS('secondary', voiceSettings);
         const processedSegments = [];
         for (const segment of htmlSegments) {
             const isItalics = segment.tag === 'em';
-            const voice = isItalics ? secondaryVoice : message.voice;
+            const voice = isItalics ? secondaryVoice.voice : message.voice;
+            const provider = isItalics ? secondaryVoice.provider : message.provider;
             if (segment.text.length > this.MAX_CHUNK_LENGTH) {
                 // Split long segments while preserving their type
                 const chunks = this.splitContent(segment.text, this.MAX_CHUNK_LENGTH);
                 chunks.forEach((chunk) => {
                     processedSegments.push({
                         voice,
+                        provider,
                         content: this.wrapContentWithTag(chunk, segment.tag),
                         text: chunk,
                         audioUrl: null,
@@ -2639,6 +2662,7 @@ class MessageProcessingService {
                 // Keep short segments as is
                 processedSegments.push({
                     voice,
+                    provider,
                     content: segment.content,
                     text: segment.text,
                     audioUrl: null,
@@ -2665,13 +2689,22 @@ class MessageProcessingService {
         }
     }
     processSSML(message, settings, voiceSettings) {
-        const secondaryVoice = voiceSettings?.secondary?.voice || settings?.secondaryVoice?.voice || settings?.tts?.secondaryVoice;
-        if (!secondaryVoice) {
+        const secondaryVoice = this.resolveVoiceTTS('secondary', voiceSettings);
+        if (!secondaryVoice.voice) {
             throw new Error('Secondary voice is required for SSML');
         }
-        const content = this.subsItalicsByTag(message.content, secondaryVoice);
+        const content = this.subsItalicsByTag(message.content, secondaryVoice.voice);
         message.ssml = `<speak>${content}</speak>`;
     }
+    resolveVoiceTTS(role, voiceSettings) {
+        const isMain = role === 'main';
+        const unifiedVoice = isMain ? voiceSettings?.main : voiceSettings?.secondary;
+        const fallbackVoice = isMain ? '' : 'en-US-News-L';
+        return {
+            voice: this.getVoice(unifiedVoice?.voice || fallbackVoice),
+            provider: unifiedVoice?.provider || 'google',
+        };
+    }
     splitContent(content, maxLength) {
         const chunks = [];
         let currentPos = 0;
@@ -2787,6 +2820,7 @@ function buildObjectTTSRequest(message, settings = {}) {
     return {
         text,
         voice: message.voice || settings.voice,
+        provider: message.provider || settings.provider || 'google',
         generateTranscription,
         speedRate,
         speed,
@@ -3715,9 +3749,9 @@ class ConversationService {
     async handleStreamingResponse(conversation, conversationSettings) {
         const messageId = nanoid();
         const agentCard = this.agentCardState.agentCard$();
-        const mainVoice = agentCard?.voice?.main?.voice || conversationSettings?.mainVoice?.voice || conversationSettings?.tts?.voice;
-        const assistantVoice = this.messageProcessingService.getVoice(mainVoice);
-        const secondaryVoice = agentCard?.voice?.secondary?.voice || conversationSettings?.secondaryVoice?.voice || conversationSettings?.tts?.secondaryVoice || 'en-US-News-L';
+        const mainVoice = agentCard?.voice?.main?.voice;
+        const assistantVoice = this.messageProcessingService.getVoice(mainVoice || '');
+        const secondaryVoice = agentCard?.voice?.secondary?.voice || 'en-US-News-L';
         let assistantMessage = {
             messageId,
             role: ChatRole.Assistant,
@@ -4600,11 +4634,11 @@ class ChatFooterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ChatFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: ChatFooterComponent, isStandalone: true, selector: "dc-chat-footer", inputs: { isAIThinking: { classPropertyName: "isAIThinking", publicName: "isAIThinking", 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: DCMicComponent, descendants: true }], ngImport: i0, template: "<div class=\"progress-input\">\n  <div class=\"input-container\">\n    <dc-mic [isDone]=\"isAIThinking() || isPaused()\" (onFinished)=\"handleAudioRecorded($event)\" (onCanceled)=\"handleAudioCanceled()\"></dc-mic>\n\n    <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"prepareUserMsnAndSend()\" rows=\"1\" [disabled]=\"isPaused()\"></textarea>\n\n    <p-button (click)=\"prepareUserMsnAndSend()\" [disabled]=\"isAIThinking() || isPaused() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n  </div>\n\n  @if(challenges().length > 0) {\n  <div class=\"challenges-container\">\n    @for(challenge of challenges(); track challenge.name) {\n    <span class=\"challenge-emoji\" [title]=\"challenge.description\" [style.opacity]=\"challenge.completed ? 1 : 0.3\">\n      {{ challenge.emoji }}\n    </span>\n    }\n  </div>\n  } @if(agentCardStateService.conversationFlow$()?.goal?.enabled) {\n\n  <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n  }\n</div>\n", styles: [".progress-input{position:relative;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}.progress-input .challenges-container{position:absolute;top:-20px;left:100px;border-radius:20px;padding:2px 10px;z-index:10;display:flex;gap:8px;justify-content:flex-start}.progress-input .challenges-container .challenge-emoji{font-size:1.2rem;transition:opacity .3s ease,transform .3s ease;cursor:help}.progress-input .challenges-container .challenge-emoji:hover{transform:scale(1.2)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.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", "unit", "mode", "color"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DCMicComponent, selector: "dc-mic", inputs: ["targetOrBase", "micSettings", "maxRecordingTime", "isDone"], outputs: ["onInterpretedText", "onFinishedRecognition", "onFinished", "onCanceled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: ChatFooterComponent, isStandalone: true, selector: "dc-chat-footer", inputs: { isAIThinking: { classPropertyName: "isAIThinking", publicName: "isAIThinking", 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: DCMicComponent, descendants: true }], ngImport: i0, template: "<div class=\"progress-input\">\n  <div class=\"input-container\">\n    <dc-mic [isDone]=\"isAIThinking() || isPaused()\" [micSettings]=\"micSettings()\" (onFinished)=\"handleAudioRecorded($event)\" (onCanceled)=\"handleAudioCanceled()\"></dc-mic>\n\n    <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"prepareUserMsnAndSend()\" rows=\"1\" [disabled]=\"isPaused()\"></textarea>\n\n    <p-button (click)=\"prepareUserMsnAndSend()\" [disabled]=\"isAIThinking() || isPaused() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n  </div>\n\n  @if(challenges().length > 0) {\n  <div class=\"challenges-container\">\n    @for(challenge of challenges(); track challenge.name) {\n    <span class=\"challenge-emoji\" [title]=\"challenge.description\" [style.opacity]=\"challenge.completed ? 1 : 0.3\">\n      {{ challenge.emoji }}\n    </span>\n    }\n  </div>\n  } @if(agentCardStateService.conversationFlow$()?.goal?.enabled) {\n\n  <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n  }\n</div>\n", styles: [".progress-input{position:relative;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}.progress-input .challenges-container{position:absolute;top:-20px;left:100px;border-radius:20px;padding:2px 10px;z-index:10;display:flex;gap:8px;justify-content:flex-start}.progress-input .challenges-container .challenge-emoji{font-size:1.2rem;transition:opacity .3s ease,transform .3s ease;cursor:help}.progress-input .challenges-container .challenge-emoji:hover{transform:scale(1.2)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.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", "unit", "mode", "color"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DCMicComponent, selector: "dc-mic", inputs: ["targetOrBase", "micSettings", "maxRecordingTime", "isDone"], outputs: ["onInterpretedText", "onFinishedRecognition", "onFinished", "onCanceled", "onDiscarded"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ChatFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dc-chat-footer', standalone: true, imports: [ReactiveFormsModule, ProgressBarModule, TextareaModule, ButtonModule, DCMicComponent], template: "<div class=\"progress-input\">\n  <div class=\"input-container\">\n    <dc-mic [isDone]=\"isAIThinking() || isPaused()\" (onFinished)=\"handleAudioRecorded($event)\" (onCanceled)=\"handleAudioCanceled()\"></dc-mic>\n\n    <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"prepareUserMsnAndSend()\" rows=\"1\" [disabled]=\"isPaused()\"></textarea>\n\n    <p-button (click)=\"prepareUserMsnAndSend()\" [disabled]=\"isAIThinking() || isPaused() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n  </div>\n\n  @if(challenges().length > 0) {\n  <div class=\"challenges-container\">\n    @for(challenge of challenges(); track challenge.name) {\n    <span class=\"challenge-emoji\" [title]=\"challenge.description\" [style.opacity]=\"challenge.completed ? 1 : 0.3\">\n      {{ challenge.emoji }}\n    </span>\n    }\n  </div>\n  } @if(agentCardStateService.conversationFlow$()?.goal?.enabled) {\n\n  <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n  }\n</div>\n", styles: [".progress-input{position:relative;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}.progress-input .challenges-container{position:absolute;top:-20px;left:100px;border-radius:20px;padding:2px 10px;z-index:10;display:flex;gap:8px;justify-content:flex-start}.progress-input .challenges-container .challenge-emoji{font-size:1.2rem;transition:opacity .3s ease,transform .3s ease;cursor:help}.progress-input .challenges-container .challenge-emoji:hover{transform:scale(1.2)}\n"] }]
+            args: [{ selector: 'dc-chat-footer', standalone: true, imports: [ReactiveFormsModule, ProgressBarModule, TextareaModule, ButtonModule, DCMicComponent], template: "<div class=\"progress-input\">\n  <div class=\"input-container\">\n    <dc-mic [isDone]=\"isAIThinking() || isPaused()\" [micSettings]=\"micSettings()\" (onFinished)=\"handleAudioRecorded($event)\" (onCanceled)=\"handleAudioCanceled()\"></dc-mic>\n\n    <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"prepareUserMsnAndSend()\" rows=\"1\" [disabled]=\"isPaused()\"></textarea>\n\n    <p-button (click)=\"prepareUserMsnAndSend()\" [disabled]=\"isAIThinking() || isPaused() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n  </div>\n\n  @if(challenges().length > 0) {\n  <div class=\"challenges-container\">\n    @for(challenge of challenges(); track challenge.name) {\n    <span class=\"challenge-emoji\" [title]=\"challenge.description\" [style.opacity]=\"challenge.completed ? 1 : 0.3\">\n      {{ challenge.emoji }}\n    </span>\n    }\n  </div>\n  } @if(agentCardStateService.conversationFlow$()?.goal?.enabled) {\n\n  <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n  }\n</div>\n", styles: [".progress-input{position:relative;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}.progress-input .challenges-container{position:absolute;top:-20px;left:100px;border-radius:20px;padding:2px 10px;z-index:10;display:flex;gap:8px;justify-content:flex-start}.progress-input .challenges-container .challenge-emoji{font-size:1.2rem;transition:opacity .3s ease,transform .3s ease;cursor:help}.progress-input .challenges-container .challenge-emoji:hover{transform:scale(1.2)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { micComponent: [{
                 type: ViewChild,
                 args: [DCMicComponent]
@@ -5711,6 +5745,7 @@ class DCConversationUserChatSettingsComponent {
             superHearing: true,
             fixGrammar: true,
             autoTranslate: true,
+            micMode: true,
         }, ...(ngDevMode ? [{ debugName: "showFeature" }] : /* istanbul ignore next */ []));
         this.onSettingsChange = output();
         this.closeClicked = output();
@@ -5733,6 +5768,7 @@ class DCConversationUserChatSettingsComponent {
             assistantMessageTask: [false],
             saveConversations: [false],
             multilingualHearing: [false],
+            micMode: ['hands-free'],
             voice: ['random'],
             model: createAIModelFormGroup(),
         });
@@ -5771,7 +5807,7 @@ class DCConversationUserChatSettingsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DCConversationUserChatSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: DCConversationUserChatSettingsComponent, isStandalone: true, selector: "dc-chat-settings-dialog", inputs: { showFeature: { classPropertyName: "showFeature", publicName: "showFeature", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSettingsChange: "onSettingsChange", closeClicked: "closeClicked", settingsApplied: "settingsApplied" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], ngImport: i0, template: "<div class=\"dialog-container\">\n  <form [formGroup]=\"form\">\n    @if (showFeature().synthVoice) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"synthVoice\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.synthVoice.disabled\">Escuchar Voz</span>\n        <br />\n        <small>Desmarca si solo quieres leer texto</small>\n      </p>\n    </div>\n    } @if (showFeature().highlightWords) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"highlightWords\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Narraci\u00F3n de texto</span>\n        <br />\n        <small>Remarca las palabras como se van pronuncionando</small>\n      </p>\n    </div>\n    } @if (showFeature().speed) {\n    <div class=\"settings-section\">\n      <p>\n        Velocidad ({{ form.controls.speed.value | speedDisplay }})\n        <br />\n\n        <!-- <p-rating formControlName=\"speed\" iconOnClass=\"pi pi-step-forward\" iconOffClass=\"pi pi-minus\" /> -->\n\n        <p-select\n          id=\"speed\"\n          [options]=\"speedOptions\"\n          formControlName=\"speed\"\n          [placeholder]=\"'Select Language'\"\n          optionLabel=\"label\"\n          optionValue=\"value\"></p-select>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"realTime\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.realTime.disabled\">Tiempo real</span>\n        <br />\n        <small>No tienes que presionar el microphono, comenzar\u00E1 a grabar en cuanto la AI termine de hablar, cierra el chat para finalizar conversaci\u00F3n.</small>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"repeatRecording\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Reproducir mi grabaci\u00F3n</span>\n        <br />\n        <small>Escucha tu dialogo, despu\u00E9s de grabar, te ayudar\u00E1 a notar tus errores.</small>\n      </p>\n    </div>\n    } @if (showFeature().superHearing) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"superHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Super O\u00EDdo \uD83E\uDDBE</span>\n        <br />\n        <small>Tu audio se procesa en el servidor para mejor efectividad, si no usa el navegador.</small>\n      </p>\n    </div>\n    }\n\n    <!-- @if (showFeature().fixGrammar) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"fixGrammar\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.fixGrammar.disabled\">Corregir gram\u00E1tica</span>\n        <br />\n        <small>La ai corrige tu forma de hablar/escribir y te retrolimenta de tus errores</small>\n      </p>\n    </div>\n    }  -->\n\n    <!-- @if (showFeature().autoTranslate) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"autoTranslate\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.autoTranslate.disabled\">Mostrar Traducciones </span>\n        <br />\n        <small>Texto adicional con la traducci\u00F3n</small>\n      </p>\n    </div>\n    }  -->\n\n    @if (showFeature().autoTranslate) {\n    <div class=\"voice-selection\">\n      <span>Voz Preferencial:</span>\n      <br />\n      <p-radioButton value=\"random\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Aleatorio</label>\n      <p-radioButton value=\"randomMan\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Hombre</label>\n      <p-radioButton value=\"randomWoman\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Mujer</label>\n    </div>\n    }\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"userMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.userMessageTask.disabled\">Procesar mensajes de usuario</span>\n        <br />\n        <small>Correcciones, mejoras, retroalimentaci\u00F3n y sugerencias en el texto del usuario </small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"assistantMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.assistantMessageTask.disabled\">Procesar mensajes de asistente</span>\n        <br />\n        <small>Correcciones, traducciones, pensamientos adicionales y m\u00E1s ayuda en el texto del asistente </small>\n      </p>\n    </div>\n    \n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"saveConversations\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.saveConversations.disabled\">Guardar conversaciones</span>\n        <br />\n        <small>Si marcas esta casilla, las conversaciones se guardar\u00E1n en tu historial.</small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"multilingualHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.multilingualHearing.disabled\">Escuchar en varios idiomas</span>\n        <br />\n        <small>El asistente podr\u00E1 entender y responder en varios idiomas, pero puede confundir idiomas si no lo pronuncias claramente.</small>\n      </p>\n    </div>\n\n    @if(userService.isAdmin()) {\n    <div>\n      <hr />\n      <b> <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i> Admin Section</b>\n      <br />\n\n      <b>Modelo:</b>\n\n      <dc-model-selector [modelForm]=\"form.controls.model\"></dc-model-selector>\n    </div>\n    }\n\n    <div class=\"button-group\">\n      <p-button (click)=\"saveSettings()\" label=\"Guardar cambios\"></p-button>\n      <p-button (click)=\"close()\" label=\"Cancelar\" styleClass=\"p-button-secondary\"></p-button>\n    </div>\n  </form>\n</div>\n", styles: [".dialog-container{padding:20px;border-radius:8px;min-width:300px;max-width:500px;max-height:80vh;overflow-y:auto}.dialog-content{margin:20px 0}.dialog-actions{display:flex;justify-content:flex-end}.settings-section{margin-bottom:20px}.settings-section label{display:block;margin-bottom:5px;font-weight:700}.settings-section small{display:block;margin-top:2px}.voice-selection{margin:15px 0}.voice-selection label{margin-right:15px}.button-group{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}button:first-child{background-color:#007bff}button:last-child{background-color:#6c757d}.space{margin-left:3px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],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: CheckboxModule }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SliderModule }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RatingModule }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: SkeletonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: ModelSelectorComponent, selector: "dc-model-selector", inputs: ["modelForm", "shortForm"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.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", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: SpeedDescPipe, name: "speedDisplay" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: DCConversationUserChatSettingsComponent, isStandalone: true, selector: "dc-chat-settings-dialog", inputs: { showFeature: { classPropertyName: "showFeature", publicName: "showFeature", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSettingsChange: "onSettingsChange", closeClicked: "closeClicked", settingsApplied: "settingsApplied" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], ngImport: i0, template: "<div class=\"dialog-container\">\n  <form [formGroup]=\"form\">\n    @if (showFeature().synthVoice) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"synthVoice\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.synthVoice.disabled\">Escuchar Voz</span>\n        <br />\n        <small>Desmarca si solo quieres leer texto</small>\n      </p>\n    </div>\n    } @if (showFeature().highlightWords) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"highlightWords\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Narraci\u00F3n de texto</span>\n        <br />\n        <small>Remarca las palabras como se van pronuncionando</small>\n      </p>\n    </div>\n    } @if (showFeature().speed) {\n    <div class=\"settings-section\">\n      <p>\n        Velocidad ({{ form.controls.speed.value | speedDisplay }})\n        <br />\n\n        <!-- <p-rating formControlName=\"speed\" iconOnClass=\"pi pi-step-forward\" iconOffClass=\"pi pi-minus\" /> -->\n\n        <p-select\n          id=\"speed\"\n          [options]=\"speedOptions\"\n          formControlName=\"speed\"\n          [placeholder]=\"'Select Language'\"\n          optionLabel=\"label\"\n          optionValue=\"value\"></p-select>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"realTime\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.realTime.disabled\">Tiempo real</span>\n        <br />\n        <small>No tienes que presionar el microphono, comenzar\u00E1 a grabar en cuanto la AI termine de hablar, cierra el chat para finalizar conversaci\u00F3n.</small>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"repeatRecording\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Reproducir mi grabaci\u00F3n</span>\n        <br />\n        <small>Escucha tu dialogo, despu\u00E9s de grabar, te ayudar\u00E1 a notar tus errores.</small>\n      </p>\n    </div>\n    } @if (showFeature().micMode) {\n    <div class=\"settings-section\">\n      <span class=\"section-title\">Modo de micr\u00F3fono \uD83C\uDF99\uFE0F</span>\n      <small class=\"section-hint\">Elige c\u00F3mo prefieres grabar tu voz durante la conversaci\u00F3n.</small>\n\n      <div class=\"mic-options\">\n        <label\n          class=\"mic-option\"\n          [class.selected]=\"form.controls.micMode.value === 'hands-free'\">\n          <p-radioButton value=\"hands-free\" formControlName=\"micMode\" inputId=\"micHandsFree\"></p-radioButton>\n          <span class=\"mic-option-text\">\n            <span class=\"mic-option-title\">Manos libres (continuo)</span>\n            <small>Presionas una vez y el micr\u00F3fono se mantiene grabando; env\u00EDa al detectar silencio y vuelve a escuchar.</small>\n          </span>\n        </label>\n\n        <label\n          class=\"mic-option\"\n          [class.selected]=\"form.controls.micMode.value === 'push-to-talk'\">\n          <p-radioButton value=\"push-to-talk\" formControlName=\"micMode\" inputId=\"micPushToTalk\"></p-radioButton>\n          <span class=\"mic-option-text\">\n            <span class=\"mic-option-title\">Presionar para hablar</span>\n            <small>Presionas para grabar, hablas y se env\u00EDa al detectar silencio (o vuelves a presionar). No reanuda solo.</small>\n          </span>\n        </label>\n\n        <label\n          class=\"mic-option\"\n          [class.selected]=\"form.controls.micMode.value === 'manual'\">\n          <p-radioButton value=\"manual\" formControlName=\"micMode\" inputId=\"micManual\"></p-radioButton>\n          <span class=\"mic-option-text\">\n            <span class=\"mic-option-title\">Grabaci\u00F3n manual \u00B7 sin prisa \uD83D\uDC22</span>\n            <small>Presionas para grabar y el silencio no env\u00EDa nada: puedes pensar y pausar todo lo que quieras (m\u00E1x 60s, con contador y barra). Presionas de nuevo para enviar.</small>\n          </span>\n        </label>\n      </div>\n    </div>\n    } @if (showFeature().superHearing) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"superHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Super O\u00EDdo \uD83E\uDDBE</span>\n        <br />\n        <small>Tu audio se procesa en el servidor para mejor efectividad, si no usa el navegador.</small>\n      </p>\n    </div>\n    }\n\n    <!-- @if (showFeature().fixGrammar) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"fixGrammar\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.fixGrammar.disabled\">Corregir gram\u00E1tica</span>\n        <br />\n        <small>La ai corrige tu forma de hablar/escribir y te retrolimenta de tus errores</small>\n      </p>\n    </div>\n    }  -->\n\n    <!-- @if (showFeature().autoTranslate) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"autoTranslate\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.autoTranslate.disabled\">Mostrar Traducciones </span>\n        <br />\n        <small>Texto adicional con la traducci\u00F3n</small>\n      </p>\n    </div>\n    }  -->\n\n    @if (showFeature().autoTranslate) {\n    <div class=\"voice-selection\">\n      <span>Voz Preferencial:</span>\n      <br />\n      <p-radioButton value=\"random\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Aleatorio</label>\n      <p-radioButton value=\"randomMan\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Hombre</label>\n      <p-radioButton value=\"randomWoman\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Mujer</label>\n    </div>\n    }\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"userMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.userMessageTask.disabled\">Procesar mensajes de usuario</span>\n        <br />\n        <small>Correcciones, mejoras, retroalimentaci\u00F3n y sugerencias en el texto del usuario </small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"assistantMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.assistantMessageTask.disabled\">Procesar mensajes de asistente</span>\n        <br />\n        <small>Correcciones, traducciones, pensamientos adicionales y m\u00E1s ayuda en el texto del asistente </small>\n      </p>\n    </div>\n    \n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"saveConversations\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.saveConversations.disabled\">Guardar conversaciones</span>\n        <br />\n        <small>Si marcas esta casilla, las conversaciones se guardar\u00E1n en tu historial.</small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"multilingualHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.multilingualHearing.disabled\">Escuchar en varios idiomas</span>\n        <br />\n        <small>El asistente podr\u00E1 entender y responder en varios idiomas, pero puede confundir idiomas si no lo pronuncias claramente.</small>\n      </p>\n    </div>\n\n    @if(userService.isAdmin()) {\n    <div>\n      <hr />\n      <b> <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i> Admin Section</b>\n      <br />\n\n      <b>Modelo:</b>\n\n      <dc-model-selector [modelForm]=\"form.controls.model\"></dc-model-selector>\n    </div>\n    }\n\n    <div class=\"button-group\">\n      <p-button (click)=\"saveSettings()\" label=\"Guardar cambios\"></p-button>\n      <p-button (click)=\"close()\" label=\"Cancelar\" styleClass=\"p-button-secondary\"></p-button>\n    </div>\n  </form>\n</div>\n", styles: [".dialog-container{padding:20px;border-radius:8px;min-width:300px;max-width:500px;max-height:80vh;overflow-y:auto}.dialog-content{margin:20px 0}.dialog-actions{display:flex;justify-content:flex-end}.settings-section{margin-bottom:20px}.settings-section label{display:block;margin-bottom:5px;font-weight:700}.settings-section small{display:block;margin-top:2px}.voice-selection{margin:15px 0}.voice-selection label{margin-right:15px}.button-group{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}button:first-child{background-color:#007bff}button:last-child{background-color:#6c757d}.space{margin-left:3px}.section-title{display:block;font-weight:700;margin-bottom:2px}.section-hint{display:block;margin-bottom:10px;color:var(--p-text-muted-color, #6c757d)}.mic-options{display:flex;flex-direction:column;gap:10px}.mic-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--p-content-border-color, #dee2e6);border-radius:8px;cursor:pointer;transition:border-color .15s,background-color .15s;font-weight:400;margin-bottom:0}.mic-option:hover{border-color:var(--p-primary-color, #007bff)}.mic-option.selected{border-color:var(--p-primary-color, #007bff);background-color:var(--p-primary-50, rgba(0, 123, 255, .06))}.mic-option-text{display:flex;flex-direction:column}.mic-option-title{font-weight:600;margin-bottom:2px}.mic-option small{display:block;color:var(--p-text-muted-color, #6c757d);line-height:1.3}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],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: CheckboxModule }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SliderModule }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RatingModule }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: SkeletonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: ModelSelectorComponent, selector: "dc-model-selector", inputs: ["modelForm", "shortForm"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.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", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: SpeedDescPipe, name: "speedDisplay" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DCConversationUserChatSettingsComponent, decorators: [{
             type: Component,
@@ -5789,7 +5825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
                         TooltipModule,
                         ModelSelectorComponent,
                         SelectModule,
-                    ], template: "<div class=\"dialog-container\">\n  <form [formGroup]=\"form\">\n    @if (showFeature().synthVoice) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"synthVoice\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.synthVoice.disabled\">Escuchar Voz</span>\n        <br />\n        <small>Desmarca si solo quieres leer texto</small>\n      </p>\n    </div>\n    } @if (showFeature().highlightWords) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"highlightWords\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Narraci\u00F3n de texto</span>\n        <br />\n        <small>Remarca las palabras como se van pronuncionando</small>\n      </p>\n    </div>\n    } @if (showFeature().speed) {\n    <div class=\"settings-section\">\n      <p>\n        Velocidad ({{ form.controls.speed.value | speedDisplay }})\n        <br />\n\n        <!-- <p-rating formControlName=\"speed\" iconOnClass=\"pi pi-step-forward\" iconOffClass=\"pi pi-minus\" /> -->\n\n        <p-select\n          id=\"speed\"\n          [options]=\"speedOptions\"\n          formControlName=\"speed\"\n          [placeholder]=\"'Select Language'\"\n          optionLabel=\"label\"\n          optionValue=\"value\"></p-select>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"realTime\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.realTime.disabled\">Tiempo real</span>\n        <br />\n        <small>No tienes que presionar el microphono, comenzar\u00E1 a grabar en cuanto la AI termine de hablar, cierra el chat para finalizar conversaci\u00F3n.</small>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"repeatRecording\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Reproducir mi grabaci\u00F3n</span>\n        <br />\n        <small>Escucha tu dialogo, despu\u00E9s de grabar, te ayudar\u00E1 a notar tus errores.</small>\n      </p>\n    </div>\n    } @if (showFeature().superHearing) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"superHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Super O\u00EDdo \uD83E\uDDBE</span>\n        <br />\n        <small>Tu audio se procesa en el servidor para mejor efectividad, si no usa el navegador.</small>\n      </p>\n    </div>\n    }\n\n    <!-- @if (showFeature().fixGrammar) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"fixGrammar\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.fixGrammar.disabled\">Corregir gram\u00E1tica</span>\n        <br />\n        <small>La ai corrige tu forma de hablar/escribir y te retrolimenta de tus errores</small>\n      </p>\n    </div>\n    }  -->\n\n    <!-- @if (showFeature().autoTranslate) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"autoTranslate\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.autoTranslate.disabled\">Mostrar Traducciones </span>\n        <br />\n        <small>Texto adicional con la traducci\u00F3n</small>\n      </p>\n    </div>\n    }  -->\n\n    @if (showFeature().autoTranslate) {\n    <div class=\"voice-selection\">\n      <span>Voz Preferencial:</span>\n      <br />\n      <p-radioButton value=\"random\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Aleatorio</label>\n      <p-radioButton value=\"randomMan\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Hombre</label>\n      <p-radioButton value=\"randomWoman\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Mujer</label>\n    </div>\n    }\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"userMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.userMessageTask.disabled\">Procesar mensajes de usuario</span>\n        <br />\n        <small>Correcciones, mejoras, retroalimentaci\u00F3n y sugerencias en el texto del usuario </small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"assistantMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.assistantMessageTask.disabled\">Procesar mensajes de asistente</span>\n        <br />\n        <small>Correcciones, traducciones, pensamientos adicionales y m\u00E1s ayuda en el texto del asistente </small>\n      </p>\n    </div>\n    \n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"saveConversations\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.saveConversations.disabled\">Guardar conversaciones</span>\n        <br />\n        <small>Si marcas esta casilla, las conversaciones se guardar\u00E1n en tu historial.</small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"multilingualHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.multilingualHearing.disabled\">Escuchar en varios idiomas</span>\n        <br />\n        <small>El asistente podr\u00E1 entender y responder en varios idiomas, pero puede confundir idiomas si no lo pronuncias claramente.</small>\n      </p>\n    </div>\n\n    @if(userService.isAdmin()) {\n    <div>\n      <hr />\n      <b> <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i> Admin Section</b>\n      <br />\n\n      <b>Modelo:</b>\n\n      <dc-model-selector [modelForm]=\"form.controls.model\"></dc-model-selector>\n    </div>\n    }\n\n    <div class=\"button-group\">\n      <p-button (click)=\"saveSettings()\" label=\"Guardar cambios\"></p-button>\n      <p-button (click)=\"close()\" label=\"Cancelar\" styleClass=\"p-button-secondary\"></p-button>\n    </div>\n  </form>\n</div>\n", styles: [".dialog-container{padding:20px;border-radius:8px;min-width:300px;max-width:500px;max-height:80vh;overflow-y:auto}.dialog-content{margin:20px 0}.dialog-actions{display:flex;justify-content:flex-end}.settings-section{margin-bottom:20px}.settings-section label{display:block;margin-bottom:5px;font-weight:700}.settings-section small{display:block;margin-top:2px}.voice-selection{margin:15px 0}.voice-selection label{margin-right:15px}.button-group{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}button:first-child{background-color:#007bff}button:last-child{background-color:#6c757d}.space{margin-left:3px}\n"] }]
+                    ], template: "<div class=\"dialog-container\">\n  <form [formGroup]=\"form\">\n    @if (showFeature().synthVoice) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"synthVoice\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.synthVoice.disabled\">Escuchar Voz</span>\n        <br />\n        <small>Desmarca si solo quieres leer texto</small>\n      </p>\n    </div>\n    } @if (showFeature().highlightWords) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"highlightWords\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Narraci\u00F3n de texto</span>\n        <br />\n        <small>Remarca las palabras como se van pronuncionando</small>\n      </p>\n    </div>\n    } @if (showFeature().speed) {\n    <div class=\"settings-section\">\n      <p>\n        Velocidad ({{ form.controls.speed.value | speedDisplay }})\n        <br />\n\n        <!-- <p-rating formControlName=\"speed\" iconOnClass=\"pi pi-step-forward\" iconOffClass=\"pi pi-minus\" /> -->\n\n        <p-select\n          id=\"speed\"\n          [options]=\"speedOptions\"\n          formControlName=\"speed\"\n          [placeholder]=\"'Select Language'\"\n          optionLabel=\"label\"\n          optionValue=\"value\"></p-select>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"realTime\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.realTime.disabled\">Tiempo real</span>\n        <br />\n        <small>No tienes que presionar el microphono, comenzar\u00E1 a grabar en cuanto la AI termine de hablar, cierra el chat para finalizar conversaci\u00F3n.</small>\n      </p>\n    </div>\n    } @if (showFeature().realTime) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"repeatRecording\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Reproducir mi grabaci\u00F3n</span>\n        <br />\n        <small>Escucha tu dialogo, despu\u00E9s de grabar, te ayudar\u00E1 a notar tus errores.</small>\n      </p>\n    </div>\n    } @if (showFeature().micMode) {\n    <div class=\"settings-section\">\n      <span class=\"section-title\">Modo de micr\u00F3fono \uD83C\uDF99\uFE0F</span>\n      <small class=\"section-hint\">Elige c\u00F3mo prefieres grabar tu voz durante la conversaci\u00F3n.</small>\n\n      <div class=\"mic-options\">\n        <label\n          class=\"mic-option\"\n          [class.selected]=\"form.controls.micMode.value === 'hands-free'\">\n          <p-radioButton value=\"hands-free\" formControlName=\"micMode\" inputId=\"micHandsFree\"></p-radioButton>\n          <span class=\"mic-option-text\">\n            <span class=\"mic-option-title\">Manos libres (continuo)</span>\n            <small>Presionas una vez y el micr\u00F3fono se mantiene grabando; env\u00EDa al detectar silencio y vuelve a escuchar.</small>\n          </span>\n        </label>\n\n        <label\n          class=\"mic-option\"\n          [class.selected]=\"form.controls.micMode.value === 'push-to-talk'\">\n          <p-radioButton value=\"push-to-talk\" formControlName=\"micMode\" inputId=\"micPushToTalk\"></p-radioButton>\n          <span class=\"mic-option-text\">\n            <span class=\"mic-option-title\">Presionar para hablar</span>\n            <small>Presionas para grabar, hablas y se env\u00EDa al detectar silencio (o vuelves a presionar). No reanuda solo.</small>\n          </span>\n        </label>\n\n        <label\n          class=\"mic-option\"\n          [class.selected]=\"form.controls.micMode.value === 'manual'\">\n          <p-radioButton value=\"manual\" formControlName=\"micMode\" inputId=\"micManual\"></p-radioButton>\n          <span class=\"mic-option-text\">\n            <span class=\"mic-option-title\">Grabaci\u00F3n manual \u00B7 sin prisa \uD83D\uDC22</span>\n            <small>Presionas para grabar y el silencio no env\u00EDa nada: puedes pensar y pausar todo lo que quieras (m\u00E1x 60s, con contador y barra). Presionas de nuevo para enviar.</small>\n          </span>\n        </label>\n      </div>\n    </div>\n    } @if (showFeature().superHearing) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"superHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span>Super O\u00EDdo \uD83E\uDDBE</span>\n        <br />\n        <small>Tu audio se procesa en el servidor para mejor efectividad, si no usa el navegador.</small>\n      </p>\n    </div>\n    }\n\n    <!-- @if (showFeature().fixGrammar) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"fixGrammar\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.fixGrammar.disabled\">Corregir gram\u00E1tica</span>\n        <br />\n        <small>La ai corrige tu forma de hablar/escribir y te retrolimenta de tus errores</small>\n      </p>\n    </div>\n    }  -->\n\n    <!-- @if (showFeature().autoTranslate) {\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"autoTranslate\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.autoTranslate.disabled\">Mostrar Traducciones </span>\n        <br />\n        <small>Texto adicional con la traducci\u00F3n</small>\n      </p>\n    </div>\n    }  -->\n\n    @if (showFeature().autoTranslate) {\n    <div class=\"voice-selection\">\n      <span>Voz Preferencial:</span>\n      <br />\n      <p-radioButton value=\"random\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Aleatorio</label>\n      <p-radioButton value=\"randomMan\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Hombre</label>\n      <p-radioButton value=\"randomWoman\" formControlName=\"voice\"></p-radioButton>\n      <label class=\"space\">Mujer</label>\n    </div>\n    }\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"userMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.userMessageTask.disabled\">Procesar mensajes de usuario</span>\n        <br />\n        <small>Correcciones, mejoras, retroalimentaci\u00F3n y sugerencias en el texto del usuario </small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"assistantMessageTask\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.assistantMessageTask.disabled\">Procesar mensajes de asistente</span>\n        <br />\n        <small>Correcciones, traducciones, pensamientos adicionales y m\u00E1s ayuda en el texto del asistente </small>\n      </p>\n    </div>\n    \n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"saveConversations\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.saveConversations.disabled\">Guardar conversaciones</span>\n        <br />\n        <small>Si marcas esta casilla, las conversaciones se guardar\u00E1n en tu historial.</small>\n      </p>\n    </div>\n\n    <div class=\"settings-section\">\n      <p>\n        <p-checkbox class=\"mr-2\" formControlName=\"multilingualHearing\" [binary]=\"true\" inputId=\"binary\"></p-checkbox>\n        <span [class.cross]=\"form.controls.multilingualHearing.disabled\">Escuchar en varios idiomas</span>\n        <br />\n        <small>El asistente podr\u00E1 entender y responder en varios idiomas, pero puede confundir idiomas si no lo pronuncias claramente.</small>\n      </p>\n    </div>\n\n    @if(userService.isAdmin()) {\n    <div>\n      <hr />\n      <b> <i style=\"color: rgb(255, 149, 0)\" class=\"pi pi-key\"></i> Admin Section</b>\n      <br />\n\n      <b>Modelo:</b>\n\n      <dc-model-selector [modelForm]=\"form.controls.model\"></dc-model-selector>\n    </div>\n    }\n\n    <div class=\"button-group\">\n      <p-button (click)=\"saveSettings()\" label=\"Guardar cambios\"></p-button>\n      <p-button (click)=\"close()\" label=\"Cancelar\" styleClass=\"p-button-secondary\"></p-button>\n    </div>\n  </form>\n</div>\n", styles: [".dialog-container{padding:20px;border-radius:8px;min-width:300px;max-width:500px;max-height:80vh;overflow-y:auto}.dialog-content{margin:20px 0}.dialog-actions{display:flex;justify-content:flex-end}.settings-section{margin-bottom:20px}.settings-section label{display:block;margin-bottom:5px;font-weight:700}.settings-section small{display:block;margin-top:2px}.voice-selection{margin:15px 0}.voice-selection label{margin-right:15px}.button-group{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}button:first-child{background-color:#007bff}button:last-child{background-color:#6c757d}.space{margin-left:3px}.section-title{display:block;font-weight:700;margin-bottom:2px}.section-hint{display:block;margin-bottom:10px;color:var(--p-text-muted-color, #6c757d)}.mic-options{display:flex;flex-direction:column;gap:10px}.mic-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--p-content-border-color, #dee2e6);border-radius:8px;cursor:pointer;transition:border-color .15s,background-color .15s;font-weight:400;margin-bottom:0}.mic-option:hover{border-color:var(--p-primary-color, #007bff)}.mic-option.selected{border-color:var(--p-primary-color, #007bff);background-color:var(--p-primary-50, rgba(0, 123, 255, .06))}.mic-option-text{display:flex;flex-direction:column}.mic-option-title{font-weight:600;margin-bottom:2px}.mic-option small{display:block;color:var(--p-text-muted-color, #6c757d);line-height:1.3}\n"] }]
         }], propDecorators: { showFeature: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFeature", required: false }] }], onSettingsChange: [{ type: i0.Output, args: ["onSettingsChange"] }], closeClicked: [{ type: i0.Output, args: ["closeClicked"] }], settingsApplied: [{ type: i0.Output, args: ["settingsApplied"] }], tooltipRef: [{
                 type: ViewChild,
                 args: ['tooltipRef']
@@ -6148,10 +6184,10 @@ class DcImmersiveChatComponent {
       <!-- 2. Bottom Mic -->
       <div class="mic-section" [class.is-talking]="isUserTalking()">
         <div class="mic-ripple-glow"></div>
-        <dc-mic (onFinished)="handleMicFinished($event)"></dc-mic>
+        <dc-mic [micSettings]="micSettings()" (onFinished)="handleMicFinished($event)"></dc-mic>
       </div>
     </div>
-  `, isInline: true, styles: [":host{height:100%}.immersive-container{display:flex;flex-direction:column;height:100%;width:100%;background:radial-gradient(circle at center,#1e1e2d33,#0a0a0f1a);padding:2rem;box-sizing:border-box;overflow:hidden}.hud-section{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;min-height:0;padding:1rem 1.5rem;scrollbar-width:none}.hud-section::-webkit-scrollbar{display:none}.hud-section>div{margin:auto 0;width:100%;display:flex;flex-direction:column}.mic-section{flex-shrink:0;position:relative;height:180px;display:flex;align-items:center;justify-content:center;margin-top:1rem;padding-bottom:2rem}.mic-ripple-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(64,156,255,.2) 0%,transparent 70%);animation:breathe 4s ease-in-out infinite;z-index:0}.mic-section.is-talking .mic-ripple-glow{background:radial-gradient(circle,rgba(64,255,156,.3) 0%,transparent 70%);animation:pulse-active 1.5s ease-in-out infinite}.mic-section dc-mic{z-index:1;transform:scale(1.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.mic-section dc-mic:hover{transform:scale(1.6)}.active-sentence-hud{max-width:1000px;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1);text-shadow:0 10px 30px rgba(0,0,0,.5);animation:fadeIn .8s ease-out}.active-sentence-hud ::ng-deep .audio-text-sync-container{background:transparent!important;padding:0!important;justify-content:center}.active-sentence-hud ::ng-deep .play-button{display:none!important}.active-sentence-hud ::ng-deep .text-content{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;text-align:center;line-height:1.2;color:#ffffffe6;margin:0;letter-spacing:-.02em}.active-sentence-hud ::ng-deep .highlight{background:transparent!important;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(64,156,255,.4);filter:brightness(1.2)}.user-talking-indicator,.idle-indicator,.last-message-hud,.thinking-indicator{font-size:1.8rem;color:#fff;opacity:.7;font-weight:300;text-align:center;max-width:800px;line-height:1.4}.thinking-indicator{animation:pulse-thinking 2s infinite ease-in-out}@keyframes pulse-thinking{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}}.idle-indicator p{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);padding:1rem 2rem;border-radius:50px}@keyframes breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.4}}@keyframes pulse-active{0%{transform:scale(1);opacity:.5;box-shadow:0 0 #40ff9c66}70%{transform:scale(1.5);opacity:0;box-shadow:0 0 0 40px transparent}to{transform:scale(1);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DCMicComponent, selector: "dc-mic", inputs: ["targetOrBase", "micSettings", "maxRecordingTime", "isDone"], outputs: ["onInterpretedText", "onFinishedRecognition", "onFinished", "onCanceled"] }, { kind: "component", type: MessageContentDisplayer, selector: "message-content-displayer", inputs: ["message", "markWord", "highlightColor"], outputs: ["playAudio", "audioCompleted", "audioStatusChanged", "wordClicked"] }] }); }
+  `, isInline: true, styles: [":host{height:100%}.immersive-container{display:flex;flex-direction:column;height:100%;width:100%;background:radial-gradient(circle at center,#1e1e2d33,#0a0a0f1a);padding:2rem;box-sizing:border-box;overflow:hidden}.hud-section{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;min-height:0;padding:1rem 1.5rem;scrollbar-width:none}.hud-section::-webkit-scrollbar{display:none}.hud-section>div{margin:auto 0;width:100%;display:flex;flex-direction:column}.mic-section{flex-shrink:0;position:relative;height:180px;display:flex;align-items:center;justify-content:center;margin-top:1rem;padding-bottom:2rem}.mic-ripple-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(64,156,255,.2) 0%,transparent 70%);animation:breathe 4s ease-in-out infinite;z-index:0}.mic-section.is-talking .mic-ripple-glow{background:radial-gradient(circle,rgba(64,255,156,.3) 0%,transparent 70%);animation:pulse-active 1.5s ease-in-out infinite}.mic-section dc-mic{z-index:1;transform:scale(1.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.mic-section dc-mic:hover{transform:scale(1.6)}.active-sentence-hud{max-width:1000px;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1);text-shadow:0 10px 30px rgba(0,0,0,.5);animation:fadeIn .8s ease-out}.active-sentence-hud ::ng-deep .audio-text-sync-container{background:transparent!important;padding:0!important;justify-content:center}.active-sentence-hud ::ng-deep .play-button{display:none!important}.active-sentence-hud ::ng-deep .text-content{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;text-align:center;line-height:1.2;color:#ffffffe6;margin:0;letter-spacing:-.02em}.active-sentence-hud ::ng-deep .highlight{background:transparent!important;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(64,156,255,.4);filter:brightness(1.2)}.user-talking-indicator,.idle-indicator,.last-message-hud,.thinking-indicator{font-size:1.8rem;color:#fff;opacity:.7;font-weight:300;text-align:center;max-width:800px;line-height:1.4}.thinking-indicator{animation:pulse-thinking 2s infinite ease-in-out}@keyframes pulse-thinking{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}}.idle-indicator p{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);padding:1rem 2rem;border-radius:50px}@keyframes breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.4}}@keyframes pulse-active{0%{transform:scale(1);opacity:.5;box-shadow:0 0 #40ff9c66}70%{transform:scale(1.5);opacity:0;box-shadow:0 0 0 40px transparent}to{transform:scale(1);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DCMicComponent, selector: "dc-mic", inputs: ["targetOrBase", "micSettings", "maxRecordingTime", "isDone"], outputs: ["onInterpretedText", "onFinishedRecognition", "onFinished", "onCanceled", "onDiscarded"] }, { kind: "component", type: MessageContentDisplayer, selector: "message-content-displayer", inputs: ["message", "markWord", "highlightColor"], outputs: ["playAudio", "audioCompleted", "audioStatusChanged", "wordClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DcImmersiveChatComponent, decorators: [{
             type: Component,
@@ -6190,7 +6226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
       <!-- 2. Bottom Mic -->
       <div class="mic-section" [class.is-talking]="isUserTalking()">
         <div class="mic-ripple-glow"></div>
-        <dc-mic (onFinished)="handleMicFinished($event)"></dc-mic>
+        <dc-mic [micSettings]="micSettings()" (onFinished)="handleMicFinished($event)"></dc-mic>
       </div>
     </div>
   `, styles: [":host{height:100%}.immersive-container{display:flex;flex-direction:column;height:100%;width:100%;background:radial-gradient(circle at center,#1e1e2d33,#0a0a0f1a);padding:2rem;box-sizing:border-box;overflow:hidden}.hud-section{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;min-height:0;padding:1rem 1.5rem;scrollbar-width:none}.hud-section::-webkit-scrollbar{display:none}.hud-section>div{margin:auto 0;width:100%;display:flex;flex-direction:column}.mic-section{flex-shrink:0;position:relative;height:180px;display:flex;align-items:center;justify-content:center;margin-top:1rem;padding-bottom:2rem}.mic-ripple-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(64,156,255,.2) 0%,transparent 70%);animation:breathe 4s ease-in-out infinite;z-index:0}.mic-section.is-talking .mic-ripple-glow{background:radial-gradient(circle,rgba(64,255,156,.3) 0%,transparent 70%);animation:pulse-active 1.5s ease-in-out infinite}.mic-section dc-mic{z-index:1;transform:scale(1.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.mic-section dc-mic:hover{transform:scale(1.6)}.active-sentence-hud{max-width:1000px;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1);text-shadow:0 10px 30px rgba(0,0,0,.5);animation:fadeIn .8s ease-out}.active-sentence-hud ::ng-deep .audio-text-sync-container{background:transparent!important;padding:0!important;justify-content:center}.active-sentence-hud ::ng-deep .play-button{display:none!important}.active-sentence-hud ::ng-deep .text-content{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;text-align:center;line-height:1.2;color:#ffffffe6;margin:0;letter-spacing:-.02em}.active-sentence-hud ::ng-deep .highlight{background:transparent!important;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(64,156,255,.4);filter:brightness(1.2)}.user-talking-indicator,.idle-indicator,.last-message-hud,.thinking-indicator{font-size:1.8rem;color:#fff;opacity:.7;font-weight:300;text-align:center;max-width:800px;line-height:1.4}.thinking-indicator{animation:pulse-thinking 2s infinite ease-in-out}@keyframes pulse-thinking{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}}.idle-indicator p{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);padding:1rem 2rem;border-radius:50px}@keyframes breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.4}}@keyframes pulse-active{0%{transform:scale(1);opacity:.5;box-shadow:0 0 #40ff9c66}70%{transform:scale(1.5);opacity:0;box-shadow:0 0 0 40px transparent}to{transform:scale(1);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n"] }]
@@ -6504,11 +6540,11 @@ class DcAgentCardDetailComponent extends EntityBaseDetailComponent {
         this.selectedMotion.set(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DcAgentCardDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: DcAgentCardDetailComponent, isStandalone: true, selector: "dc-agent-card-detail", inputs: { entityData: { classPropertyName: "entityData", publicName: "entityData", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (isLoading()) {\n<div class=\"loading-state\">\n  <p-progressSpinner strokeWidth=\"4\" />\n</div>\n} @else if (entity()) {\n<div class=\"preview-container\">\n\n  <!-- Banner -->\n  @if (bannerUrl) {\n  <div class=\"preview-banner\">\n    <img class=\"banner-image\" [src]=\"bannerUrl\" alt=\"banner\" />\n  </div>\n  }\n\n  <!-- Header: image + name + meta -->\n  <div class=\"preview-header\" [class.has-banner]=\"bannerUrl\">\n    @if (entity()?.assets?.image?.url) {\n    <img class=\"preview-image\" [src]=\"entity()!.assets!.image!.url\" [alt]=\"characterData?.name || entity()?.name\" />\n    }\n    <div class=\"preview-header-info\">\n      <h2 class=\"preview-name\">{{ characterData?.name || entity()?.name }}</h2>\n\n      <div class=\"preview-meta-tags\">\n        @if (entity()?.lang) {\n        <p-tag [value]=\"entity()!.lang!\" severity=\"secondary\" icon=\"pi pi-flag\" />\n        }\n        @if (entity()?.manageable?.status) {\n        <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-circle-fill\" />\n        }\n        @if (characterData?.gender) {\n        <p-tag [value]=\"characterData!.gender\" severity=\"secondary\" icon=\"pi pi-user\" />\n        }\n        @if (entity()?.metaApp?.takenCount) {\n        <p-tag [value]=\"'Taken: ' + entity()!.metaApp!.takenCount\" severity=\"success\" icon=\"pi pi-users\" />\n        }\n        @if (learnableInfo?.level) {\n        <p-tag [value]=\"'Level ' + learnableInfo.level\" severity=\"warn\" icon=\"pi pi-star\" />\n        }\n        @if (learnableInfo?.takenCount) {\n        <p-tag [value]=\"'Played: ' + learnableInfo.takenCount\" severity=\"secondary\" icon=\"pi pi-play\" />\n        }\n      </div>\n\n      @if (characterData?.tags?.length) {\n      <div class=\"preview-tags\">\n        @for (tag of characterData!.tags; track tag) {\n        <p-tag [value]=\"tag\" severity=\"secondary\" />\n        }\n      </div>\n      }\n    </div>\n  </div>\n\n  <!-- Entity-level description -->\n  @if (entity()?.description) {\n  <div class=\"preview-entity-description\">\n    <p>{{ entity()!.description }}</p>\n  </div>\n  }\n\n  <!-- Motion Videos -->\n  @if (motions.length) {\n  <div class=\"preview-section motions-top-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-video\"></i> Motion Videos ({{ motions.length }})</h4>\n    <div class=\"motions-grid\">\n      @for (motion of motions; track $index) {\n        @if (motion.metadata?.moodState || motion.metadata?.event) {\n        <button class=\"motion-chip\" (click)=\"openMotionVideo(motion)\">\n          <i class=\"pi pi-play-circle\"></i>\n          <span>{{ motion.metadata?.moodState || motion.metadata?.event }}</span>\n        </button>\n        }\n      }\n    </div>\n  </div>\n  }\n\n  <p-divider />\n\n  @if (characterData?.hook) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-bookmark\"></i> Hook</h4>\n    <p>{{ characterData!.hook }}</p>\n  </div>\n  }\n\n  @if (characterData?.instructions) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-info-circle\"></i> Instructions</h4>\n    <p>{{ characterData!.instructions }}</p>\n  </div>\n  }\n\n  @if (characterData?.scenario) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-map\"></i> Scenario</h4>\n    <p>{{ characterData!.scenario }}</p>\n  </div>\n  }\n\n  @if (characterData?.creator_notes) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-file\"></i> Creator Notes</h4>\n    <p>{{ characterData!.creator_notes }}</p>\n  </div>\n  }\n\n  @if (characterData?.description) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-align-left\"></i> Description</h4>\n    <p>{{ characterData!.description }}</p>\n  </div>\n  }\n\n  @if (characterData?.greetings?.length) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-comments\"></i> Greetings</h4>\n    @for (greeting of characterData!.greetings; track $index) {\n    <p class=\"greeting-item\"><i class=\"pi pi-chevron-right\"></i> {{ greeting }}</p>\n    }\n  </div>\n  }\n\n\n  @if (persona) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-id-card\"></i> Persona</h4>\n    <div class=\"persona-grid\">\n      @if (persona.identity) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Identity</span>\n        <span>{{ persona.identity }}</span>\n      </div>\n      }\n      @if (persona.physical) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Physical</span>\n        <span>{{ persona.physical }}</span>\n      </div>\n      }\n      @if (persona.personality) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Personality</span>\n        <span>{{ persona.personality }}</span>\n      </div>\n      }\n      @if (persona.communication) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Communication</span>\n        <span>{{ persona.communication }}</span>\n      </div>\n      }\n      @if (persona.background) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Background</span>\n        <span>{{ persona.background }}</span>\n      </div>\n      }\n      @if (persona.psychology) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Psychology</span>\n        <span>{{ persona.psychology }}</span>\n      </div>\n      }\n      @if (persona.capabilities) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Capabilities</span>\n        <span>{{ persona.capabilities }}</span>\n      </div>\n      }\n      @if (persona.social) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Social</span>\n        <span>{{ persona.social }}</span>\n      </div>\n      }\n      @if (persona.preferences) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Preferences</span>\n        <span>{{ persona.preferences }}</span>\n      </div>\n      }\n      @if (persona.situation) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Situation</span>\n        <span>{{ persona.situation }}</span>\n      </div>\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Conversation Settings -->\n  @if (entity()?.conversationSettings) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Conversation Settings</h4>\n    <div class=\"settings-chips\">\n      @if (entity()?.conversationSettings?.conversationType) {\n      <p-tag [value]=\"entity()!.conversationSettings!.conversationType!\" severity=\"info\" icon=\"pi pi-comments\" />\n      }\n      @if (entity()?.conversationSettings?.textEngine) {\n      <p-tag [value]=\"entity()!.conversationSettings!.textEngine!\" severity=\"secondary\" icon=\"pi pi-code\" />\n      }\n      @if (entity()?.conversationSettings?.autoStart) {\n      <p-tag value=\"Auto Start\" severity=\"success\" icon=\"pi pi-play\" />\n      }\n      @if (entity()?.conversationSettings?.userMustStart) {\n      <p-tag value=\"User Starts\" severity=\"warn\" icon=\"pi pi-user\" />\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Voices -->\n  @if (entity()?.voice?.main?.voice || entity()?.conversationSettings?.mainVoice?.voice) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-volume-up\"></i> Voices</h4>\n    <div class=\"voice-info\">\n      <p><span class=\"field-label\">Main:</span> {{ entity()?.voice?.main?.voice || entity()?.conversationSettings?.mainVoice?.voice }}</p>\n      @if (entity()?.voice?.secondary?.voice || entity()?.conversationSettings?.secondaryVoice?.voice) {\n      <p><span class=\"field-label\">Secondary:</span> {{ entity()?.voice?.secondary?.voice || entity()?.conversationSettings?.secondaryVoice?.voice }}</p>\n      }\n    </div>\n  </div>\n  }\n\n</div>\n}\n\n@if (entity()?.manageable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Manageable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.manageable?.status) {\n    <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.manageable?.isPublic) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if (entity()?.learnable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Learnable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.learnable?.level) {\n    <p-tag [value]=\"'Level ' + entity()!.learnable!.level!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.learnable?.tags) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if(entity()?.conversationFlow) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-tags\"></i> Conversation Flow</h4>\n\n  @if (entity()?.conversationFlow?.moodState) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-face-smile\"></i> Mood State</h5>\n    <div class=\"settings-chips\">\n      @if (entity()!.conversationFlow!.moodState!.enabled) {\n      <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n      } @else {\n      <p-tag value=\"Disabled\" severity=\"danger\" icon=\"pi pi-times\" />\n      }\n      @if (entity()!.conversationFlow!.moodState!.useAssetStatesOnly) {\n      <p-tag value=\"Asset States Only\" severity=\"warn\" icon=\"pi pi-images\" />\n      }\n    </div>\n    @if (entity()!.conversationFlow!.moodState!.detectableStates?.length) {\n    <div class=\"settings-chips\" style=\"margin-top: 0.5rem;\">\n      @for (state of entity()!.conversationFlow!.moodState!.detectableStates; track $index) {\n      <p-tag [value]=\"state\" severity=\"info\" icon=\"pi pi-tag\" />\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.dynamicConditions?.length) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-sliders-v\"></i> Dynamic Conditions</h5>\n    @for (condition of entity()!.conversationFlow!.dynamicConditions!; track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <div class=\"settings-chips\">\n        <p-tag [value]=\"condition.what\" severity=\"info\" icon=\"pi pi-filter\" />\n        <p-tag [value]=\"condition.when\" severity=\"secondary\" />\n        <p-tag [value]=\"condition.value + ''\" severity=\"warn\" />\n      </div>\n      @if (condition.do?.length) {\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @for (action of condition.do!; track $index) {\n        <p-tag [value]=\"action.actionType\" severity=\"contrast\" icon=\"pi pi-bolt\" />\n        @if (action.prompt) {\n        <span class=\"field-label\" style=\"font-size: 0.75rem;\">{{ action.prompt | slice:0:60 }}\u2026</span>\n        }\n        }\n      </div>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.triggerTasks) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-bolt\"></i> Trigger Tasks</h5>\n    @for (entry of objectEntries(entity()!.conversationFlow!.triggerTasks!); track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <span class=\"field-label\">{{ entry[0] }}</span>\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @if (entry[1].enabled) {\n        <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n        } @else {\n        <p-tag value=\"Disabled\" severity=\"secondary\" icon=\"pi pi-times\" />\n        }\n        @if (entry[1].disableFeature) {\n        <p-tag value=\"Feature Disabled\" severity=\"danger\" icon=\"pi pi-ban\" />\n        }\n      </div>\n      @if (entry[1].task) {\n      <p style=\"font-size: 0.8rem; margin: 0.25rem 0 0;\">{{ entry[1].task | slice:0:120 }}\u2026</p>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n\n<!-- Video Dialog -->\n<p-dialog\n  [visible]=\"videoDialogVisible()\"\n  (visibleChange)=\"$event ? null : closeMotionVideo()\"\n  [header]=\"selectedMotion()?.metadata?.moodState || selectedMotion()?.metadata?.event || 'Video'\"\n  [modal]=\"true\"\n  [dismissableMask]=\"true\"\n  [closable]=\"true\"\n  styleClass=\"video-dialog\"\n  [style]=\"{ width: '560px' }\">\n\n  @if (selectedMotion()?.url) {\n  <video\n    class=\"motion-video\"\n    [src]=\"selectedMotion().url\"\n    controls\n    autoplay>\n  </video>\n  }\n</p-dialog>\n", styles: [".preview-container{padding:.5rem}.preview-banner{width:100%;height:210px;overflow:hidden;border-radius:8px;margin-bottom:0}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.preview-header{display:flex;gap:1.5rem;align-items:flex-start;padding:1rem 0 .5rem}.preview-header.has-banner{padding-top:.75rem}.preview-image{width:120px;height:170px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.preview-header-info{display:flex;flex-direction:column;gap:.5rem}.preview-name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.preview-meta-tags{display:flex;flex-wrap:wrap;gap:.35rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.preview-entity-description{color:var(--p-text-muted-color);font-size:.9rem;margin:.5rem 0}.preview-entity-description p{margin:0}.preview-section{margin-bottom:1rem}.section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--p-text-muted-color);display:flex;align-items:center;gap:.4rem}.greeting-item{margin:.25rem 0;padding-left:.5rem;border-left:2px solid var(--p-primary-color)}.first-message{background:var(--p-surface-100);border-radius:6px;padding:.75rem;font-style:italic}.persona-grid{display:flex;flex-direction:column;gap:.5rem}.persona-field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.8rem;font-weight:600;color:var(--p-text-muted-color);text-transform:uppercase;letter-spacing:.05em}.motions-top-section{margin-top:.75rem;margin-bottom:0}.motions-grid{display:flex;flex-wrap:wrap;gap:.4rem}.motion-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;border:1px solid var(--p-surface-300);background:var(--p-surface-100);color:var(--p-text-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-transform:capitalize}.motion-chip i{font-size:.85rem;color:var(--p-primary-color)}.motion-chip:hover{background:var(--p-primary-50, #f0f4ff);border-color:var(--p-primary-color);transform:translateY(-1px)}.motion-chip:active{transform:translateY(0)}.motion-video{width:100%;border-radius:6px;display:block}.settings-chips{display:flex;flex-wrap:wrap;gap:.4rem}.voice-info{display:flex;flex-direction:column;gap:.25rem}.loading-state{display:flex;justify-content:center;padding:2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i1$4.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i2$3.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i2$4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: DcAgentCardDetailComponent, isStandalone: true, selector: "dc-agent-card-detail", inputs: { entityData: { classPropertyName: "entityData", publicName: "entityData", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (isLoading()) {\n<div class=\"loading-state\">\n  <p-progressSpinner strokeWidth=\"4\" />\n</div>\n} @else if (entity()) {\n<div class=\"preview-container\">\n\n  <!-- Banner -->\n  @if (bannerUrl) {\n  <div class=\"preview-banner\">\n    <img class=\"banner-image\" [src]=\"bannerUrl\" alt=\"banner\" />\n  </div>\n  }\n\n  <!-- Header: image + name + meta -->\n  <div class=\"preview-header\" [class.has-banner]=\"bannerUrl\">\n    @if (entity()?.assets?.image?.url) {\n    <img class=\"preview-image\" [src]=\"entity()!.assets!.image!.url\" [alt]=\"characterData?.name || entity()?.name\" />\n    }\n    <div class=\"preview-header-info\">\n      <h2 class=\"preview-name\">{{ characterData?.name || entity()?.name }}</h2>\n\n      <div class=\"preview-meta-tags\">\n        @if (entity()?.lang) {\n        <p-tag [value]=\"entity()!.lang!\" severity=\"secondary\" icon=\"pi pi-flag\" />\n        }\n        @if (entity()?.manageable?.status) {\n        <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-circle-fill\" />\n        }\n        @if (characterData?.gender) {\n        <p-tag [value]=\"characterData!.gender\" severity=\"secondary\" icon=\"pi pi-user\" />\n        }\n        @if (entity()?.metaApp?.takenCount) {\n        <p-tag [value]=\"'Taken: ' + entity()!.metaApp!.takenCount\" severity=\"success\" icon=\"pi pi-users\" />\n        }\n        @if (learnableInfo?.level) {\n        <p-tag [value]=\"'Level ' + learnableInfo.level\" severity=\"warn\" icon=\"pi pi-star\" />\n        }\n        @if (learnableInfo?.takenCount) {\n        <p-tag [value]=\"'Played: ' + learnableInfo.takenCount\" severity=\"secondary\" icon=\"pi pi-play\" />\n        }\n      </div>\n\n      @if (characterData?.tags?.length) {\n      <div class=\"preview-tags\">\n        @for (tag of characterData!.tags; track tag) {\n        <p-tag [value]=\"tag\" severity=\"secondary\" />\n        }\n      </div>\n      }\n    </div>\n  </div>\n\n  <!-- Entity-level description -->\n  @if (entity()?.description) {\n  <div class=\"preview-entity-description\">\n    <p>{{ entity()!.description }}</p>\n  </div>\n  }\n\n  <!-- Motion Videos -->\n  @if (motions.length) {\n  <div class=\"preview-section motions-top-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-video\"></i> Motion Videos ({{ motions.length }})</h4>\n    <div class=\"motions-grid\">\n      @for (motion of motions; track $index) {\n        @if (motion.metadata?.moodState || motion.metadata?.event) {\n        <button class=\"motion-chip\" (click)=\"openMotionVideo(motion)\">\n          <i class=\"pi pi-play-circle\"></i>\n          <span>{{ motion.metadata?.moodState || motion.metadata?.event }}</span>\n        </button>\n        }\n      }\n    </div>\n  </div>\n  }\n\n  <p-divider />\n\n  @if (characterData?.hook) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-bookmark\"></i> Hook</h4>\n    <p>{{ characterData!.hook }}</p>\n  </div>\n  }\n\n  @if (characterData?.instructions) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-info-circle\"></i> Instructions</h4>\n    <p>{{ characterData!.instructions }}</p>\n  </div>\n  }\n\n  @if (characterData?.scenario) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-map\"></i> Scenario</h4>\n    <p>{{ characterData!.scenario }}</p>\n  </div>\n  }\n\n  @if (characterData?.creator_notes) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-file\"></i> Creator Notes</h4>\n    <p>{{ characterData!.creator_notes }}</p>\n  </div>\n  }\n\n  @if (characterData?.description) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-align-left\"></i> Description</h4>\n    <p>{{ characterData!.description }}</p>\n  </div>\n  }\n\n  @if (characterData?.greetings?.length) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-comments\"></i> Greetings</h4>\n    @for (greeting of characterData!.greetings; track $index) {\n    <p class=\"greeting-item\"><i class=\"pi pi-chevron-right\"></i> {{ greeting }}</p>\n    }\n  </div>\n  }\n\n\n  @if (persona) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-id-card\"></i> Persona</h4>\n    <div class=\"persona-grid\">\n      @if (persona.identity) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Identity</span>\n        <span>{{ persona.identity }}</span>\n      </div>\n      }\n      @if (persona.physical) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Physical</span>\n        <span>{{ persona.physical }}</span>\n      </div>\n      }\n      @if (persona.personality) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Personality</span>\n        <span>{{ persona.personality }}</span>\n      </div>\n      }\n      @if (persona.communication) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Communication</span>\n        <span>{{ persona.communication }}</span>\n      </div>\n      }\n      @if (persona.background) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Background</span>\n        <span>{{ persona.background }}</span>\n      </div>\n      }\n      @if (persona.psychology) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Psychology</span>\n        <span>{{ persona.psychology }}</span>\n      </div>\n      }\n      @if (persona.capabilities) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Capabilities</span>\n        <span>{{ persona.capabilities }}</span>\n      </div>\n      }\n      @if (persona.social) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Social</span>\n        <span>{{ persona.social }}</span>\n      </div>\n      }\n      @if (persona.preferences) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Preferences</span>\n        <span>{{ persona.preferences }}</span>\n      </div>\n      }\n      @if (persona.situation) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Situation</span>\n        <span>{{ persona.situation }}</span>\n      </div>\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Conversation Settings -->\n  @if (entity()?.conversationSettings) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Conversation Settings</h4>\n    <div class=\"settings-chips\">\n      @if (entity()?.conversationSettings?.conversationType) {\n      <p-tag [value]=\"entity()!.conversationSettings!.conversationType!\" severity=\"info\" icon=\"pi pi-comments\" />\n      }\n      @if (entity()?.conversationSettings?.textEngine) {\n      <p-tag [value]=\"entity()!.conversationSettings!.textEngine!\" severity=\"secondary\" icon=\"pi pi-code\" />\n      }\n      @if (entity()?.conversationSettings?.autoStart) {\n      <p-tag value=\"Auto Start\" severity=\"success\" icon=\"pi pi-play\" />\n      }\n      @if (entity()?.conversationSettings?.userMustStart) {\n      <p-tag value=\"User Starts\" severity=\"warn\" icon=\"pi pi-user\" />\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Voices -->\n  @if (entity()?.voice?.main?.voice) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-volume-up\"></i> Voices</h4>\n    <div class=\"voice-info\">\n      <p><span class=\"field-label\">Main:</span> {{ entity()?.voice?.main?.voice }}</p>\n      @if (entity()?.voice?.secondary?.voice) {\n      <p><span class=\"field-label\">Secondary:</span> {{ entity()?.voice?.secondary?.voice }}</p>\n      }\n    </div>\n  </div>\n  }\n\n</div>\n}\n\n@if (entity()?.manageable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Manageable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.manageable?.status) {\n    <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.manageable?.isPublic) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if (entity()?.learnable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Learnable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.learnable?.level) {\n    <p-tag [value]=\"'Level ' + entity()!.learnable!.level!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.learnable?.tags) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if(entity()?.conversationFlow) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-tags\"></i> Conversation Flow</h4>\n\n  @if (entity()?.conversationFlow?.moodState) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-face-smile\"></i> Mood State</h5>\n    <div class=\"settings-chips\">\n      @if (entity()!.conversationFlow!.moodState!.enabled) {\n      <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n      } @else {\n      <p-tag value=\"Disabled\" severity=\"danger\" icon=\"pi pi-times\" />\n      }\n      @if (entity()!.conversationFlow!.moodState!.useAssetStatesOnly) {\n      <p-tag value=\"Asset States Only\" severity=\"warn\" icon=\"pi pi-images\" />\n      }\n    </div>\n    @if (entity()!.conversationFlow!.moodState!.detectableStates?.length) {\n    <div class=\"settings-chips\" style=\"margin-top: 0.5rem;\">\n      @for (state of entity()!.conversationFlow!.moodState!.detectableStates; track $index) {\n      <p-tag [value]=\"state\" severity=\"info\" icon=\"pi pi-tag\" />\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.dynamicConditions?.length) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-sliders-v\"></i> Dynamic Conditions</h5>\n    @for (condition of entity()!.conversationFlow!.dynamicConditions!; track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <div class=\"settings-chips\">\n        <p-tag [value]=\"condition.what\" severity=\"info\" icon=\"pi pi-filter\" />\n        <p-tag [value]=\"condition.when\" severity=\"secondary\" />\n        <p-tag [value]=\"condition.value + ''\" severity=\"warn\" />\n      </div>\n      @if (condition.do?.length) {\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @for (action of condition.do!; track $index) {\n        <p-tag [value]=\"action.actionType\" severity=\"contrast\" icon=\"pi pi-bolt\" />\n        @if (action.prompt) {\n        <span class=\"field-label\" style=\"font-size: 0.75rem;\">{{ action.prompt | slice:0:60 }}\u2026</span>\n        }\n        }\n      </div>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.triggerTasks) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-bolt\"></i> Trigger Tasks</h5>\n    @for (entry of objectEntries(entity()!.conversationFlow!.triggerTasks!); track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <span class=\"field-label\">{{ entry[0] }}</span>\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @if (entry[1].enabled) {\n        <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n        } @else {\n        <p-tag value=\"Disabled\" severity=\"secondary\" icon=\"pi pi-times\" />\n        }\n        @if (entry[1].disableFeature) {\n        <p-tag value=\"Feature Disabled\" severity=\"danger\" icon=\"pi pi-ban\" />\n        }\n      </div>\n      @if (entry[1].task) {\n      <p style=\"font-size: 0.8rem; margin: 0.25rem 0 0;\">{{ entry[1].task | slice:0:120 }}\u2026</p>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n\n<!-- Video Dialog -->\n<p-dialog\n  [visible]=\"videoDialogVisible()\"\n  (visibleChange)=\"$event ? null : closeMotionVideo()\"\n  [header]=\"selectedMotion()?.metadata?.moodState || selectedMotion()?.metadata?.event || 'Video'\"\n  [modal]=\"true\"\n  [dismissableMask]=\"true\"\n  [closable]=\"true\"\n  styleClass=\"video-dialog\"\n  [style]=\"{ width: '560px' }\">\n\n  @if (selectedMotion()?.url) {\n  <video\n    class=\"motion-video\"\n    [src]=\"selectedMotion().url\"\n    controls\n    autoplay>\n  </video>\n  }\n</p-dialog>\n", styles: [".preview-container{padding:.5rem}.preview-banner{width:100%;height:210px;overflow:hidden;border-radius:8px;margin-bottom:0}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.preview-header{display:flex;gap:1.5rem;align-items:flex-start;padding:1rem 0 .5rem}.preview-header.has-banner{padding-top:.75rem}.preview-image{width:120px;height:170px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.preview-header-info{display:flex;flex-direction:column;gap:.5rem}.preview-name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.preview-meta-tags{display:flex;flex-wrap:wrap;gap:.35rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.preview-entity-description{color:var(--p-text-muted-color);font-size:.9rem;margin:.5rem 0}.preview-entity-description p{margin:0}.preview-section{margin-bottom:1rem}.section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--p-text-muted-color);display:flex;align-items:center;gap:.4rem}.greeting-item{margin:.25rem 0;padding-left:.5rem;border-left:2px solid var(--p-primary-color)}.first-message{background:var(--p-surface-100);border-radius:6px;padding:.75rem;font-style:italic}.persona-grid{display:flex;flex-direction:column;gap:.5rem}.persona-field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.8rem;font-weight:600;color:var(--p-text-muted-color);text-transform:uppercase;letter-spacing:.05em}.motions-top-section{margin-top:.75rem;margin-bottom:0}.motions-grid{display:flex;flex-wrap:wrap;gap:.4rem}.motion-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;border:1px solid var(--p-surface-300);background:var(--p-surface-100);color:var(--p-text-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-transform:capitalize}.motion-chip i{font-size:.85rem;color:var(--p-primary-color)}.motion-chip:hover{background:var(--p-primary-50, #f0f4ff);border-color:var(--p-primary-color);transform:translateY(-1px)}.motion-chip:active{transform:translateY(0)}.motion-video{width:100%;border-radius:6px;display:block}.settings-chips{display:flex;flex-wrap:wrap;gap:.4rem}.voice-info{display:flex;flex-direction:column;gap:.25rem}.loading-state{display:flex;justify-content:center;padding:2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i1$4.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i2$3.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i2$4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DcAgentCardDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dc-agent-card-detail', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CardModule, TagModule, DividerModule, ProgressSpinnerModule, DialogModule, ButtonModule], template: "@if (isLoading()) {\n<div class=\"loading-state\">\n  <p-progressSpinner strokeWidth=\"4\" />\n</div>\n} @else if (entity()) {\n<div class=\"preview-container\">\n\n  <!-- Banner -->\n  @if (bannerUrl) {\n  <div class=\"preview-banner\">\n    <img class=\"banner-image\" [src]=\"bannerUrl\" alt=\"banner\" />\n  </div>\n  }\n\n  <!-- Header: image + name + meta -->\n  <div class=\"preview-header\" [class.has-banner]=\"bannerUrl\">\n    @if (entity()?.assets?.image?.url) {\n    <img class=\"preview-image\" [src]=\"entity()!.assets!.image!.url\" [alt]=\"characterData?.name || entity()?.name\" />\n    }\n    <div class=\"preview-header-info\">\n      <h2 class=\"preview-name\">{{ characterData?.name || entity()?.name }}</h2>\n\n      <div class=\"preview-meta-tags\">\n        @if (entity()?.lang) {\n        <p-tag [value]=\"entity()!.lang!\" severity=\"secondary\" icon=\"pi pi-flag\" />\n        }\n        @if (entity()?.manageable?.status) {\n        <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-circle-fill\" />\n        }\n        @if (characterData?.gender) {\n        <p-tag [value]=\"characterData!.gender\" severity=\"secondary\" icon=\"pi pi-user\" />\n        }\n        @if (entity()?.metaApp?.takenCount) {\n        <p-tag [value]=\"'Taken: ' + entity()!.metaApp!.takenCount\" severity=\"success\" icon=\"pi pi-users\" />\n        }\n        @if (learnableInfo?.level) {\n        <p-tag [value]=\"'Level ' + learnableInfo.level\" severity=\"warn\" icon=\"pi pi-star\" />\n        }\n        @if (learnableInfo?.takenCount) {\n        <p-tag [value]=\"'Played: ' + learnableInfo.takenCount\" severity=\"secondary\" icon=\"pi pi-play\" />\n        }\n      </div>\n\n      @if (characterData?.tags?.length) {\n      <div class=\"preview-tags\">\n        @for (tag of characterData!.tags; track tag) {\n        <p-tag [value]=\"tag\" severity=\"secondary\" />\n        }\n      </div>\n      }\n    </div>\n  </div>\n\n  <!-- Entity-level description -->\n  @if (entity()?.description) {\n  <div class=\"preview-entity-description\">\n    <p>{{ entity()!.description }}</p>\n  </div>\n  }\n\n  <!-- Motion Videos -->\n  @if (motions.length) {\n  <div class=\"preview-section motions-top-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-video\"></i> Motion Videos ({{ motions.length }})</h4>\n    <div class=\"motions-grid\">\n      @for (motion of motions; track $index) {\n        @if (motion.metadata?.moodState || motion.metadata?.event) {\n        <button class=\"motion-chip\" (click)=\"openMotionVideo(motion)\">\n          <i class=\"pi pi-play-circle\"></i>\n          <span>{{ motion.metadata?.moodState || motion.metadata?.event }}</span>\n        </button>\n        }\n      }\n    </div>\n  </div>\n  }\n\n  <p-divider />\n\n  @if (characterData?.hook) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-bookmark\"></i> Hook</h4>\n    <p>{{ characterData!.hook }}</p>\n  </div>\n  }\n\n  @if (characterData?.instructions) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-info-circle\"></i> Instructions</h4>\n    <p>{{ characterData!.instructions }}</p>\n  </div>\n  }\n\n  @if (characterData?.scenario) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-map\"></i> Scenario</h4>\n    <p>{{ characterData!.scenario }}</p>\n  </div>\n  }\n\n  @if (characterData?.creator_notes) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-file\"></i> Creator Notes</h4>\n    <p>{{ characterData!.creator_notes }}</p>\n  </div>\n  }\n\n  @if (characterData?.description) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-align-left\"></i> Description</h4>\n    <p>{{ characterData!.description }}</p>\n  </div>\n  }\n\n  @if (characterData?.greetings?.length) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-comments\"></i> Greetings</h4>\n    @for (greeting of characterData!.greetings; track $index) {\n    <p class=\"greeting-item\"><i class=\"pi pi-chevron-right\"></i> {{ greeting }}</p>\n    }\n  </div>\n  }\n\n\n  @if (persona) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-id-card\"></i> Persona</h4>\n    <div class=\"persona-grid\">\n      @if (persona.identity) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Identity</span>\n        <span>{{ persona.identity }}</span>\n      </div>\n      }\n      @if (persona.physical) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Physical</span>\n        <span>{{ persona.physical }}</span>\n      </div>\n      }\n      @if (persona.personality) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Personality</span>\n        <span>{{ persona.personality }}</span>\n      </div>\n      }\n      @if (persona.communication) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Communication</span>\n        <span>{{ persona.communication }}</span>\n      </div>\n      }\n      @if (persona.background) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Background</span>\n        <span>{{ persona.background }}</span>\n      </div>\n      }\n      @if (persona.psychology) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Psychology</span>\n        <span>{{ persona.psychology }}</span>\n      </div>\n      }\n      @if (persona.capabilities) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Capabilities</span>\n        <span>{{ persona.capabilities }}</span>\n      </div>\n      }\n      @if (persona.social) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Social</span>\n        <span>{{ persona.social }}</span>\n      </div>\n      }\n      @if (persona.preferences) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Preferences</span>\n        <span>{{ persona.preferences }}</span>\n      </div>\n      }\n      @if (persona.situation) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Situation</span>\n        <span>{{ persona.situation }}</span>\n      </div>\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Conversation Settings -->\n  @if (entity()?.conversationSettings) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Conversation Settings</h4>\n    <div class=\"settings-chips\">\n      @if (entity()?.conversationSettings?.conversationType) {\n      <p-tag [value]=\"entity()!.conversationSettings!.conversationType!\" severity=\"info\" icon=\"pi pi-comments\" />\n      }\n      @if (entity()?.conversationSettings?.textEngine) {\n      <p-tag [value]=\"entity()!.conversationSettings!.textEngine!\" severity=\"secondary\" icon=\"pi pi-code\" />\n      }\n      @if (entity()?.conversationSettings?.autoStart) {\n      <p-tag value=\"Auto Start\" severity=\"success\" icon=\"pi pi-play\" />\n      }\n      @if (entity()?.conversationSettings?.userMustStart) {\n      <p-tag value=\"User Starts\" severity=\"warn\" icon=\"pi pi-user\" />\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Voices -->\n  @if (entity()?.voice?.main?.voice || entity()?.conversationSettings?.mainVoice?.voice) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-volume-up\"></i> Voices</h4>\n    <div class=\"voice-info\">\n      <p><span class=\"field-label\">Main:</span> {{ entity()?.voice?.main?.voice || entity()?.conversationSettings?.mainVoice?.voice }}</p>\n      @if (entity()?.voice?.secondary?.voice || entity()?.conversationSettings?.secondaryVoice?.voice) {\n      <p><span class=\"field-label\">Secondary:</span> {{ entity()?.voice?.secondary?.voice || entity()?.conversationSettings?.secondaryVoice?.voice }}</p>\n      }\n    </div>\n  </div>\n  }\n\n</div>\n}\n\n@if (entity()?.manageable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Manageable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.manageable?.status) {\n    <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.manageable?.isPublic) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if (entity()?.learnable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Learnable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.learnable?.level) {\n    <p-tag [value]=\"'Level ' + entity()!.learnable!.level!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.learnable?.tags) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if(entity()?.conversationFlow) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-tags\"></i> Conversation Flow</h4>\n\n  @if (entity()?.conversationFlow?.moodState) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-face-smile\"></i> Mood State</h5>\n    <div class=\"settings-chips\">\n      @if (entity()!.conversationFlow!.moodState!.enabled) {\n      <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n      } @else {\n      <p-tag value=\"Disabled\" severity=\"danger\" icon=\"pi pi-times\" />\n      }\n      @if (entity()!.conversationFlow!.moodState!.useAssetStatesOnly) {\n      <p-tag value=\"Asset States Only\" severity=\"warn\" icon=\"pi pi-images\" />\n      }\n    </div>\n    @if (entity()!.conversationFlow!.moodState!.detectableStates?.length) {\n    <div class=\"settings-chips\" style=\"margin-top: 0.5rem;\">\n      @for (state of entity()!.conversationFlow!.moodState!.detectableStates; track $index) {\n      <p-tag [value]=\"state\" severity=\"info\" icon=\"pi pi-tag\" />\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.dynamicConditions?.length) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-sliders-v\"></i> Dynamic Conditions</h5>\n    @for (condition of entity()!.conversationFlow!.dynamicConditions!; track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <div class=\"settings-chips\">\n        <p-tag [value]=\"condition.what\" severity=\"info\" icon=\"pi pi-filter\" />\n        <p-tag [value]=\"condition.when\" severity=\"secondary\" />\n        <p-tag [value]=\"condition.value + ''\" severity=\"warn\" />\n      </div>\n      @if (condition.do?.length) {\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @for (action of condition.do!; track $index) {\n        <p-tag [value]=\"action.actionType\" severity=\"contrast\" icon=\"pi pi-bolt\" />\n        @if (action.prompt) {\n        <span class=\"field-label\" style=\"font-size: 0.75rem;\">{{ action.prompt | slice:0:60 }}\u2026</span>\n        }\n        }\n      </div>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.triggerTasks) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-bolt\"></i> Trigger Tasks</h5>\n    @for (entry of objectEntries(entity()!.conversationFlow!.triggerTasks!); track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <span class=\"field-label\">{{ entry[0] }}</span>\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @if (entry[1].enabled) {\n        <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n        } @else {\n        <p-tag value=\"Disabled\" severity=\"secondary\" icon=\"pi pi-times\" />\n        }\n        @if (entry[1].disableFeature) {\n        <p-tag value=\"Feature Disabled\" severity=\"danger\" icon=\"pi pi-ban\" />\n        }\n      </div>\n      @if (entry[1].task) {\n      <p style=\"font-size: 0.8rem; margin: 0.25rem 0 0;\">{{ entry[1].task | slice:0:120 }}\u2026</p>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n\n<!-- Video Dialog -->\n<p-dialog\n  [visible]=\"videoDialogVisible()\"\n  (visibleChange)=\"$event ? null : closeMotionVideo()\"\n  [header]=\"selectedMotion()?.metadata?.moodState || selectedMotion()?.metadata?.event || 'Video'\"\n  [modal]=\"true\"\n  [dismissableMask]=\"true\"\n  [closable]=\"true\"\n  styleClass=\"video-dialog\"\n  [style]=\"{ width: '560px' }\">\n\n  @if (selectedMotion()?.url) {\n  <video\n    class=\"motion-video\"\n    [src]=\"selectedMotion().url\"\n    controls\n    autoplay>\n  </video>\n  }\n</p-dialog>\n", styles: [".preview-container{padding:.5rem}.preview-banner{width:100%;height:210px;overflow:hidden;border-radius:8px;margin-bottom:0}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.preview-header{display:flex;gap:1.5rem;align-items:flex-start;padding:1rem 0 .5rem}.preview-header.has-banner{padding-top:.75rem}.preview-image{width:120px;height:170px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.preview-header-info{display:flex;flex-direction:column;gap:.5rem}.preview-name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.preview-meta-tags{display:flex;flex-wrap:wrap;gap:.35rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.preview-entity-description{color:var(--p-text-muted-color);font-size:.9rem;margin:.5rem 0}.preview-entity-description p{margin:0}.preview-section{margin-bottom:1rem}.section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--p-text-muted-color);display:flex;align-items:center;gap:.4rem}.greeting-item{margin:.25rem 0;padding-left:.5rem;border-left:2px solid var(--p-primary-color)}.first-message{background:var(--p-surface-100);border-radius:6px;padding:.75rem;font-style:italic}.persona-grid{display:flex;flex-direction:column;gap:.5rem}.persona-field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.8rem;font-weight:600;color:var(--p-text-muted-color);text-transform:uppercase;letter-spacing:.05em}.motions-top-section{margin-top:.75rem;margin-bottom:0}.motions-grid{display:flex;flex-wrap:wrap;gap:.4rem}.motion-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;border:1px solid var(--p-surface-300);background:var(--p-surface-100);color:var(--p-text-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-transform:capitalize}.motion-chip i{font-size:.85rem;color:var(--p-primary-color)}.motion-chip:hover{background:var(--p-primary-50, #f0f4ff);border-color:var(--p-primary-color);transform:translateY(-1px)}.motion-chip:active{transform:translateY(0)}.motion-video{width:100%;border-radius:6px;display:block}.settings-chips{display:flex;flex-wrap:wrap;gap:.4rem}.voice-info{display:flex;flex-direction:column;gap:.25rem}.loading-state{display:flex;justify-content:center;padding:2rem}\n"] }]
+            args: [{ selector: 'dc-agent-card-detail', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CardModule, TagModule, DividerModule, ProgressSpinnerModule, DialogModule, ButtonModule], template: "@if (isLoading()) {\n<div class=\"loading-state\">\n  <p-progressSpinner strokeWidth=\"4\" />\n</div>\n} @else if (entity()) {\n<div class=\"preview-container\">\n\n  <!-- Banner -->\n  @if (bannerUrl) {\n  <div class=\"preview-banner\">\n    <img class=\"banner-image\" [src]=\"bannerUrl\" alt=\"banner\" />\n  </div>\n  }\n\n  <!-- Header: image + name + meta -->\n  <div class=\"preview-header\" [class.has-banner]=\"bannerUrl\">\n    @if (entity()?.assets?.image?.url) {\n    <img class=\"preview-image\" [src]=\"entity()!.assets!.image!.url\" [alt]=\"characterData?.name || entity()?.name\" />\n    }\n    <div class=\"preview-header-info\">\n      <h2 class=\"preview-name\">{{ characterData?.name || entity()?.name }}</h2>\n\n      <div class=\"preview-meta-tags\">\n        @if (entity()?.lang) {\n        <p-tag [value]=\"entity()!.lang!\" severity=\"secondary\" icon=\"pi pi-flag\" />\n        }\n        @if (entity()?.manageable?.status) {\n        <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-circle-fill\" />\n        }\n        @if (characterData?.gender) {\n        <p-tag [value]=\"characterData!.gender\" severity=\"secondary\" icon=\"pi pi-user\" />\n        }\n        @if (entity()?.metaApp?.takenCount) {\n        <p-tag [value]=\"'Taken: ' + entity()!.metaApp!.takenCount\" severity=\"success\" icon=\"pi pi-users\" />\n        }\n        @if (learnableInfo?.level) {\n        <p-tag [value]=\"'Level ' + learnableInfo.level\" severity=\"warn\" icon=\"pi pi-star\" />\n        }\n        @if (learnableInfo?.takenCount) {\n        <p-tag [value]=\"'Played: ' + learnableInfo.takenCount\" severity=\"secondary\" icon=\"pi pi-play\" />\n        }\n      </div>\n\n      @if (characterData?.tags?.length) {\n      <div class=\"preview-tags\">\n        @for (tag of characterData!.tags; track tag) {\n        <p-tag [value]=\"tag\" severity=\"secondary\" />\n        }\n      </div>\n      }\n    </div>\n  </div>\n\n  <!-- Entity-level description -->\n  @if (entity()?.description) {\n  <div class=\"preview-entity-description\">\n    <p>{{ entity()!.description }}</p>\n  </div>\n  }\n\n  <!-- Motion Videos -->\n  @if (motions.length) {\n  <div class=\"preview-section motions-top-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-video\"></i> Motion Videos ({{ motions.length }})</h4>\n    <div class=\"motions-grid\">\n      @for (motion of motions; track $index) {\n        @if (motion.metadata?.moodState || motion.metadata?.event) {\n        <button class=\"motion-chip\" (click)=\"openMotionVideo(motion)\">\n          <i class=\"pi pi-play-circle\"></i>\n          <span>{{ motion.metadata?.moodState || motion.metadata?.event }}</span>\n        </button>\n        }\n      }\n    </div>\n  </div>\n  }\n\n  <p-divider />\n\n  @if (characterData?.hook) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-bookmark\"></i> Hook</h4>\n    <p>{{ characterData!.hook }}</p>\n  </div>\n  }\n\n  @if (characterData?.instructions) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-info-circle\"></i> Instructions</h4>\n    <p>{{ characterData!.instructions }}</p>\n  </div>\n  }\n\n  @if (characterData?.scenario) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-map\"></i> Scenario</h4>\n    <p>{{ characterData!.scenario }}</p>\n  </div>\n  }\n\n  @if (characterData?.creator_notes) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-file\"></i> Creator Notes</h4>\n    <p>{{ characterData!.creator_notes }}</p>\n  </div>\n  }\n\n  @if (characterData?.description) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-align-left\"></i> Description</h4>\n    <p>{{ characterData!.description }}</p>\n  </div>\n  }\n\n  @if (characterData?.greetings?.length) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-comments\"></i> Greetings</h4>\n    @for (greeting of characterData!.greetings; track $index) {\n    <p class=\"greeting-item\"><i class=\"pi pi-chevron-right\"></i> {{ greeting }}</p>\n    }\n  </div>\n  }\n\n\n  @if (persona) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-id-card\"></i> Persona</h4>\n    <div class=\"persona-grid\">\n      @if (persona.identity) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Identity</span>\n        <span>{{ persona.identity }}</span>\n      </div>\n      }\n      @if (persona.physical) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Physical</span>\n        <span>{{ persona.physical }}</span>\n      </div>\n      }\n      @if (persona.personality) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Personality</span>\n        <span>{{ persona.personality }}</span>\n      </div>\n      }\n      @if (persona.communication) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Communication</span>\n        <span>{{ persona.communication }}</span>\n      </div>\n      }\n      @if (persona.background) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Background</span>\n        <span>{{ persona.background }}</span>\n      </div>\n      }\n      @if (persona.psychology) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Psychology</span>\n        <span>{{ persona.psychology }}</span>\n      </div>\n      }\n      @if (persona.capabilities) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Capabilities</span>\n        <span>{{ persona.capabilities }}</span>\n      </div>\n      }\n      @if (persona.social) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Social</span>\n        <span>{{ persona.social }}</span>\n      </div>\n      }\n      @if (persona.preferences) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Preferences</span>\n        <span>{{ persona.preferences }}</span>\n      </div>\n      }\n      @if (persona.situation) {\n      <div class=\"persona-field\">\n        <span class=\"field-label\">Situation</span>\n        <span>{{ persona.situation }}</span>\n      </div>\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Conversation Settings -->\n  @if (entity()?.conversationSettings) {\n  <p-divider />\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Conversation Settings</h4>\n    <div class=\"settings-chips\">\n      @if (entity()?.conversationSettings?.conversationType) {\n      <p-tag [value]=\"entity()!.conversationSettings!.conversationType!\" severity=\"info\" icon=\"pi pi-comments\" />\n      }\n      @if (entity()?.conversationSettings?.textEngine) {\n      <p-tag [value]=\"entity()!.conversationSettings!.textEngine!\" severity=\"secondary\" icon=\"pi pi-code\" />\n      }\n      @if (entity()?.conversationSettings?.autoStart) {\n      <p-tag value=\"Auto Start\" severity=\"success\" icon=\"pi pi-play\" />\n      }\n      @if (entity()?.conversationSettings?.userMustStart) {\n      <p-tag value=\"User Starts\" severity=\"warn\" icon=\"pi pi-user\" />\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Voices -->\n  @if (entity()?.voice?.main?.voice) {\n  <div class=\"preview-section\">\n    <h4 class=\"section-title\"><i class=\"pi pi-volume-up\"></i> Voices</h4>\n    <div class=\"voice-info\">\n      <p><span class=\"field-label\">Main:</span> {{ entity()?.voice?.main?.voice }}</p>\n      @if (entity()?.voice?.secondary?.voice) {\n      <p><span class=\"field-label\">Secondary:</span> {{ entity()?.voice?.secondary?.voice }}</p>\n      }\n    </div>\n  </div>\n  }\n\n</div>\n}\n\n@if (entity()?.manageable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Manageable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.manageable?.status) {\n    <p-tag [value]=\"entity()!.manageable!.status!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.manageable?.isPublic) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if (entity()?.learnable) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-sliders-h\"></i> Learnable</h4>\n  <div class=\"settings-chips\">\n    @if (entity()?.learnable?.level) {\n    <p-tag [value]=\"'Level ' + entity()!.learnable!.level!\" severity=\"info\" icon=\"pi pi-comments\" />\n    }\n    @if (entity()?.learnable?.tags) {\n    <p-tag [value]=\"'Public'\" severity=\"secondary\" icon=\"pi pi-code\" />\n    }\n  </div>\n</div>\n}\n\n@if(entity()?.conversationFlow) {\n<p-divider />\n<div class=\"preview-section\">\n  <h4 class=\"section-title\"><i class=\"pi pi-tags\"></i> Conversation Flow</h4>\n\n  @if (entity()?.conversationFlow?.moodState) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-face-smile\"></i> Mood State</h5>\n    <div class=\"settings-chips\">\n      @if (entity()!.conversationFlow!.moodState!.enabled) {\n      <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n      } @else {\n      <p-tag value=\"Disabled\" severity=\"danger\" icon=\"pi pi-times\" />\n      }\n      @if (entity()!.conversationFlow!.moodState!.useAssetStatesOnly) {\n      <p-tag value=\"Asset States Only\" severity=\"warn\" icon=\"pi pi-images\" />\n      }\n    </div>\n    @if (entity()!.conversationFlow!.moodState!.detectableStates?.length) {\n    <div class=\"settings-chips\" style=\"margin-top: 0.5rem;\">\n      @for (state of entity()!.conversationFlow!.moodState!.detectableStates; track $index) {\n      <p-tag [value]=\"state\" severity=\"info\" icon=\"pi pi-tag\" />\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.dynamicConditions?.length) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-sliders-v\"></i> Dynamic Conditions</h5>\n    @for (condition of entity()!.conversationFlow!.dynamicConditions!; track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <div class=\"settings-chips\">\n        <p-tag [value]=\"condition.what\" severity=\"info\" icon=\"pi pi-filter\" />\n        <p-tag [value]=\"condition.when\" severity=\"secondary\" />\n        <p-tag [value]=\"condition.value + ''\" severity=\"warn\" />\n      </div>\n      @if (condition.do?.length) {\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @for (action of condition.do!; track $index) {\n        <p-tag [value]=\"action.actionType\" severity=\"contrast\" icon=\"pi pi-bolt\" />\n        @if (action.prompt) {\n        <span class=\"field-label\" style=\"font-size: 0.75rem;\">{{ action.prompt | slice:0:60 }}\u2026</span>\n        }\n        }\n      </div>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  @if (entity()?.conversationFlow?.triggerTasks) {\n  <div class=\"preview-section\">\n    <h5 class=\"section-title\"><i class=\"pi pi-bolt\"></i> Trigger Tasks</h5>\n    @for (entry of objectEntries(entity()!.conversationFlow!.triggerTasks!); track $index) {\n    <div class=\"persona-field\" style=\"margin-bottom: 0.5rem;\">\n      <span class=\"field-label\">{{ entry[0] }}</span>\n      <div class=\"settings-chips\" style=\"margin-top: 0.25rem;\">\n        @if (entry[1].enabled) {\n        <p-tag value=\"Enabled\" severity=\"success\" icon=\"pi pi-check\" />\n        } @else {\n        <p-tag value=\"Disabled\" severity=\"secondary\" icon=\"pi pi-times\" />\n        }\n        @if (entry[1].disableFeature) {\n        <p-tag value=\"Feature Disabled\" severity=\"danger\" icon=\"pi pi-ban\" />\n        }\n      </div>\n      @if (entry[1].task) {\n      <p style=\"font-size: 0.8rem; margin: 0.25rem 0 0;\">{{ entry[1].task | slice:0:120 }}\u2026</p>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n\n<!-- Video Dialog -->\n<p-dialog\n  [visible]=\"videoDialogVisible()\"\n  (visibleChange)=\"$event ? null : closeMotionVideo()\"\n  [header]=\"selectedMotion()?.metadata?.moodState || selectedMotion()?.metadata?.event || 'Video'\"\n  [modal]=\"true\"\n  [dismissableMask]=\"true\"\n  [closable]=\"true\"\n  styleClass=\"video-dialog\"\n  [style]=\"{ width: '560px' }\">\n\n  @if (selectedMotion()?.url) {\n  <video\n    class=\"motion-video\"\n    [src]=\"selectedMotion().url\"\n    controls\n    autoplay>\n  </video>\n  }\n</p-dialog>\n", styles: [".preview-container{padding:.5rem}.preview-banner{width:100%;height:210px;overflow:hidden;border-radius:8px;margin-bottom:0}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.preview-header{display:flex;gap:1.5rem;align-items:flex-start;padding:1rem 0 .5rem}.preview-header.has-banner{padding-top:.75rem}.preview-image{width:120px;height:170px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.preview-header-info{display:flex;flex-direction:column;gap:.5rem}.preview-name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.preview-meta-tags{display:flex;flex-wrap:wrap;gap:.35rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.preview-entity-description{color:var(--p-text-muted-color);font-size:.9rem;margin:.5rem 0}.preview-entity-description p{margin:0}.preview-section{margin-bottom:1rem}.section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--p-text-muted-color);display:flex;align-items:center;gap:.4rem}.greeting-item{margin:.25rem 0;padding-left:.5rem;border-left:2px solid var(--p-primary-color)}.first-message{background:var(--p-surface-100);border-radius:6px;padding:.75rem;font-style:italic}.persona-grid{display:flex;flex-direction:column;gap:.5rem}.persona-field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.8rem;font-weight:600;color:var(--p-text-muted-color);text-transform:uppercase;letter-spacing:.05em}.motions-top-section{margin-top:.75rem;margin-bottom:0}.motions-grid{display:flex;flex-wrap:wrap;gap:.4rem}.motion-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;border:1px solid var(--p-surface-300);background:var(--p-surface-100);color:var(--p-text-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-transform:capitalize}.motion-chip i{font-size:.85rem;color:var(--p-primary-color)}.motion-chip:hover{background:var(--p-primary-50, #f0f4ff);border-color:var(--p-primary-color);transform:translateY(-1px)}.motion-chip:active{transform:translateY(0)}.motion-video{width:100%;border-radius:6px;display:block}.settings-chips{display:flex;flex-wrap:wrap;gap:.4rem}.voice-info{display:flex;flex-direction:column;gap:.25rem}.loading-state{display:flex;justify-content:center;padding:2rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { entityData: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityData", required: false }] }] } });
 
 class ConversationSummaryComponent {
@@ -6674,8 +6710,18 @@ class DCChatComponent {
         this.viewMode = signal('chat', ...(ngDevMode ? [{ debugName: "viewMode" }] : /* istanbul ignore next */ []));
         // public messages = signal<ChatMessage[]>([]);
         // States
-        this.micSettings = { micMode: 'recognition', lang: 'en' };
         this.isAdmin = true;
+        const micRecordingService = inject(MicRecordingService);
+        const orchestrationService = inject(MessageOrchestrationService);
+        // Pause mic voice/silence detection when AI is thinking, playing audio, or conversation is paused
+        effect(() => {
+            const isThinking = this.conversationService.isThinking()();
+            const isAudioPlaying = orchestrationService.messageToPlay$() !== null;
+            const isPaused = this.conversationFlowStateService.isPaused();
+            const shouldPauseMic = isThinking || isAudioPlaying || isPaused;
+            micRecordingService.isPaused.set(shouldPauseMic);
+            console.log('DCChatComponent: MicRecordingService isPaused updated to:', shouldPauseMic);
+        });
         // Subscribe to score updates using effect
         effect(() => {
             const score = this.conversationFlowStateService.flowState().goal.value;
@@ -6701,6 +6747,10 @@ class DCChatComponent {
         if (!this.chatUserSettings) {
             this.chatUserSettings = this.userService.user()?.settings?.conversation;
         }
+        if (!this.micSettings) {
+            const targetLang = this.agentCard?.voice?.main?.lang || this.userService.user()?.settings?.targetLanguage || 'en';
+            this.micSettings = buildMicSettings(this.chatUserSettings?.micMode, targetLang);
+        }
         if (this.conversationSettings) {
             await this.conversationService.initConversationWithSettings(this.conversationSettings, this.conversationFlow);
         }
@@ -6771,7 +6821,7 @@ class DCChatComponent {
         this.goalCompleted.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DCChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 }, observerConfig: { classPropertyName: "observerConfig", publicName: "observerConfig", isSignal: false, isRequired: false, transformFunction: null }, parseDict: { classPropertyName: "parseDict", publicName: "parseDict", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chatEvent: "chatEvent", goalCompleted: "goalCompleted" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 }, micSettings: { classPropertyName: "micSettings", publicName: "micSettings", isSignal: false, isRequired: false, transformFunction: null }, observerConfig: { classPropertyName: "observerConfig", publicName: "observerConfig", isSignal: false, isRequired: false, transformFunction: null }, parseDict: { classPropertyName: "parseDict", publicName: "parseDict", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chatEvent: "chatEvent", goalCompleted: "goalCompleted" }, providers: [
             ConversationService,
             AIGenerationService,
             EvaluationService,
@@ -6826,6 +6876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
                 type: Input
             }], agentCard: [{
                 type: Input
+            }], micSettings: [{
+                type: Input
             }], observerConfig: [{
                 type: Input
             }], parseDict: [{ type: i0.Input, args: [{ isSignal: true, alias: "parseDict", required: false }] }], chatEvent: [{ type: i0.Output, args: ["chatEvent"] }], goalCompleted: [{ type: i0.Output, args: ["goalCompleted"] }] } });
@@ -7813,22 +7865,6 @@ class CharacterFormGroupService {
     }
     patchFormWithConversationData(form, agentCard) {
         form.patchValue(agentCard);
-        if (!agentCard.voice) {
-            const voicePatch = {};
-            if (agentCard.conversationSettings?.mainVoice) {
-                voicePatch.main = agentCard.conversationSettings.mainVoice;
-            }
-            if (agentCard.conversationSettings?.secondaryVoice) {
-                voicePatch.secondary = agentCard.conversationSettings.secondaryVoice;
-            }
-            if (agentCard.voiceCloning) {
-                voicePatch.cloning = {
-                    sample: agentCard.voiceCloning.sample,
-                    transcription: agentCard.voiceCloning.transcription
-                };
-            }
-            form.get('voice')?.patchValue(voicePatch);
-        }
         // Patch dynamicConditions FormArray after the main form is patched
         const dynamicConditionsFormArray = form.get('conversationFlow.dynamicConditions');
         dynamicConditionsFormArray.clear(); // Clear any existing default items
@@ -9479,6 +9515,25 @@ class Live2dModelComponent {
         this.canvasRef.nativeElement.addEventListener('wheel', this.onWheel.bind(this), { passive: false });
         this.isViewInitialized.set(true);
     }
+    ngOnDestroy() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        if (this.model) {
+            try {
+                this.model.destroy();
+            }
+            catch (e) { }
+        }
+        if (this.app) {
+            try {
+                this.app.destroy(true);
+            }
+            catch (e) {
+                console.warn('Error destroying PixiJS app', e);
+            }
+        }
+    }
     async initializeCanvas() {
         if (!this.live2dConfig) {
             console.warn('Live2D configuration not provided. Please call provideLive2D in your app bootstrap.');
@@ -9486,10 +9541,11 @@ class Live2dModelComponent {
         }
         const PIXI = await this.live2dConfig.PIXI();
         this.app = new PIXI.Application();
+        const parentEl = this.canvasRef.nativeElement.parentElement;
         if (typeof this.app.init === 'function') {
             await this.app.init({
                 canvas: this.canvasRef.nativeElement,
-                resizeTo: this.canvasRef.nativeElement.parentElement || undefined,
+                resizeTo: parentEl || undefined,
                 backgroundColor: 0x000000,
                 backgroundAlpha: 0,
                 antialias: true,
@@ -9500,6 +9556,14 @@ class Live2dModelComponent {
         else {
             alert('Not able to load the model');
         }
+        if (parentEl && typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => {
+                if (this.app && typeof this.app.resize === 'function') {
+                    this.app.resize();
+                }
+            });
+            this.resizeObserver.observe(parentEl);
+        }
     }
     async loadModel(modelPath) {
         if (!this.live2dConfig) {
@@ -9750,7 +9814,7 @@ class Live2dModelComponent {
         const anchorY = 0.5;
         const offsetX = (faceCenterX - (localBounds.x + localBounds.width * anchorX)) * suggestedScale;
         const offsetY = (faceCenterY - (localBounds.y + localBounds.height * anchorY)) * suggestedScale;
-        const verticalFocusPoint = 0.35;
+        const verticalFocusPoint = 0.20;
         const targetX = (this.app.screen.width / 2) - offsetX;
         const targetY = (this.app.screen.height * verticalFocusPoint) - offsetY;
         const xPct = (targetX / this.app.screen.width) * 100;
@@ -9969,18 +10033,6 @@ class DcAgentCardAvatarComponent {
         const locale = LANGUAGES[targetLang]?.defaultLocale;
         if (!locale)
             return cardTranslated;
-        if (cardTranslated.conversationSettings?.mainVoice) {
-            const transformedMainVoice = this._transformVoice(cardTranslated.conversationSettings.mainVoice.voice, locale);
-            if (transformedMainVoice) {
-                cardTranslated.conversationSettings.mainVoice.voice = transformedMainVoice;
-            }
-        }
-        if (cardTranslated.conversationSettings?.secondaryVoice) {
-            const transformedSecondaryVoice = this._transformVoice(cardTranslated.conversationSettings.secondaryVoice.voice, locale);
-            if (transformedSecondaryVoice) {
-                cardTranslated.conversationSettings.secondaryVoice.voice = transformedSecondaryVoice;
-            }
-        }
         if (cardTranslated.voice?.main) {
             const transformedMainVoice = this._transformVoice(cardTranslated.voice.main.voice, locale);
             if (transformedMainVoice) {
@@ -10024,11 +10076,11 @@ class DcAgentCardAvatarComponent {
         this.showInfoLayer.update((value) => !value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DcAgentCardAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: DcAgentCardAvatarComponent, isStandalone: true, selector: "dc-agent-card-avatar", inputs: { agentCardId: "agentCardId", useNativePlayer: "useNativePlayer", isConversationActive: "isConversationActive" }, outputs: { onStartConversation: "onStartConversation" }, viewQueries: [{ propertyName: "videoPlayerA", first: true, predicate: ["videoPlayerA"], descendants: true, isSignal: true }, { propertyName: "videoPlayerB", first: true, predicate: ["videoPlayerB"], descendants: true, isSignal: true }, { propertyName: "live2dModel", first: true, predicate: Live2dModelComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #cardContent>\n  <div class=\"card-container\">\n    <!-- CASO 1: Renderizado por Video (Ping-pong nativo) -->\n    @if (avatarType() === 'video') {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" [style.opacity]=\"videoPlayerService.isVideoPlaying() ? 0 : 1\" style=\"transition: opacity 0.5s ease-in-out;\" alt=\"\" />\n      <video #videoPlayerA class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 1; z-index: 1;\" playsinline></video>\n      <video #videoPlayerB class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 0; z-index: 2;\" playsinline></video>\n    }\n\n    <!-- CASO 2: Renderizado por Live2D (PixiJS Canvas) -->\n    @else if (avatarType() === 'live2d') {\n      @if (model3JsonUrl(); as modelPath) {\n        <app-live2d-model\n          #live2dModel\n          class=\"card-image\"\n          style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: all; z-index: 2;\"\n          [modelPath]=\"modelPath\"\n          [zoom]=\"live2dZoomState()\"\n          [x]=\"live2dXState()\"\n          [y]=\"live2dYState()\"\n          (viewStateChanged)=\"onViewStateChanged($event)\">\n        </app-live2d-model>\n      } @else {\n        <!-- Fallback si no tiene manifest -->\n        <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n      }\n    }\n\n    <!-- CASO 3: Renderizado por VRoid (WebGL 3D - Placeholder) -->\n    @else if (avatarType() === 'vroid') {\n      <div class=\"card-image\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222; display: flex; align-items: center; justify-content: center; color: white; z-index: 2;\">\n        <span>[3D VRoid Avatar Canvas]</span>\n      </div>\n    }\n\n    <!-- CASO 4: Imagen Est\u00E1tica Est\u00E1ndar -->\n    @else {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n    }\n\n\n\n    @if (!isChatActive()) {\n\n      <div class=\"info-button\" (click)=\"toggleInfoLayer()\">\n        <p-button icon=\"pi pi-arrow-down-left\" [rounded]=\"true\" [raised]=\"true\" severity=\"primary\" [outlined]=\"true\" />\n      </div>\n      \n      <div style=\"position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); z-index: 3\">\n        <p-button\n          size=\"large\"\n          [label]=\"'dataclouder.agentCards.dcAgentCardDetails.startConversation' | translate\"\n          [rounded]=\"true\"\n          (click)=\"startConversation()\" />\n      </div>\n    }\n\n    <div class=\"info-layer\" [class.active]=\"showInfoLayer()\">\n      <div class=\"info-content\">\n        <h1\n          ><strong>{{ agentCard()?.name || agentCard()?.characterCard?.data?.name }}</strong></h1\n        >\n\n        @if (agentCard()?.characterCard?.data?.instructions) {\n          <div class=\"scenario\">\n            <h4>{{ 'dataclouder.agentCards.dcAgentCardDetails.instructions' | translate }}</h4>\n            <p>{{ agentCard()?.characterCard?.data?.instructions | parseCard: agentCard() }}</p>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<div \n  style=\"display: flex; justify-content: center; align-items: center\" \n  [class.transparent-mode]=\"avatarDisplay() === 'transparent'\"\n  [class.fullscreen-mode]=\"avatarDisplay() === 'fullscreen'\"\n  [class.card-mode]=\"avatarDisplay() === 'card'\"\n>\n  @if (avatarDisplay() === 'transparent' || avatarDisplay() === 'fullscreen') {\n    <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n  } @else {\n    <p-card>\n      <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n    </p-card>\n  }\n</div>\n", styles: ["::ng-deep .p-card{width:420px;height:700px}::ng-deep .p-card .p-card-body{width:100%;height:100%}:host{display:block;width:100%;height:100%}.transparent-mode .card-container{width:420px;height:700px;position:relative}.transparent-mode .card-image{background:transparent}.fullscreen-mode{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fullscreen-mode .card-container{width:100%;height:100%;position:relative}.fullscreen-mode .card-image{background:transparent}.card-image{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}::ng-deep .plyr--full-ui{width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}.info-button{position:absolute;top:15px;right:15px;z-index:3}.info-button:hover{transform:scale(1.1)}.info-layer{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--chat-user-message-bg);color:#fff;opacity:1;clip-path:circle(0% at top right);transition:clip-path .5s cubic-bezier(.25,1,.5,1);pointer-events:none}.info-layer.active{clip-path:circle(150% at top right);pointer-events:auto}.info-content{padding:15px;text-align:center;max-width:90%}.info-content h1{margin-top:0;font-size:18px;margin-bottom:10px}.info-content p{font-size:12px;margin:0}::ng-deep .info-button .p-button{background-color:#ffffff47}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i2$6.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Live2dModelComponent, selector: "app-live2d-model", inputs: ["modelPath", "scale", "zoom", "x", "y"], outputs: ["modelLoaded", "viewStateChanged"] }, { kind: "pipe", type: ParseCardPipe, name: "parseCard" }, { kind: "pipe", type: i3$6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: DcAgentCardAvatarComponent, isStandalone: true, selector: "dc-agent-card-avatar", inputs: { agentCardId: "agentCardId", useNativePlayer: "useNativePlayer", isConversationActive: "isConversationActive" }, outputs: { onStartConversation: "onStartConversation" }, viewQueries: [{ propertyName: "videoPlayerA", first: true, predicate: ["videoPlayerA"], descendants: true, isSignal: true }, { propertyName: "videoPlayerB", first: true, predicate: ["videoPlayerB"], descendants: true, isSignal: true }, { propertyName: "live2dModel", first: true, predicate: Live2dModelComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #cardContent>\n  <div class=\"card-container\">\n    <!-- CASO 1: Renderizado por Video (Ping-pong nativo) -->\n    @if (avatarType() === 'video') {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" [style.opacity]=\"videoPlayerService.isVideoPlaying() ? 0 : 1\" style=\"transition: opacity 0.5s ease-in-out;\" alt=\"\" />\n      <video #videoPlayerA class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 1; z-index: 1;\" playsinline></video>\n      <video #videoPlayerB class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 0; z-index: 2;\" playsinline></video>\n    }\n\n    <!-- CASO 2: Renderizado por Live2D (PixiJS Canvas) -->\n    @else if (avatarType() === 'live2d') {\n      @if (model3JsonUrl(); as modelPath) {\n        <app-live2d-model\n          #live2dModel\n          class=\"card-image\"\n          style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: all; z-index: 2;\"\n          [modelPath]=\"modelPath\"\n          [zoom]=\"live2dZoomState()\"\n          [x]=\"live2dXState()\"\n          [y]=\"live2dYState()\"\n          (viewStateChanged)=\"onViewStateChanged($event)\">\n        </app-live2d-model>\n      } @else {\n        <!-- Fallback si no tiene manifest -->\n        <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n      }\n    }\n\n    <!-- CASO 3: Renderizado por VRoid (WebGL 3D - Placeholder) -->\n    @else if (avatarType() === 'vroid') {\n      <div class=\"card-image\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222; display: flex; align-items: center; justify-content: center; color: white; z-index: 2;\">\n        <span>[3D VRoid Avatar Canvas]</span>\n      </div>\n    }\n\n    <!-- CASO 4: Imagen Est\u00E1tica Est\u00E1ndar -->\n    @else {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n    }\n\n\n\n    @if (!isChatActive()) {\n\n      <div class=\"info-button\" (click)=\"toggleInfoLayer()\">\n        <p-button icon=\"pi pi-arrow-down-left\" [rounded]=\"true\" [raised]=\"true\" severity=\"primary\" [outlined]=\"true\" />\n      </div>\n      \n      <div style=\"position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); z-index: 3\">\n        <p-button\n          size=\"large\"\n          [label]=\"'dataclouder.agentCards.dcAgentCardDetails.startConversation' | translate\"\n          [rounded]=\"true\"\n          (click)=\"startConversation()\" />\n      </div>\n    }\n\n    <div class=\"info-layer\" [class.active]=\"showInfoLayer()\">\n      <div class=\"info-content\">\n        <h1\n          ><strong>{{ agentCard()?.name || agentCard()?.characterCard?.data?.name }}</strong></h1\n        >\n\n        @if (agentCard()?.characterCard?.data?.instructions) {\n          <div class=\"scenario\">\n            <h4>{{ 'dataclouder.agentCards.dcAgentCardDetails.instructions' | translate }}</h4>\n            <p>{{ agentCard()?.characterCard?.data?.instructions | parseCard: agentCard() }}</p>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<div \n  style=\"display: flex; justify-content: center; align-items: center\" \n  [class.transparent-mode]=\"avatarDisplay() === 'transparent'\"\n  [class.fullscreen-mode]=\"avatarDisplay() === 'fullscreen'\"\n  [class.card-mode]=\"avatarDisplay() === 'card'\"\n>\n  @if (avatarDisplay() === 'transparent' || avatarDisplay() === 'fullscreen') {\n    <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n  } @else {\n    <p-card>\n      <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n    </p-card>\n  }\n</div>\n", styles: ["::ng-deep .p-card{width:420px;height:700px}::ng-deep .p-card .p-card-body{width:100%;height:100%}:host{display:block;width:100%;height:100%;position:relative}.transparent-mode .card-container{width:420px;height:700px;position:relative}.transparent-mode .card-image{background:transparent}.fullscreen-mode{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fullscreen-mode .card-container{width:100%;height:100%;position:relative}.fullscreen-mode .card-image{background:transparent}.card-image{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}::ng-deep .plyr--full-ui{width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}.info-button{position:absolute;top:15px;right:15px;z-index:3}.info-button:hover{transform:scale(1.1)}.info-layer{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--chat-user-message-bg);color:#fff;opacity:1;clip-path:circle(0% at top right);transition:clip-path .5s cubic-bezier(.25,1,.5,1);pointer-events:none}.info-layer.active{clip-path:circle(150% at top right);pointer-events:auto}.info-content{padding:15px;text-align:center;max-width:90%}.info-content h1{margin-top:0;font-size:18px;margin-bottom:10px}.info-content p{font-size:12px;margin:0}::ng-deep .info-button .p-button{background-color:#ffffff47}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i2$6.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Live2dModelComponent, selector: "app-live2d-model", inputs: ["modelPath", "scale", "zoom", "x", "y"], outputs: ["modelLoaded", "viewStateChanged"] }, { kind: "pipe", type: ParseCardPipe, name: "parseCard" }, { kind: "pipe", type: i3$6.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DcAgentCardAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dc-agent-card-avatar', standalone: true, imports: [ButtonModule, CardModule, ParseCardPipe, TranslateModule, NgTemplateOutlet, Live2dModelComponent], template: "<ng-template #cardContent>\n  <div class=\"card-container\">\n    <!-- CASO 1: Renderizado por Video (Ping-pong nativo) -->\n    @if (avatarType() === 'video') {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" [style.opacity]=\"videoPlayerService.isVideoPlaying() ? 0 : 1\" style=\"transition: opacity 0.5s ease-in-out;\" alt=\"\" />\n      <video #videoPlayerA class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 1; z-index: 1;\" playsinline></video>\n      <video #videoPlayerB class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 0; z-index: 2;\" playsinline></video>\n    }\n\n    <!-- CASO 2: Renderizado por Live2D (PixiJS Canvas) -->\n    @else if (avatarType() === 'live2d') {\n      @if (model3JsonUrl(); as modelPath) {\n        <app-live2d-model\n          #live2dModel\n          class=\"card-image\"\n          style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: all; z-index: 2;\"\n          [modelPath]=\"modelPath\"\n          [zoom]=\"live2dZoomState()\"\n          [x]=\"live2dXState()\"\n          [y]=\"live2dYState()\"\n          (viewStateChanged)=\"onViewStateChanged($event)\">\n        </app-live2d-model>\n      } @else {\n        <!-- Fallback si no tiene manifest -->\n        <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n      }\n    }\n\n    <!-- CASO 3: Renderizado por VRoid (WebGL 3D - Placeholder) -->\n    @else if (avatarType() === 'vroid') {\n      <div class=\"card-image\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222; display: flex; align-items: center; justify-content: center; color: white; z-index: 2;\">\n        <span>[3D VRoid Avatar Canvas]</span>\n      </div>\n    }\n\n    <!-- CASO 4: Imagen Est\u00E1tica Est\u00E1ndar -->\n    @else {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n    }\n\n\n\n    @if (!isChatActive()) {\n\n      <div class=\"info-button\" (click)=\"toggleInfoLayer()\">\n        <p-button icon=\"pi pi-arrow-down-left\" [rounded]=\"true\" [raised]=\"true\" severity=\"primary\" [outlined]=\"true\" />\n      </div>\n      \n      <div style=\"position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); z-index: 3\">\n        <p-button\n          size=\"large\"\n          [label]=\"'dataclouder.agentCards.dcAgentCardDetails.startConversation' | translate\"\n          [rounded]=\"true\"\n          (click)=\"startConversation()\" />\n      </div>\n    }\n\n    <div class=\"info-layer\" [class.active]=\"showInfoLayer()\">\n      <div class=\"info-content\">\n        <h1\n          ><strong>{{ agentCard()?.name || agentCard()?.characterCard?.data?.name }}</strong></h1\n        >\n\n        @if (agentCard()?.characterCard?.data?.instructions) {\n          <div class=\"scenario\">\n            <h4>{{ 'dataclouder.agentCards.dcAgentCardDetails.instructions' | translate }}</h4>\n            <p>{{ agentCard()?.characterCard?.data?.instructions | parseCard: agentCard() }}</p>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<div \n  style=\"display: flex; justify-content: center; align-items: center\" \n  [class.transparent-mode]=\"avatarDisplay() === 'transparent'\"\n  [class.fullscreen-mode]=\"avatarDisplay() === 'fullscreen'\"\n  [class.card-mode]=\"avatarDisplay() === 'card'\"\n>\n  @if (avatarDisplay() === 'transparent' || avatarDisplay() === 'fullscreen') {\n    <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n  } @else {\n    <p-card>\n      <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n    </p-card>\n  }\n</div>\n", styles: ["::ng-deep .p-card{width:420px;height:700px}::ng-deep .p-card .p-card-body{width:100%;height:100%}:host{display:block;width:100%;height:100%}.transparent-mode .card-container{width:420px;height:700px;position:relative}.transparent-mode .card-image{background:transparent}.fullscreen-mode{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fullscreen-mode .card-container{width:100%;height:100%;position:relative}.fullscreen-mode .card-image{background:transparent}.card-image{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}::ng-deep .plyr--full-ui{width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}.info-button{position:absolute;top:15px;right:15px;z-index:3}.info-button:hover{transform:scale(1.1)}.info-layer{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--chat-user-message-bg);color:#fff;opacity:1;clip-path:circle(0% at top right);transition:clip-path .5s cubic-bezier(.25,1,.5,1);pointer-events:none}.info-layer.active{clip-path:circle(150% at top right);pointer-events:auto}.info-content{padding:15px;text-align:center;max-width:90%}.info-content h1{margin-top:0;font-size:18px;margin-bottom:10px}.info-content p{font-size:12px;margin:0}::ng-deep .info-button .p-button{background-color:#ffffff47}\n"] }]
+            args: [{ selector: 'dc-agent-card-avatar', standalone: true, imports: [ButtonModule, CardModule, ParseCardPipe, TranslateModule, NgTemplateOutlet, Live2dModelComponent], template: "<ng-template #cardContent>\n  <div class=\"card-container\">\n    <!-- CASO 1: Renderizado por Video (Ping-pong nativo) -->\n    @if (avatarType() === 'video') {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" [style.opacity]=\"videoPlayerService.isVideoPlaying() ? 0 : 1\" style=\"transition: opacity 0.5s ease-in-out;\" alt=\"\" />\n      <video #videoPlayerA class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 1; z-index: 1;\" playsinline></video>\n      <video #videoPlayerB class=\"card-image\" style=\"position: absolute; top: 0; left: 0; transition: opacity 0.3s ease-in-out; opacity: 0; z-index: 2;\" playsinline></video>\n    }\n\n    <!-- CASO 2: Renderizado por Live2D (PixiJS Canvas) -->\n    @else if (avatarType() === 'live2d') {\n      @if (model3JsonUrl(); as modelPath) {\n        <app-live2d-model\n          #live2dModel\n          class=\"card-image\"\n          style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: all; z-index: 2;\"\n          [modelPath]=\"modelPath\"\n          [zoom]=\"live2dZoomState()\"\n          [x]=\"live2dXState()\"\n          [y]=\"live2dYState()\"\n          (viewStateChanged)=\"onViewStateChanged($event)\">\n        </app-live2d-model>\n      } @else {\n        <!-- Fallback si no tiene manifest -->\n        <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n      }\n    }\n\n    <!-- CASO 3: Renderizado por VRoid (WebGL 3D - Placeholder) -->\n    @else if (avatarType() === 'vroid') {\n      <div class=\"card-image\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222; display: flex; align-items: center; justify-content: center; color: white; z-index: 2;\">\n        <span>[3D VRoid Avatar Canvas]</span>\n      </div>\n    }\n\n    <!-- CASO 4: Imagen Est\u00E1tica Est\u00E1ndar -->\n    @else {\n      <img class=\"card-image\" [src]=\"agentCard()?.assets?.image?.url\" alt=\"\" />\n    }\n\n\n\n    @if (!isChatActive()) {\n\n      <div class=\"info-button\" (click)=\"toggleInfoLayer()\">\n        <p-button icon=\"pi pi-arrow-down-left\" [rounded]=\"true\" [raised]=\"true\" severity=\"primary\" [outlined]=\"true\" />\n      </div>\n      \n      <div style=\"position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); z-index: 3\">\n        <p-button\n          size=\"large\"\n          [label]=\"'dataclouder.agentCards.dcAgentCardDetails.startConversation' | translate\"\n          [rounded]=\"true\"\n          (click)=\"startConversation()\" />\n      </div>\n    }\n\n    <div class=\"info-layer\" [class.active]=\"showInfoLayer()\">\n      <div class=\"info-content\">\n        <h1\n          ><strong>{{ agentCard()?.name || agentCard()?.characterCard?.data?.name }}</strong></h1\n        >\n\n        @if (agentCard()?.characterCard?.data?.instructions) {\n          <div class=\"scenario\">\n            <h4>{{ 'dataclouder.agentCards.dcAgentCardDetails.instructions' | translate }}</h4>\n            <p>{{ agentCard()?.characterCard?.data?.instructions | parseCard: agentCard() }}</p>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<div \n  style=\"display: flex; justify-content: center; align-items: center\" \n  [class.transparent-mode]=\"avatarDisplay() === 'transparent'\"\n  [class.fullscreen-mode]=\"avatarDisplay() === 'fullscreen'\"\n  [class.card-mode]=\"avatarDisplay() === 'card'\"\n>\n  @if (avatarDisplay() === 'transparent' || avatarDisplay() === 'fullscreen') {\n    <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n  } @else {\n    <p-card>\n      <ng-container *ngTemplateOutlet=\"cardContent\"></ng-container>\n    </p-card>\n  }\n</div>\n", styles: ["::ng-deep .p-card{width:420px;height:700px}::ng-deep .p-card .p-card-body{width:100%;height:100%}:host{display:block;width:100%;height:100%;position:relative}.transparent-mode .card-container{width:420px;height:700px;position:relative}.transparent-mode .card-image{background:transparent}.fullscreen-mode{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fullscreen-mode .card-container{width:100%;height:100%;position:relative}.fullscreen-mode .card-image{background:transparent}.card-image{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}::ng-deep .plyr--full-ui{width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transition:filter .3s ease}.info-button{position:absolute;top:15px;right:15px;z-index:3}.info-button:hover{transform:scale(1.1)}.info-layer{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--chat-user-message-bg);color:#fff;opacity:1;clip-path:circle(0% at top right);transition:clip-path .5s cubic-bezier(.25,1,.5,1);pointer-events:none}.info-layer.active{clip-path:circle(150% at top right);pointer-events:auto}.info-content{padding:15px;text-align:center;max-width:90%}.info-content h1{margin-top:0;font-size:18px;margin-bottom:10px}.info-content p{font-size:12px;margin:0}::ng-deep .info-button .p-button{background-color:#ffffff47}\n"] }]
         }], ctorParameters: () => [], propDecorators: { agentCardId: [{
                 type: Input
             }], useNativePlayer: [{
@@ -10638,7 +10690,7 @@ class ChatEngineTestComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ChatEngineTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: ChatEngineTestComponent, isStandalone: true, selector: "dc-chat-engine-test", ngImport: i0, template: "<div class=\"chat-engine-test-container\">\n  <dc-chat [conversationSettings]=\"conversationSettings\"></dc-chat>\n</div>\n", styles: [".chat-engine-test-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DCChatComponent, selector: "dc-chat", inputs: ["chatUserSettings", "conversationSettings", "conversationFlow", "agentCard", "observerConfig", "parseDict"], outputs: ["chatEvent", "goalCompleted"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: ChatEngineTestComponent, isStandalone: true, selector: "dc-chat-engine-test", ngImport: i0, template: "<div class=\"chat-engine-test-container\">\n  <dc-chat [conversationSettings]=\"conversationSettings\"></dc-chat>\n</div>\n", styles: [".chat-engine-test-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DCChatComponent, selector: "dc-chat", inputs: ["chatUserSettings", "conversationSettings", "conversationFlow", "agentCard", "micSettings", "observerConfig", "parseDict"], outputs: ["chatEvent", "goalCompleted"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ChatEngineTestComponent, decorators: [{
             type: Component,
@@ -10654,5 +10706,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AgenticEngine, AgenticPattern, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CHAT_OBSERVER_CONFIG, CONVERSATION_AI_TOKEN, CardRouteService, CardRoutesComponent, CardsCreatorComponent, ChatEngineTestComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationFlowStateService, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationRuleService, ConversationRulesComponent, ConversationStatus, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardAvatarComponent, DcAgentCardDetailComponent, DcObserverInterventionComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, LIVE2D_CONFIG, Live2dModelComponent, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PolitoNotificationComponent, PopupService, PromptPreviewComponent, SectionType, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerNativeService, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, XKillsAgentCardsService, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, provideLive2D, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
+export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AgenticEngine, AgenticPattern, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CHAT_OBSERVER_CONFIG, CONVERSATION_AI_TOKEN, CardRouteService, CardRoutesComponent, CardsCreatorComponent, ChatEngineTestComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationFlowStateService, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationRuleService, ConversationRulesComponent, ConversationStatus, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardAvatarComponent, DcAgentCardDetailComponent, DcObserverInterventionComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, GlobalToolsService, LIVE2D_CONFIG, Live2dModelComponent, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PolitoNotificationComponent, PopupService, PromptPreviewComponent, SectionType, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerNativeService, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, XKillsAgentCardsService, buildMicSettings, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, provideLive2D, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
 //# sourceMappingURL=dataclouder-ngx-agent-cards.mjs.map