@dataclouder/ngx-agent-cards 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/dataclouder-ngx-agent-cards.mjs +157 -34
- package/fesm2022/dataclouder-ngx-agent-cards.mjs.map +1 -1
- package/lib/components/chat-container/chat-container.component.d.ts +3 -2
- package/lib/components/chat-container/chat-footer/chat-footer.component.d.ts +4 -2
- package/lib/components/chat-container/chat-messages-list/chat-message/chat-message.component.d.ts +2 -0
- package/lib/models/agent.models.d.ts +19 -0
- package/lib/services/conversation.service.d.ts +2 -1
- package/lib/services/evaluation.service.d.ts +4 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -1
- package/lib/components/chat-container/chat.models.d.ts +0 -2
|
@@ -71,6 +71,11 @@ interface CharacterCardData {
|
|
|
71
71
|
tags: string[]; // Array of descriptive tags
|
|
72
72
|
appearance: string; // Physical description including height, build, hair color/style, eye color, skin tone, distinctive marks, clothing style, current outfit
|
|
73
73
|
}`;
|
|
74
|
+
const EvalResultStringDefinition = `
|
|
75
|
+
interface SimpleEvalResult {
|
|
76
|
+
score: number; // Score of the user's response 0 to 3
|
|
77
|
+
feedback: string; // Feedback of the user's understanding of the conversation
|
|
78
|
+
}`;
|
|
74
79
|
var EAccountsPlatform;
|
|
75
80
|
(function (EAccountsPlatform) {
|
|
76
81
|
EAccountsPlatform["Tiktok"] = "tiktok";
|
|
@@ -1154,6 +1159,9 @@ class ConversationService {
|
|
|
1154
1159
|
getMessagesSignal() {
|
|
1155
1160
|
return this.messagesSignal;
|
|
1156
1161
|
}
|
|
1162
|
+
getUserSettings() {
|
|
1163
|
+
return this.userDataExchange.getUserChatSettings();
|
|
1164
|
+
}
|
|
1157
1165
|
// Add message to conversation
|
|
1158
1166
|
addMessage(message) {
|
|
1159
1167
|
this.messagesSignal.update((messages) => [...messages, message]);
|
|
@@ -1321,6 +1329,7 @@ class EvaluationService {
|
|
|
1321
1329
|
// Services
|
|
1322
1330
|
this.agentCardService = inject(CONVERSATION_AI_TOKEN);
|
|
1323
1331
|
this.toastService = inject(TOAST_ALERTS_TOKEN);
|
|
1332
|
+
this.conversationService = inject(ConversationService); // Inject ConversationService
|
|
1324
1333
|
// Signals
|
|
1325
1334
|
this.scoreSignal = signal(0);
|
|
1326
1335
|
this.evaluationResultSignal = signal(null);
|
|
@@ -1329,6 +1338,9 @@ class EvaluationService {
|
|
|
1329
1338
|
getScore() {
|
|
1330
1339
|
return this.scoreSignal;
|
|
1331
1340
|
}
|
|
1341
|
+
setScore(score) {
|
|
1342
|
+
this.scoreSignal.set(score);
|
|
1343
|
+
}
|
|
1332
1344
|
// Get evaluation result as a signal
|
|
1333
1345
|
getEvaluationResult() {
|
|
1334
1346
|
return this.evaluationResultSignal;
|
|
@@ -1343,6 +1355,7 @@ class EvaluationService {
|
|
|
1343
1355
|
console.log('No messages to evaluate', conversationMessages);
|
|
1344
1356
|
return;
|
|
1345
1357
|
}
|
|
1358
|
+
const lastUserMessage = userMessages[userMessages.length - 1]; // Get the last user message for update
|
|
1346
1359
|
// Format conversation for evaluation
|
|
1347
1360
|
const conversationMessagesString = conversationMessages.map((message) => `${message.role}: ${message.content}`).join('\n');
|
|
1348
1361
|
// Create evaluation prompt
|
|
@@ -1371,8 +1384,88 @@ and give the response in next JSON format.
|
|
|
1371
1384
|
this.updateScore(jsonData.score * 10);
|
|
1372
1385
|
}
|
|
1373
1386
|
}
|
|
1387
|
+
// Update the specific user message with the evaluation result
|
|
1388
|
+
if (lastUserMessage?.messageId && jsonData) {
|
|
1389
|
+
this.conversationService.updateMessage(lastUserMessage.messageId, {
|
|
1390
|
+
evaluation: jsonData, // Add evaluation data to the message
|
|
1391
|
+
});
|
|
1392
|
+
}
|
|
1374
1393
|
return jsonData;
|
|
1375
1394
|
}
|
|
1395
|
+
// Evaluate with a specific task and agent
|
|
1396
|
+
async evaluateWithTask(messages, agentTask) {
|
|
1397
|
+
// const { agent, task } = appAgentTask;
|
|
1398
|
+
// Construct messages for the AI call
|
|
1399
|
+
const requestMessages = [];
|
|
1400
|
+
// Add system prompt if available
|
|
1401
|
+
// Prioritize characterCard system_prompt, then description as fallback
|
|
1402
|
+
const systemPrompt = agentTask.systemPrompt || 'You are a helpful assistant.'; // Default fallback
|
|
1403
|
+
requestMessages.push({ role: ChatRole.System, content: systemPrompt });
|
|
1404
|
+
// Add the main task content
|
|
1405
|
+
let taskContent = agentTask.task;
|
|
1406
|
+
if (agentTask.expectedResponseType) {
|
|
1407
|
+
// Ensure proper formatting instructions
|
|
1408
|
+
taskContent += `\n\nPlease provide the response strictly in the following JSON format:\n${agentTask.expectedResponseType}`;
|
|
1409
|
+
}
|
|
1410
|
+
// Note: Handling task.sources might require fetching data if they are identifiers/URLs.
|
|
1411
|
+
// For now, assuming sources are simple strings if provided.
|
|
1412
|
+
// if (agentTask.sources && agentTask.sources.length > 0) {
|
|
1413
|
+
// taskContent += `\n\nUse the following sources as context:\n${agentTask.sources.join('\n---\n')}`;
|
|
1414
|
+
// }
|
|
1415
|
+
// Add conversation history
|
|
1416
|
+
if (messages.length > 0) {
|
|
1417
|
+
const conversationHistory = messages
|
|
1418
|
+
.filter((message) => [ChatRole.User, ChatRole.Assistant].includes(message.role))
|
|
1419
|
+
.map((message) => `${message.role}: ${message.content}`)
|
|
1420
|
+
.join('\n');
|
|
1421
|
+
taskContent += `\n\nHere is the conversation history:\n${conversationHistory}`;
|
|
1422
|
+
}
|
|
1423
|
+
let lastUserMessage = null;
|
|
1424
|
+
for (let i = messages.length - 1; i >= 0; i--) {
|
|
1425
|
+
// reverse the array to find the last user message
|
|
1426
|
+
if (messages[i].role === ChatRole.User) {
|
|
1427
|
+
lastUserMessage = messages[i];
|
|
1428
|
+
break;
|
|
1429
|
+
}
|
|
1430
|
+
}
|
|
1431
|
+
requestMessages.push({ role: ChatRole.User, content: taskContent });
|
|
1432
|
+
try {
|
|
1433
|
+
// Send evaluation request to the AI service
|
|
1434
|
+
// Pass the model if the service method supports it
|
|
1435
|
+
console.log(requestMessages);
|
|
1436
|
+
const response = await this.agentCardService.callChatCompletion({ messages: requestMessages, model: agentTask.model });
|
|
1437
|
+
// Extract JSON from response, handling potential errors
|
|
1438
|
+
const jsonData = extractJsonFromResponse(response.content);
|
|
1439
|
+
// Optional: Update specific signals or show tailored toasts for this function
|
|
1440
|
+
// Example: this.taskEvaluationResultSignal.set(jsonData);
|
|
1441
|
+
this.evaluationResultSignal.set(jsonData);
|
|
1442
|
+
// Update score if available
|
|
1443
|
+
if (jsonData.score) {
|
|
1444
|
+
// Assuming a similar scoring logic as evaluateConversation
|
|
1445
|
+
// Adjust the multiplier or condition if needed for task-based evaluation
|
|
1446
|
+
if (jsonData.score <= 3) {
|
|
1447
|
+
this.updateScore(jsonData.score * 10);
|
|
1448
|
+
}
|
|
1449
|
+
}
|
|
1450
|
+
// Example: this.toastService.success({ title: 'Task Evaluation Complete' });
|
|
1451
|
+
// Update the evaluated message with the result
|
|
1452
|
+
if (lastUserMessage?.messageId && jsonData) {
|
|
1453
|
+
this.conversationService.updateMessage(lastUserMessage.messageId, {
|
|
1454
|
+
evaluation: jsonData, // Add evaluation data to the message
|
|
1455
|
+
});
|
|
1456
|
+
}
|
|
1457
|
+
return jsonData;
|
|
1458
|
+
}
|
|
1459
|
+
catch (error) {
|
|
1460
|
+
console.error('Error during evaluateWithTask:', error);
|
|
1461
|
+
this.toastService.error({
|
|
1462
|
+
title: 'Task Evaluation Failed',
|
|
1463
|
+
subtitle: error?.message || 'An unexpected error occurred while evaluating the task.',
|
|
1464
|
+
});
|
|
1465
|
+
// Depending on requirements, re-throw the error or return a specific error object
|
|
1466
|
+
throw error;
|
|
1467
|
+
}
|
|
1468
|
+
}
|
|
1376
1469
|
// Update score with limits
|
|
1377
1470
|
updateScore(additionalScore) {
|
|
1378
1471
|
this.scoreSignal.update((currentScore) => {
|
|
@@ -1402,7 +1495,9 @@ class ChatFooterComponent {
|
|
|
1402
1495
|
this.agentCardService = inject(CONVERSATION_AI_TOKEN);
|
|
1403
1496
|
// Inputs
|
|
1404
1497
|
this.isAIThinking = input(false);
|
|
1498
|
+
// @deprecated in favor of appAgentTask
|
|
1405
1499
|
this.evaluatorAgentCard = input();
|
|
1500
|
+
this.evaluatorAgentTask = input();
|
|
1406
1501
|
this.micSettings = input({ useWhisper: true, lang: 'en' });
|
|
1407
1502
|
// Outputs
|
|
1408
1503
|
this.sendMessage = output();
|
|
@@ -1482,6 +1577,10 @@ class ChatFooterComponent {
|
|
|
1482
1577
|
const data = await this.evaluationService.evaluateConversation(messages, this.evaluatorAgentCard());
|
|
1483
1578
|
console.log(data);
|
|
1484
1579
|
}
|
|
1580
|
+
if (this.evaluatorAgentTask()) {
|
|
1581
|
+
const data = await this.evaluationService.evaluateWithTask(messages, this.evaluatorAgentTask());
|
|
1582
|
+
console.log(data);
|
|
1583
|
+
}
|
|
1485
1584
|
}
|
|
1486
1585
|
handleAudioRecorded(event) {
|
|
1487
1586
|
console.log(event);
|
|
@@ -1528,12 +1627,15 @@ class ChatFooterComponent {
|
|
|
1528
1627
|
this.isGettingTranscription = false;
|
|
1529
1628
|
}
|
|
1530
1629
|
}
|
|
1630
|
+
setScore(score) {
|
|
1631
|
+
this.evaluationService.setScore(100);
|
|
1632
|
+
}
|
|
1531
1633
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1532
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatFooterComponent, isStandalone: true, selector: "dc-chat-footer", inputs: { isAIThinking: { classPropertyName: "isAIThinking", publicName: "isAIThinking", isSignal: true, isRequired: false, transformFunction: null }, evaluatorAgentCard: { classPropertyName: "evaluatorAgentCard", publicName: "evaluatorAgentCard", isSignal: true, isRequired: false, transformFunction: null }, micSettings: { classPropertyName: "micSettings", publicName: "micSettings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", textInputChanged: "textInputChanged" }, ngImport: i0, template: "<div class=\"progress-input\">\n <div class=\"input-container\">\n <app-mic-vad\n (audioRecorded)=\"handleAudioRecorded($event)\"\n (statusChanged)=\"handleMicStatusChanged($event)\"\n [continueListening]=\"shouldContinueListening()\" />\n <!-- <dc-mic\n style=\"display: flex; align-items: center\"\n (onInterpretedText)=\"setInputText($event)\"\n (onFinished)=\"micFinished($event)\"\n [micSettings]=\"micSettings()\"></dc-mic> -->\n\n <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"sendUserMessage()\" rows=\"1\"></textarea>\n\n <p-button (click)=\"sendUserMessage()\" [disabled]=\"isAIThinking() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n </div>\n\n @if(
|
|
1634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatFooterComponent, isStandalone: true, selector: "dc-chat-footer", inputs: { isAIThinking: { classPropertyName: "isAIThinking", publicName: "isAIThinking", isSignal: true, isRequired: false, transformFunction: null }, evaluatorAgentCard: { classPropertyName: "evaluatorAgentCard", publicName: "evaluatorAgentCard", isSignal: true, isRequired: false, transformFunction: null }, evaluatorAgentTask: { classPropertyName: "evaluatorAgentTask", publicName: "evaluatorAgentTask", isSignal: true, isRequired: false, transformFunction: null }, micSettings: { classPropertyName: "micSettings", publicName: "micSettings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", textInputChanged: "textInputChanged" }, ngImport: i0, template: "<div class=\"progress-input\">\n <div class=\"input-container\">\n <app-mic-vad\n (audioRecorded)=\"handleAudioRecorded($event)\"\n (statusChanged)=\"handleMicStatusChanged($event)\"\n [continueListening]=\"shouldContinueListening()\" />\n <!-- <dc-mic\n style=\"display: flex; align-items: center\"\n (onInterpretedText)=\"setInputText($event)\"\n (onFinished)=\"micFinished($event)\"\n [micSettings]=\"micSettings()\"></dc-mic> -->\n\n <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"sendUserMessage()\" rows=\"1\"></textarea>\n\n <p-button (click)=\"sendUserMessage()\" [disabled]=\"isAIThinking() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n </div>\n\n @if(evaluatorAgentTask()) {\n <div (click)=\"setScore(100)\">\n <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n </div>\n }\n</div>\n", styles: [".progress-input{padding:10px;background-color:#f5f5f545;border-top:1px solid #b1a8a8}.progress-input .input-container{display:flex;align-items:center;margin-bottom:5px}.progress-input .input-container textarea{flex:1;resize:none;margin:0 10px}.progress-input .input-container .send-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer}.progress-input .input-container .send-button:disabled{background-color:#ccc;cursor:not-allowed}.progress-input .input-container .send-button:hover:not(:disabled){background-color:#0069d9}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i2.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i3.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: MicVadComponent, selector: "app-mic-vad", inputs: ["continueListening"], outputs: ["statusChanged", "audioRecorded", "error"] }] }); }
|
|
1533
1635
|
}
|
|
1534
1636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatFooterComponent, decorators: [{
|
|
1535
1637
|
type: Component,
|
|
1536
|
-
args: [{ selector: 'dc-chat-footer', standalone: true, imports: [ReactiveFormsModule, ProgressBarModule, TextareaModule, ButtonModule, MicVadComponent], template: "<div class=\"progress-input\">\n <div class=\"input-container\">\n <app-mic-vad\n (audioRecorded)=\"handleAudioRecorded($event)\"\n (statusChanged)=\"handleMicStatusChanged($event)\"\n [continueListening]=\"shouldContinueListening()\" />\n <!-- <dc-mic\n style=\"display: flex; align-items: center\"\n (onInterpretedText)=\"setInputText($event)\"\n (onFinished)=\"micFinished($event)\"\n [micSettings]=\"micSettings()\"></dc-mic> -->\n\n <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"sendUserMessage()\" rows=\"1\"></textarea>\n\n <p-button (click)=\"sendUserMessage()\" [disabled]=\"isAIThinking() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n </div>\n\n @if(
|
|
1638
|
+
args: [{ selector: 'dc-chat-footer', standalone: true, imports: [ReactiveFormsModule, ProgressBarModule, TextareaModule, ButtonModule, MicVadComponent], template: "<div class=\"progress-input\">\n <div class=\"input-container\">\n <app-mic-vad\n (audioRecorded)=\"handleAudioRecorded($event)\"\n (statusChanged)=\"handleMicStatusChanged($event)\"\n [continueListening]=\"shouldContinueListening()\" />\n <!-- <dc-mic\n style=\"display: flex; align-items: center\"\n (onInterpretedText)=\"setInputText($event)\"\n (onFinished)=\"micFinished($event)\"\n [micSettings]=\"micSettings()\"></dc-mic> -->\n\n <textarea pTextarea [formControl]=\"chatInputControl\" (keyup.enter)=\"sendUserMessage()\" rows=\"1\"></textarea>\n\n <p-button (click)=\"sendUserMessage()\" [disabled]=\"isAIThinking() || !chatInputControl.value\" label=\"Enviar\" [rounded]=\"true\" />\n </div>\n\n @if(evaluatorAgentTask()) {\n <div (click)=\"setScore(100)\">\n <p-progressbar showValue=\"false\" [value]=\"score()\" [style]=\"{ height: '6px' }\" />\n </div>\n }\n</div>\n", styles: [".progress-input{padding:10px;background-color:#f5f5f545;border-top:1px solid #b1a8a8}.progress-input .input-container{display:flex;align-items:center;margin-bottom:5px}.progress-input .input-container textarea{flex:1;resize:none;margin:0 10px}.progress-input .input-container .send-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer}.progress-input .input-container .send-button:disabled{background-color:#ccc;cursor:not-allowed}.progress-input .input-container .send-button:hover:not(:disabled){background-color:#0069d9}\n"] }]
|
|
1537
1639
|
}], ctorParameters: () => [] });
|
|
1538
1640
|
|
|
1539
1641
|
const ICONS = {
|
|
@@ -1885,10 +1987,13 @@ class MessageOrchestratorComponent {
|
|
|
1885
1987
|
ngOnInit() {
|
|
1886
1988
|
if (this.messageRole() === ChatRole.Assistant) {
|
|
1887
1989
|
console.log('MessageOrchestratorComponent initialized', this.messages());
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1990
|
+
const chatSettings = this.conversationService.getUserSettings();
|
|
1991
|
+
if (chatSettings.synthVoice) {
|
|
1992
|
+
// Initialize the queue with all message indices
|
|
1993
|
+
this.initializeAudioQueue();
|
|
1994
|
+
// Start processing the queue - generate the first audio
|
|
1995
|
+
this.processNextInQueue();
|
|
1996
|
+
}
|
|
1892
1997
|
}
|
|
1893
1998
|
else {
|
|
1894
1999
|
// since user only have one message, just activate signal
|
|
@@ -1913,9 +2018,15 @@ class MessageOrchestratorComponent {
|
|
|
1913
2018
|
// Start generating
|
|
1914
2019
|
this.isGenerating = true;
|
|
1915
2020
|
// Generate audio for the current message
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
2021
|
+
try {
|
|
2022
|
+
await this.generateAudioForIndex(nextIndex);
|
|
2023
|
+
}
|
|
2024
|
+
catch (error) {
|
|
2025
|
+
console.error('Error generating audio:', error);
|
|
2026
|
+
}
|
|
2027
|
+
finally {
|
|
2028
|
+
this.isGenerating = false;
|
|
2029
|
+
}
|
|
1919
2030
|
// If there's another message in the queue, pre-generate it
|
|
1920
2031
|
this.preGenerateNextIfNeeded();
|
|
1921
2032
|
}
|
|
@@ -1952,10 +2063,16 @@ class MessageOrchestratorComponent {
|
|
|
1952
2063
|
// Otherwise generate it now
|
|
1953
2064
|
const message = { ...messages[index], isLoading: true };
|
|
1954
2065
|
this.changeStates(index, message);
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
2066
|
+
try {
|
|
2067
|
+
const messageAudio = await this.generateAudio(messages[index], null);
|
|
2068
|
+
messageAudio.isLoading = false;
|
|
2069
|
+
messageAudio.shouldPlayAudio = true;
|
|
2070
|
+
this.changeStates(index, messageAudio);
|
|
2071
|
+
}
|
|
2072
|
+
finally {
|
|
2073
|
+
const message = { ...messages[index], isLoading: false };
|
|
2074
|
+
this.changeStates(index, message);
|
|
2075
|
+
}
|
|
1959
2076
|
this.currentPlayingIndex = index;
|
|
1960
2077
|
}
|
|
1961
2078
|
// Handle audio completion event from text-highlighter
|
|
@@ -1984,7 +2101,7 @@ class MessageOrchestratorComponent {
|
|
|
1984
2101
|
return message;
|
|
1985
2102
|
}
|
|
1986
2103
|
finally {
|
|
1987
|
-
|
|
2104
|
+
this.isGenerating = false;
|
|
1988
2105
|
}
|
|
1989
2106
|
}
|
|
1990
2107
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MessageOrchestratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -1995,6 +2112,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
|
|
|
1995
2112
|
args: [{ selector: 'dc-message-orchestrator', imports: [TextHighlighterComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (message of messagesSignal(); track message.messageId) {\n<dc-text-highlighter [message]=\"message\" (playAudio)=\"playAudio.emit($event)\" (audioCompleted)=\"onAudioCompleted($event)\" />\n}\n", styles: [":host{display:block}\n"] }]
|
|
1996
2113
|
}] });
|
|
1997
2114
|
|
|
2115
|
+
const EVALUATION_EMOJIS = {
|
|
2116
|
+
0: '😐',
|
|
2117
|
+
1: '👍',
|
|
2118
|
+
2: '⭐',
|
|
2119
|
+
3: '💎',
|
|
2120
|
+
};
|
|
1998
2121
|
class ChatMessageComponent {
|
|
1999
2122
|
constructor() {
|
|
2000
2123
|
// Inputs
|
|
@@ -2007,6 +2130,13 @@ class ChatMessageComponent {
|
|
|
2007
2130
|
this.multiMessages = computed(() => this.chatMessage()?.multiMessages || []);
|
|
2008
2131
|
this.messageTranslation = computed(() => this.chatMessage()?.translation);
|
|
2009
2132
|
this.isUserMessage = computed(() => this.chatMessage()?.role === ChatRole.User);
|
|
2133
|
+
this.evaluationEmoji = computed(() => {
|
|
2134
|
+
const score = this.chatMessage()?.evaluation?.score;
|
|
2135
|
+
if (score === null || score === undefined) {
|
|
2136
|
+
return '';
|
|
2137
|
+
}
|
|
2138
|
+
return EVALUATION_EMOJIS[+score] || '';
|
|
2139
|
+
});
|
|
2010
2140
|
// Field initializer for the effect - runs during component creation
|
|
2011
2141
|
this.messageEffect = effect(() => {
|
|
2012
2142
|
const message = this.chatMessage();
|
|
@@ -2027,12 +2157,16 @@ class ChatMessageComponent {
|
|
|
2027
2157
|
}
|
|
2028
2158
|
});
|
|
2029
2159
|
}
|
|
2160
|
+
showEvaluation() {
|
|
2161
|
+
console.log('showEvaluation', this.chatMessage().evaluation);
|
|
2162
|
+
alert(this.chatMessage().evaluation?.feedback || 'No feedback available');
|
|
2163
|
+
}
|
|
2030
2164
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2031
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatMessageComponent, isStandalone: true, selector: "dc-chat-message", inputs: { chatMessage: { classPropertyName: "chatMessage", publicName: "chatMessage", isSignal: true, isRequired: true, transformFunction: null }, chatUserSettings: { classPropertyName: "chatUserSettings", publicName: "chatUserSettings", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"message-wrapper\" [ngClass]=\"{ 'user-message': isUserMessage(), 'assistant-message': !isUserMessage() }\">\n <div class=\"message-container\">\n <!-- Avatar for assistant messages -->\n\n @if (!isUserMessage()) {\n <div class=\"avatar-container\">\n <div class=\"avatar\">\n <img [src]=\"chatMessage().imgUrl\" alt=\"AI\" class=\"avatar-image\" />\n </div>\n </div>\n }\n\n <!-- Message content -->\n <div class=\"message-bubble\">\n @if (hasMultiMessages()) {\n <dc-message-orchestrator [messages]=\"multiMessages()\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n } @else {\n <dc-message-orchestrator [messages]=\"[audioMessage()]\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n }\n\n <!-- Translation if available -->\n @if (messageTranslation()) {\n <div class=\"translation\">\n <hr class=\"divider\" />\n {{ messageTranslation() }}\n </div>\n }\n
|
|
2165
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ChatMessageComponent, isStandalone: true, selector: "dc-chat-message", inputs: { chatMessage: { classPropertyName: "chatMessage", publicName: "chatMessage", isSignal: true, isRequired: true, transformFunction: null }, chatUserSettings: { classPropertyName: "chatUserSettings", publicName: "chatUserSettings", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"message-wrapper\" [ngClass]=\"{ 'user-message': isUserMessage(), 'assistant-message': !isUserMessage() }\">\n <div class=\"message-container\">\n <!-- Avatar for assistant messages -->\n\n @if (!isUserMessage()) {\n <div class=\"avatar-container\">\n <div class=\"avatar\">\n <img [src]=\"chatMessage().imgUrl\" alt=\"AI\" class=\"avatar-image\" />\n </div>\n </div>\n }\n\n <!-- Message content -->\n <div class=\"message-bubble\">\n @if (hasMultiMessages()) {\n <dc-message-orchestrator [messages]=\"multiMessages()\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n } @else {\n <dc-message-orchestrator [messages]=\"[audioMessage()]\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n }\n\n <!-- Translation if available -->\n @if (messageTranslation()) {\n <div class=\"translation\">\n <hr class=\"divider\" />\n {{ messageTranslation() }}\n </div>\n }\n <!-- Evaluation if available for user message -->\n @if (isUserMessage() && chatMessage().evaluation) {\n <div style=\"position: absolute; bottom: -10px; left: 20px\">\n <span>{{ evaluationEmoji() }}</span>\n <span class=\"pointer\" (click)=\"showEvaluation()\"> \uD83E\uDDD0 </span>\n </div>\n }\n </div>\n <!-- Avatar for user messages -->\n @if (isUserMessage()) {\n <div class=\"avatar-container\">\n <div class=\"avatar user-avatar\">\n <img [src]=\"chatMessage().imgUrl\" alt=\"User\" class=\"avatar-image\" />\n </div>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;margin-bottom:16px}.message-wrapper{display:flex;width:100%;margin-bottom:12px}.message-container{display:flex;max-width:85%;line-height:1.5}.user-message{justify-content:flex-end}.user-message .message-container{flex-direction:row}.user-message .message-bubble{background-color:#0d5878;color:#fff;border-radius:18px 18px 0;margin-left:8px;position:relative}.assistant-message{justify-content:flex-start}.assistant-message .message-container{flex-direction:row}.assistant-message .message-bubble{background-color:#f0f0f0;color:#333;border-radius:18px 18px 18px 0;margin-left:8px}.message-bubble{padding:12px 16px;box-shadow:0 1px 2px #0000001a;max-width:calc(100% - 50px);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;hyphens:auto;min-width:0}.avatar-container{display:flex;align-items:flex-end}.avatar{width:36px;height:36px;border-radius:50%;background-color:#0d5878;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.user-avatar{background-color:#ffa77e}::ng-deep .em{color:inherit;font-style:italic}::ng-deep .strong{font-weight:700;color:inherit}::ng-deep .em_strong{font-weight:700;font-style:italic;color:inherit}.translation{margin-top:8px;font-size:small;line-height:1.6;color:#393744;font-style:italic}.divider{margin:.5rem 40px;border-top:1px solid #ffa77e}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MessageOrchestratorComponent, selector: "dc-message-orchestrator", inputs: ["messages", "messageRole"], outputs: ["playAudio", "audioCompleted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2032
2166
|
}
|
|
2033
2167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ChatMessageComponent, decorators: [{
|
|
2034
2168
|
type: Component,
|
|
2035
|
-
args: [{ selector: 'dc-chat-message', standalone: true, imports: [CommonModule, MessageOrchestratorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-wrapper\" [ngClass]=\"{ 'user-message': isUserMessage(), 'assistant-message': !isUserMessage() }\">\n <div class=\"message-container\">\n <!-- Avatar for assistant messages -->\n\n @if (!isUserMessage()) {\n <div class=\"avatar-container\">\n <div class=\"avatar\">\n <img [src]=\"chatMessage().imgUrl\" alt=\"AI\" class=\"avatar-image\" />\n </div>\n </div>\n }\n\n <!-- Message content -->\n <div class=\"message-bubble\">\n @if (hasMultiMessages()) {\n <dc-message-orchestrator [messages]=\"multiMessages()\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n } @else {\n <dc-message-orchestrator [messages]=\"[audioMessage()]\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n }\n\n <!-- Translation if available -->\n @if (messageTranslation()) {\n <div class=\"translation\">\n <hr class=\"divider\" />\n {{ messageTranslation() }}\n </div>\n }\n
|
|
2169
|
+
args: [{ selector: 'dc-chat-message', standalone: true, imports: [CommonModule, MessageOrchestratorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-wrapper\" [ngClass]=\"{ 'user-message': isUserMessage(), 'assistant-message': !isUserMessage() }\">\n <div class=\"message-container\">\n <!-- Avatar for assistant messages -->\n\n @if (!isUserMessage()) {\n <div class=\"avatar-container\">\n <div class=\"avatar\">\n <img [src]=\"chatMessage().imgUrl\" alt=\"AI\" class=\"avatar-image\" />\n </div>\n </div>\n }\n\n <!-- Message content -->\n <div class=\"message-bubble\">\n @if (hasMultiMessages()) {\n <dc-message-orchestrator [messages]=\"multiMessages()\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n } @else {\n <dc-message-orchestrator [messages]=\"[audioMessage()]\" [messageRole]=\"chatMessage().role\"></dc-message-orchestrator>\n }\n\n <!-- Translation if available -->\n @if (messageTranslation()) {\n <div class=\"translation\">\n <hr class=\"divider\" />\n {{ messageTranslation() }}\n </div>\n }\n <!-- Evaluation if available for user message -->\n @if (isUserMessage() && chatMessage().evaluation) {\n <div style=\"position: absolute; bottom: -10px; left: 20px\">\n <span>{{ evaluationEmoji() }}</span>\n <span class=\"pointer\" (click)=\"showEvaluation()\"> \uD83E\uDDD0 </span>\n </div>\n }\n </div>\n <!-- Avatar for user messages -->\n @if (isUserMessage()) {\n <div class=\"avatar-container\">\n <div class=\"avatar user-avatar\">\n <img [src]=\"chatMessage().imgUrl\" alt=\"User\" class=\"avatar-image\" />\n </div>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;margin-bottom:16px}.message-wrapper{display:flex;width:100%;margin-bottom:12px}.message-container{display:flex;max-width:85%;line-height:1.5}.user-message{justify-content:flex-end}.user-message .message-container{flex-direction:row}.user-message .message-bubble{background-color:#0d5878;color:#fff;border-radius:18px 18px 0;margin-left:8px;position:relative}.assistant-message{justify-content:flex-start}.assistant-message .message-container{flex-direction:row}.assistant-message .message-bubble{background-color:#f0f0f0;color:#333;border-radius:18px 18px 18px 0;margin-left:8px}.message-bubble{padding:12px 16px;box-shadow:0 1px 2px #0000001a;max-width:calc(100% - 50px);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;hyphens:auto;min-width:0}.avatar-container{display:flex;align-items:flex-end}.avatar{width:36px;height:36px;border-radius:50%;background-color:#0d5878;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.user-avatar{background-color:#ffa77e}::ng-deep .em{color:inherit;font-style:italic}::ng-deep .strong{font-weight:700;color:inherit}::ng-deep .em_strong{font-weight:700;font-style:italic;color:inherit}.translation{margin-top:8px;font-size:small;line-height:1.6;color:#393744;font-style:italic}.divider{margin:.5rem 40px;border-top:1px solid #ffa77e}\n"] }]
|
|
2036
2170
|
}] });
|
|
2037
2171
|
|
|
2038
2172
|
class ChatMessagesListComponent {
|
|
@@ -2277,10 +2411,11 @@ class DCChatComponent {
|
|
|
2277
2411
|
// Inputs
|
|
2278
2412
|
this.chatUserSettings = this.userDataExchange.getUserChatSettings(); // Default to user data exchange
|
|
2279
2413
|
// Signal Inputs
|
|
2280
|
-
this.evaluatorAgentCard = input();
|
|
2414
|
+
this.evaluatorAgentCard = input(); // @Deprecated in favor of appAgentTask
|
|
2415
|
+
this.appAgentTask = input();
|
|
2281
2416
|
this.parseDict = input({});
|
|
2282
2417
|
// Outputs
|
|
2283
|
-
this.sendMessage = output(); // notifies whatever happened inside the chat
|
|
2418
|
+
this.sendMessage = output(); // Not implemented, should notifies whatever happened inside the chat
|
|
2284
2419
|
this.goalCompleted = output(); // notifies when user completes goal (score reaches 100)
|
|
2285
2420
|
// Signals States
|
|
2286
2421
|
this.messages = signal([]);
|
|
@@ -2299,6 +2434,7 @@ class DCChatComponent {
|
|
|
2299
2434
|
async ngOnInit() {
|
|
2300
2435
|
console.log(this.parseDict());
|
|
2301
2436
|
if (this.conversationSettings) {
|
|
2437
|
+
this.conversationService.setDestroyed(false);
|
|
2302
2438
|
await this.conversationService.initConversationWithSettings(this.conversationSettings);
|
|
2303
2439
|
}
|
|
2304
2440
|
else {
|
|
@@ -2341,11 +2477,11 @@ class DCChatComponent {
|
|
|
2341
2477
|
await this.ngOnInit();
|
|
2342
2478
|
}
|
|
2343
2479
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DCChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2344
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.4", type: DCChatComponent, isStandalone: true, selector: "dc-chat", inputs: { chatUserSettings: { classPropertyName: "chatUserSettings", publicName: "chatUserSettings", isSignal: false, isRequired: false, transformFunction: null }, conversationSettings: { classPropertyName: "conversationSettings", publicName: "conversationSettings", isSignal: false, isRequired: false, transformFunction: null }, agentCard: { classPropertyName: "agentCard", publicName: "agentCard", isSignal: false, isRequired: false, transformFunction: null }, evaluatorAgentCard: { classPropertyName: "evaluatorAgentCard", publicName: "evaluatorAgentCard", isSignal: true, isRequired: false, transformFunction: null }, parseDict: { classPropertyName: "parseDict", publicName: "parseDict", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", goalCompleted: "goalCompleted" }, providers: [DialogService], ngImport: i0, template: "<div class=\"chat-container\">\n <!-- Chat Header -->\n <dc-chat-header\n [agentCard]=\"agentCard\"\n [isAdmin]=\"isAdmin\"\n (showInfoEvent)=\"showInfo()\"\n (settingsClickEvent)=\"changeUserChatSettings()\"\n (restartConversationEvent)=\"restartConversation($event)\">\n </dc-chat-header>\n\n <!-- Messages List -->\n <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n <!-- Chat Footer -->\n <dc-chat-footer [micSettings]=\"micSettings\" [
|
|
2480
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.4", type: DCChatComponent, isStandalone: true, selector: "dc-chat", inputs: { chatUserSettings: { classPropertyName: "chatUserSettings", publicName: "chatUserSettings", isSignal: false, isRequired: false, transformFunction: null }, conversationSettings: { classPropertyName: "conversationSettings", publicName: "conversationSettings", isSignal: false, isRequired: false, transformFunction: null }, agentCard: { classPropertyName: "agentCard", publicName: "agentCard", isSignal: false, isRequired: false, transformFunction: null }, evaluatorAgentCard: { classPropertyName: "evaluatorAgentCard", publicName: "evaluatorAgentCard", isSignal: true, isRequired: false, transformFunction: null }, appAgentTask: { classPropertyName: "appAgentTask", publicName: "appAgentTask", isSignal: true, isRequired: false, transformFunction: null }, parseDict: { classPropertyName: "parseDict", publicName: "parseDict", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sendMessage: "sendMessage", goalCompleted: "goalCompleted" }, providers: [DialogService], ngImport: i0, template: "<div class=\"chat-container\">\n <!-- Chat Header -->\n <dc-chat-header\n [agentCard]=\"agentCard\"\n [isAdmin]=\"isAdmin\"\n (showInfoEvent)=\"showInfo()\"\n (settingsClickEvent)=\"changeUserChatSettings()\"\n (restartConversationEvent)=\"restartConversation($event)\">\n </dc-chat-header>\n\n <!-- Messages List -->\n <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n <!-- Chat Footer -->\n <dc-chat-footer [micSettings]=\"micSettings\" [evaluatorAgentTask]=\"appAgentTask()\"> </dc-chat-footer>\n\n <!-- Info Dialog -->\n <p-dialog [(visible)]=\"isInfoVisible\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\" header=\"Conversation Info\">\n <div class=\"info-content\">\n <h3>Agent Card</h3>\n <pre>{{ agentCard | safeJson }}</pre>\n\n <h3>User Settings</h3>\n <pre>{{ chatUserSettings | safeJson }}</pre>\n </div>\n </p-dialog>\n</div>\n", styles: ["::ng-deep .p-drawer-content{padding:0!important}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden;background-color:transparent}dc-chat-messages-list{flex:1;overflow-y:auto;padding:.5rem}.score-container{padding:.5rem 1rem;background-color:var(--surface-card, #ffffff);border-top:1px solid var(--surface-border, #dee2e6)}.info-content{max-height:70vh;overflow-y:auto}.info-content h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.info-content pre{background-color:var(--surface-hover, #f1f1f1);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChatHeaderComponent, selector: "dc-chat-header", inputs: ["isAdmin", "alternativeConversation", "agentCard"], outputs: ["restartConversationEvent", "showInfoEvent", "settingsClickEvent"] }, { kind: "component", type: ChatFooterComponent, selector: "dc-chat-footer", inputs: ["isAIThinking", "evaluatorAgentCard", "evaluatorAgentTask", "micSettings"], outputs: ["sendMessage", "textInputChanged"] }, { kind: "component", type: ChatMessagesListComponent, selector: "dc-chat-messages-list", inputs: ["chatUserSettings", "inputMessages"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "pipe", type: SafeJsonPipe, name: "safeJson" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2345
2481
|
}
|
|
2346
2482
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DCChatComponent, decorators: [{
|
|
2347
2483
|
type: Component,
|
|
2348
|
-
args: [{ selector: 'dc-chat', standalone: true, imports: [CommonModule, ChatHeaderComponent, ChatFooterComponent, ChatMessagesListComponent, DialogModule, ProgressBarModule, SafeJsonPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DialogService], template: "<div class=\"chat-container\">\n <!-- Chat Header -->\n <dc-chat-header\n [agentCard]=\"agentCard\"\n [isAdmin]=\"isAdmin\"\n (showInfoEvent)=\"showInfo()\"\n (settingsClickEvent)=\"changeUserChatSettings()\"\n (restartConversationEvent)=\"restartConversation($event)\">\n </dc-chat-header>\n\n <!-- Messages List -->\n <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n <!-- Chat Footer -->\n <dc-chat-footer [micSettings]=\"micSettings\" [
|
|
2484
|
+
args: [{ selector: 'dc-chat', standalone: true, imports: [CommonModule, ChatHeaderComponent, ChatFooterComponent, ChatMessagesListComponent, DialogModule, ProgressBarModule, SafeJsonPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DialogService], template: "<div class=\"chat-container\">\n <!-- Chat Header -->\n <dc-chat-header\n [agentCard]=\"agentCard\"\n [isAdmin]=\"isAdmin\"\n (showInfoEvent)=\"showInfo()\"\n (settingsClickEvent)=\"changeUserChatSettings()\"\n (restartConversationEvent)=\"restartConversation($event)\">\n </dc-chat-header>\n\n <!-- Messages List -->\n <dc-chat-messages-list [chatUserSettings]=\"chatUserSettings\" [inputMessages]=\"messages()\"> </dc-chat-messages-list>\n\n <!-- Chat Footer -->\n <dc-chat-footer [micSettings]=\"micSettings\" [evaluatorAgentTask]=\"appAgentTask()\"> </dc-chat-footer>\n\n <!-- Info Dialog -->\n <p-dialog [(visible)]=\"isInfoVisible\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\" header=\"Conversation Info\">\n <div class=\"info-content\">\n <h3>Agent Card</h3>\n <pre>{{ agentCard | safeJson }}</pre>\n\n <h3>User Settings</h3>\n <pre>{{ chatUserSettings | safeJson }}</pre>\n </div>\n </p-dialog>\n</div>\n", styles: ["::ng-deep .p-drawer-content{padding:0!important}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden;background-color:transparent}dc-chat-messages-list{flex:1;overflow-y:auto;padding:.5rem}.score-container{padding:.5rem 1rem;background-color:var(--surface-card, #ffffff);border-top:1px solid var(--surface-border, #dee2e6)}.info-content{max-height:70vh;overflow-y:auto}.info-content h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.info-content pre{background-color:var(--surface-hover, #f1f1f1);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}\n"] }]
|
|
2349
2485
|
}], ctorParameters: () => [], propDecorators: { chatUserSettings: [{
|
|
2350
2486
|
type: Input
|
|
2351
2487
|
}], conversationSettings: [{
|
|
@@ -3408,19 +3544,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
|
|
|
3408
3544
|
type: Input
|
|
3409
3545
|
}] } });
|
|
3410
3546
|
|
|
3411
|
-
const EvalResultStringDefinition = `
|
|
3412
|
-
interface EvalResult {
|
|
3413
|
-
score: number; // Score of the user's response 0 to 3
|
|
3414
|
-
feedback: string; // Feedback of the user's understanding of the conversation
|
|
3415
|
-
}`;
|
|
3416
|
-
const DefaultEvaluatorAgentCard = {
|
|
3417
|
-
task: 'Evaluate the user understanding of the lesson',
|
|
3418
|
-
messages: [],
|
|
3419
|
-
expectedResponseType: EvalResultStringDefinition,
|
|
3420
|
-
model: { id: '', provider: 'google' },
|
|
3421
|
-
sources: [],
|
|
3422
|
-
};
|
|
3423
|
-
|
|
3424
3547
|
/*
|
|
3425
3548
|
* Public API Surface of ngx-agent-cards
|
|
3426
3549
|
*/
|
|
@@ -3430,5 +3553,5 @@ const DefaultEvaluatorAgentCard = {
|
|
|
3430
3553
|
* Generated bundle index. Do not edit.
|
|
3431
3554
|
*/
|
|
3432
3555
|
|
|
3433
|
-
export { AgentCardListComponent, AgentCardsAbstractService, AudioService, AudioSpeed, CONVERSATION_AI_TOKEN, ChatMessage, ChatRole, ChatUserSettings, ConversationDTO, ConversationMessagesDTO, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationCardUIComponent, DCConversationPromptBuilderService, DcAgentCardDetailsComponent,
|
|
3556
|
+
export { AgentCardListComponent, AgentCardsAbstractService, AudioService, AudioSpeed, CONVERSATION_AI_TOKEN, ChatMessage, ChatRole, ChatUserSettings, ConversationDTO, ConversationMessagesDTO, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationCardUIComponent, DCConversationPromptBuilderService, DcAgentCardDetailsComponent, EAccountsPlatform, EvalResultStringDefinition, LangCodeDescriptionEs, MessageAudio, MessageOrchestratorComponent, ProviderSelectorComponent, TextEngineOptions, TextEngines, TextHighlighterComponent, USER_DATA_EXCHANGE, UserDataExchangeAbstractService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, markdownBasicToHTML, markdownToHTML$1 as markdownToHTML, markdownToHTML2, markdownToHtml, matchTranscription, provideChatAIService, provideUserDataExchange, removeAllEmojis, removeEmojis };
|
|
3434
3557
|
//# sourceMappingURL=dataclouder-ngx-agent-cards.mjs.map
|