@dataclouder/ngx-agent-cards 0.1.64 → 0.1.66

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

@@ -1082,13 +1082,25 @@ function getDefaultPromptByType(conversationType) {
     return prompt;
 }
 
+const DEFAULT_AVATAR_IMAGES = {
+    user: 'assets/defaults/avatar_user.png',
+    assistant: 'assets/defaults/avatar_ai.webp',
+};
 class ConversationPromptBuilderService {
     constructor() {
         this.userService = inject(UserService);
     }
     // For chat conversation i need inital settings.
-    buildConversationSettings(agentCard, parseDict = null) {
+    buildConversationSettingsFromAgentCard(agentCard, parseDict = null) {
         const converstionSettings = agentCard?.conversationSettings || {};
+        converstionSettings.avatarImages = { ...DEFAULT_AVATAR_IMAGES }; // agent does not have avatar images so use default.
+        if (agentCard?.assets?.image?.url) {
+            converstionSettings.avatarImages.assistant = agentCard.assets.image.url;
+        }
+        if (this.userService.user().urlPicture) {
+            converstionSettings.avatarImages.user = this.userService.user().urlPicture;
+        }
+        // Agregar avatas aqui.
         converstionSettings.messages = this.buildConversationMessages(agentCard, parseDict);
         converstionSettings.last_prompt = this.getJailBrakePrompt(agentCard);
         return converstionSettings;
@@ -1436,7 +1448,7 @@ const Endpoints$2 = {
     UserCards: 'api/agent-cards/user-cards', // For findFilteredAgentCards
     ListModels: 'api/agent-cards/models', // For getListModels
     TranslateConversation: 'api/agent-cards/translate', // For translateConversation
-    TranscribeAudio: 'api/audio/transcribe/whisper', // For getAudioTranscriptions
+    TranscribeAudio: 'api/ai-services/adapter/stt/transcribe-bytes', // For getAudioTranscriptions
 };
 // ♦️ Finish this will be the default so i dont need to create a new one everytime
 class DefaultAgentCardsService extends EntityCommunicationService {
@@ -1509,7 +1521,7 @@ class DefaultAgentCardsService extends EntityCommunicationService {
     async getAudioTranscriptions(audio, options) {
         // Note: Original service in agent-cards.service.ts used 'node' as host. Using 'primary'.
         // 'options' parameter corresponds to 'metadata' in the original service.
-        return this.httpService.uploadFile(`${Endpoints$2.TranscribeAudio}`, audio, options, 'primary');
+        return this.httpService.uploadFile(`${Endpoints$2.TranscribeAudio}?provider=groq`, audio, options, this.appConfig.aiServicesUrl);
     }
     async callInstruction(prompt, model) {
         const messages = [{ content: prompt, role: ChatRole.User }];
@@ -1945,28 +1957,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
         }], ctorParameters: () => [] });
 
 class MessageProcessingService {
-    processMessage(message, conversationSettings, extraData = {}) {
+    processMessage(message, conversationSettings) {
+        console.log('processMessage conversation data', message, conversationSettings);
         const processedMessage = {
             ...message,
             messageId: message.messageId || nanoid(),
         };
         if (processedMessage.role === ChatRole.User) {
-            return this.processUserMessage(processedMessage, extraData);
+            if (conversationSettings.avatarImages.user) {
+                processedMessage.imgUrl = conversationSettings.avatarImages.user;
+            }
+            return processedMessage;
         }
         if (processedMessage.role === ChatRole.Assistant) {
-            return this.processAssistantMessage(processedMessage, conversationSettings, extraData);
+            return this.processAssistantMessage(processedMessage, conversationSettings);
         }
         return processedMessage;
     }
-    processUserMessage(message, extraData) {
-        if (extraData.userImg) {
-            message.imgUrl = extraData.userImg;
-        }
-        return message;
-    }
-    processAssistantMessage(message, settings, extraData) {
-        if (extraData.assistantImg) {
-            message.imgUrl = extraData.assistantImg;
+    processAssistantMessage(message, settings) {
+        if (settings.avatarImages.assistant) {
+            message.imgUrl = settings.avatarImages.assistant;
         }
         const mainVoice = settings?.mainVoice?.voice || settings?.tts?.voice;
         message.voice = this.getVoice(mainVoice);
@@ -2003,10 +2013,10 @@ class MessageProcessingService {
         });
     }
     processSSML(message, settings) {
-        if (!settings?.tts?.secondaryVoice) {
+        if (!settings?.secondaryVoice?.voice) {
             throw new Error('Secondary voice is required for SSML');
         }
-        const content = this.subsItalicsByTag(message.content, settings.tts.secondaryVoice);
+        const content = this.subsItalicsByTag(message.content, settings.secondaryVoice.voice);
         message.ssml = `<speak>${content}</speak>`;
     }
     splitContent(content, maxLength) {
@@ -2688,6 +2698,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }] });
 
+const DEFUALT_USER_AVATAR = 'assets/defaults/avatar_user.jpg';
+const DEFUALT_ASSISTANT_AVATAR = 'assets/defaults/avatar_ai.webp';
 class ConversationService {
     constructor() {
         this.defaultAgentCardService = inject(DefaultAgentCardsService);
@@ -2710,9 +2722,9 @@ class ConversationService {
         this.wordClickedSignal = signal(null, ...(ngDevMode ? [{ debugName: "wordClickedSignal" }] : [])); // Signal for clicked word
         this.agentCardSignal = signal(null, ...(ngDevMode ? [{ debugName: "agentCardSignal" }] : []));
         this.agentCard$ = this.agentCardSignal.asReadonly();
-        // Var State
-        this.avatarImages = { userImg: 'assets/defaults/avatar_user.png', assistantImg: 'assets/defaults/avatar_ai.webp' };
     }
+    // Var State
+    // private avatarImages = { userImg: 'assets/defaults/avatar_user.png', assistantImg: 'assets/defaults/avatar_ai.webp' };
     /**
      * Notifies subscribers that a word has been clicked in a message.
      * @param wordData The data associated with the clicked word.
@@ -2729,7 +2741,7 @@ class ConversationService {
     }
     createNewUserMessage() {
         const message = { content: '...', role: ChatRole.User };
-        const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState(), this.avatarImages);
+        const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState());
         this.messagesStateService.addMessage(processedMessage);
         return processedMessage.messageId;
     }
@@ -2749,8 +2761,7 @@ class ConversationService {
     }
     setupConversationWithAgentCard(agentCard, parseDict = null, defaultAppConversationFlow = null) {
         this.agentCardSignal.set(agentCard);
-        this.avatarImages.assistantImg = agentCard?.assets?.image?.url || this.avatarImages.assistantImg;
-        const conversationSettings = this.conversationBuilder.buildConversationSettings(agentCard, parseDict);
+        const conversationSettings = this.conversationBuilder.buildConversationSettingsFromAgentCard(agentCard, parseDict);
         this.overrideSettingsByUserSettings(conversationSettings);
         this.conversationSettingsState.set(conversationSettings);
         const conversationFlow = this.mergeConversationFlows(agentCard.conversationFlow, defaultAppConversationFlow);
@@ -2777,13 +2788,19 @@ class ConversationService {
         return mergedFlow;
     }
     async initConversationWithSettings(conversationSettings, conversationFlow) {
+        // Assign images.
         this.overrideSettingsByUserSettings(conversationSettings);
+        // Set default images.
+        conversationSettings.avatarImages = conversationSettings.avatarImages || { user: DEFUALT_USER_AVATAR, assistant: DEFUALT_ASSISTANT_AVATAR };
+        if (!conversationSettings.avatarImages?.user) {
+            conversationSettings.avatarImages.user = this.userService.user().urlPicture || DEFUALT_USER_AVATAR;
+        }
+        console.log('initConversationWithSettings final antes de set', conversationSettings);
         this.conversationSettingsState.set(conversationSettings);
         this.dynamicFlowService.setConversationFlow(conversationFlow);
         await this.initConversation();
     }
     async initConversation() {
-        this.avatarImages.userImg = this.userService.user().urlPicture;
         const conversationSettings = this.conversationSettingsState();
         for (const i in conversationSettings.messages) {
             if (!conversationSettings.messages[i].messageId) {
@@ -2802,7 +2819,7 @@ class ConversationService {
             const firstAssistantMsg = conversationSettings.messages.find((message) => message.role === ChatRole.Assistant);
             if (firstAssistantMsg) {
                 // Process the first assistant message
-                const processedMessage = this.messageProcessingService.processMessage(firstAssistantMsg, this.conversationSettingsState(), this.avatarImages);
+                const processedMessage = this.messageProcessingService.processMessage(firstAssistantMsg, this.conversationSettingsState());
                 this.messagesStateService.updateMessage(firstAssistantMsg.messageId, processedMessage);
                 // Find the index of the message with the matching ID
                 const messageIndex = conversationSettings.messages.findIndex((message) => message.messageId === firstAssistantMsg.messageId);
@@ -2851,7 +2868,7 @@ class ConversationService {
         }
         else {
             // Means is new meessage, Process and add the new message
-            const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState(), this.avatarImages);
+            const processedMessage = this.messageProcessingService.processMessage(message, this.conversationSettingsState());
             // Ensure ID exists (processMessage should handle this, but fallback just in case)
             processedMessage.messageId = processedMessage.messageId || nanoid();
             this.messagesStateService.addMessage(processedMessage);
@@ -2909,7 +2926,7 @@ class ConversationService {
             throw new Error('No message returned from AI');
         }
         // Process response
-        const newMessage = this.messageProcessingService.processMessage({ content: response.content, role: ChatRole.Assistant }, conversationSettings, this.avatarImages);
+        const newMessage = this.messageProcessingService.processMessage({ content: response.content, role: ChatRole.Assistant }, conversationSettings);
         this.messagesStateService.addMessage(newMessage);
         this.isThinkingSignal.set(false);
         // Run Dynamic Flow Evaluations
@@ -4380,6 +4397,7 @@ class DCChatComponent {
         this.conversationService.setDestroyed(false);
         this.chatMonitorService.isConversationActive.set(true);
         if (this.conversationSettings) {
+            console.log('iniciando conversación', this.conversationSettings);
             await this.conversationService.initConversationWithSettings(this.conversationSettings, this.conversationFlow);
         }
         else {
@@ -7127,6 +7145,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             args: [{ selector: 'app-conversationRules', imports: [RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<router-outlet />\n", styles: [":host{display:block;height:100%}\n"] }]
         }] });
 
+class ChatEngineTestComponent {
+    constructor() {
+        this.conversationSettings = {
+            autoStart: false,
+            messages: [
+                { role: ChatRole.System, content: 'You are a Teacher english, you only now english and cant speak another language.' },
+                { role: ChatRole.System, content: 'talk with the user and help him to learn english.' },
+                { role: ChatRole.User, content: 'Hello' },
+                { role: ChatRole.Assistant, content: 'Hello, its a wonderful day.' },
+            ],
+            // avatarImages: {
+            //   user: 'https://res.cloudinary.com/hcti/image/fetch/c_limit,f_auto,q_auto:good,w_400/https://docs.htmlcsstoimage.com/assets/images/cat.png',
+            //   assistant: 'https://pngimg.com/uploads/pokemon/pokemon_PNG129.png',
+            // },
+        };
+        this.conversationFlow = {
+            goal: { task: 'Have a simple conversation' },
+            triggerTasks: {},
+            dynamicConditions: [],
+            moodState: { enabled: false, useAssetStatesOnly: false, detectableStates: [] },
+        };
+        this.agentCard = {
+            name: 'Test Agent',
+            description: 'This is a test agent card.',
+            characterCard: {
+                data: {
+                    name: 'Test Agent',
+                    description: 'This is a test agent card.',
+                    tags: ['test', 'dummy'],
+                    gender: 'other',
+                    hook: 'A friendly assistant for testing purposes.',
+                },
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatEngineTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ChatEngineTestComponent, isStandalone: true, selector: "dc-chat-engine-test", ngImport: i0, template: "<div class=\"chat-engine-test-container\">\n  <dc-chat [conversationSettings]=\"conversationSettings\"></dc-chat>\n</div>\n", styles: [".chat-engine-test-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DCChatComponent, selector: "dc-chat", inputs: ["chatUserSettings", "conversationSettings", "conversationFlow", "agentCard", "parseDict"], outputs: ["chatEvent", "goalCompleted"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatEngineTestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dc-chat-engine-test', standalone: true, imports: [CommonModule, DCChatComponent], template: "<div class=\"chat-engine-test-container\">\n  <dc-chat [conversationSettings]=\"conversationSettings\"></dc-chat>\n</div>\n", styles: [".chat-engine-test-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}\n"] }]
+        }] });
+
 /*
  * Public API Surface of ngx-agent-cards
  */
@@ -7136,5 +7197,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CONVERSATION_AI_TOKEN, CardsCreatorComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationRuleService, ConversationRulesComponent, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PopupService, PromptPreviewComponent, SectionType, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
+export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CONVERSATION_AI_TOKEN, CardsCreatorComponent, ChatEngineTestComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationRuleService, ConversationRulesComponent, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PopupService, PromptPreviewComponent, SectionType, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
 //# sourceMappingURL=dataclouder-ngx-agent-cards.mjs.map