Skip to content

Commit b1805aa

Browse files
Fr4nc3Fr4nc3
committed
fix js to match new agent names
1 parent 6569f21 commit b1805aa

File tree

1 file changed

+72
-72
lines changed

1 file changed

+72
-72
lines changed

‎src/frontend/wwwroot/task/task.js‎

Lines changed: 72 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
const taskPauseButton = document.getElementById("taskPauseButton");
99
const taskAgentsButton = document.getElementById("taskAgentsButton");
1010
const taskWokFlowButton = document.getElementById("taskWokFlowButton");
11-
const taskMessageTextarea=document.getElementById("taskMessageTextarea");
11+
const taskMessageTextarea = document.getElementById("taskMessageTextarea");
1212
const taskMessageAddButton = document.getElementById("taskMessageAddButton");
1313
const taskMessages = document.getElementById("taskMessages");
1414
const taskDetailsAgents = document.getElementById("taskDetailsAgents");
@@ -64,34 +64,34 @@
6464
let agentIcon = "";
6565

6666
switch (agentName) {
67-
case "MarketingAgent":
67+
case "Marketing_Agent":
6868
agentIcon = "unknown";
6969
break;
70-
case "HrAgent":
70+
case "Hr_Agent":
7171
agentIcon = "hr_agent";
7272
break;
73-
case "ExpenseBillingAgent":
73+
case "Expense_Billing_Agent":
7474
agentIcon = "expense_billing_agent";
7575
break;
76-
case "InvoiceReconciliationAgent":
76+
case "Invoice_Reconciliation_Agent":
7777
agentIcon = "invoice_reconciliation_agent";
7878
break;
79-
case "TechSupportAgent":
79+
case "Tech_Support_Agent":
8080
agentIcon = "tech_agent";
8181
break;
82-
case "ProcurementAgent":
82+
case "Procurement_Agent":
8383
agentIcon = "procurement_agent";
8484
break;
85-
case "ProductAgent":
85+
case "Product_Agent":
8686
agentIcon = "product_agent";
8787
break;
88-
case "GroupChatManager":
88+
case "Group_Chat_Manager":
8989
agentIcon = "manager";
9090
break;
91-
case "GenericAgent":
91+
case "Generic_Agent":
9292
agentIcon = "manager";
9393
break;
94-
case "HumanAgent":
94+
case "Human_Agent":
9595
let userNumber = getStoredData("userNumber");
9696
if (userNumber == null) {
9797
// Generate a random number between 0 and 6
@@ -116,13 +116,13 @@
116116
// Handle ISO date string format (e.g., 2025-04-25T03:01:13.093260)
117117
// instead of Unix timestamp
118118
const date = new Date(timestamp);
119-
119+
120120
// Check if date is valid
121121
if (isNaN(date.getTime())) {
122122
console.warn("Invalid date format:", timestamp);
123123
return "Invalid date";
124124
}
125-
125+
126126
const options = { month: "short", day: "numeric" };
127127
const timeOptions = { hour: "numeric", minute: "numeric", hour12: true };
128128
return `${date.toLocaleDateString(
@@ -136,12 +136,12 @@
136136
};
137137

138138
const handleDisableOfActions = (status) => {
139-
if(status === "completed"){
140-
taskPauseButton.disabled=true;
141-
taskCancelButton.disabled=true;
139+
if (status === "completed") {
140+
taskPauseButton.disabled = true;
141+
taskCancelButton.disabled = true;
142142
} else {
143-
taskPauseButton.disabled=false;
144-
taskCancelButton.disabled=false;
143+
taskPauseButton.disabled = false;
144+
taskCancelButton.disabled = false;
145145
}
146146
}
147147

@@ -173,20 +173,20 @@
173173
const apiTaskStore = JSON.parse(getStoredData("apiTask"));
174174
handleDisableOfActions("completed")
175175

176-
// Explicitly disable chatbox and message button
177-
taskMessageTextarea.disabled = true;
178-
taskMessageTextarea.style.backgroundColor = "#efefef";
179-
taskMessageTextarea.style.cursor = 'not-allowed';
180-
181-
taskMessageAddButton.disabled = true;
182-
taskMessageAddButton.style.cursor = 'not-allowed';
183-
184-
const textInputContainer = document.getElementsByClassName("text-input-container");
185-
if (textInputContainer[0]) {
186-
textInputContainer[0].style.backgroundColor = '#efefef';
187-
textInputContainer[0].style.cursor = 'not-allowed';
188-
}
189-
176+
// Explicitly disable chatbox and message button
177+
taskMessageTextarea.disabled = true;
178+
taskMessageTextarea.style.backgroundColor = "#efefef";
179+
taskMessageTextarea.style.cursor = 'not-allowed';
180+
181+
taskMessageAddButton.disabled = true;
182+
taskMessageAddButton.style.cursor = 'not-allowed';
183+
184+
const textInputContainer = document.getElementsByClassName("text-input-container");
185+
if (textInputContainer[0]) {
186+
textInputContainer[0].style.backgroundColor = '#efefef';
187+
textInputContainer[0].style.cursor = 'not-allowed';
188+
}
189+
190190
actionStages(apiTaskStore, false);
191191
});
192192
}
@@ -197,15 +197,15 @@
197197
taskAgentsVsHumans = [];
198198

199199
agents.forEach((agent) => {
200-
const isAvatar = agent === "HumanAgent" ? "is-human" : "is-avatar";
200+
const isAvatar = agent === "Human_Agent" ? "is-human" : "is-avatar";
201201

202202
taskDetailsAgents.innerHTML += `
203203
<figure class="image is-agent ${isAvatar} is-rounded is-32x32 m-1 has-status has-status-active">
204204
${agentToIcon(agent)}
205205
</figure>
206206
`;
207207

208-
agent === "HumanAgent"
208+
agent === "Human_Agent"
209209
? taskAgentsVsHumans.push("Human")
210210
: taskAgentsVsHumans.push("Agent");
211211
});
@@ -244,34 +244,34 @@
244244
setStoredData("apiTask", JSON.stringify(data[0]));
245245
//const isHumanClarificationRequestNull = data?.[0]?.human_clarification_request === null
246246
const isHumanClarificationResponseNotNull = data?.[0]?.human_clarification_response !== null;
247-
const taskMessageTextareaElement =document.getElementById("taskMessageTextarea");
247+
const taskMessageTextareaElement = document.getElementById("taskMessageTextarea");
248248
const taskMessageAddButton = document.getElementById("taskMessageAddButton");
249249
const textInputContainer = document.getElementsByClassName("text-input-container");
250-
250+
251251
if (isHumanClarificationResponseNotNull) {
252252
// Update the local state to set human_clarification_request to null
253253
data[0].human_clarification_request = null;
254254
console.log("Human clarification request set to null locally.");
255255
}
256256

257257
const isHumanClarificationRequestNull = data?.[0]?.human_clarification_request === null
258-
259-
if(isHumanClarificationRequestNull && taskMessageTextareaElement){
258+
259+
if (isHumanClarificationRequestNull && taskMessageTextareaElement) {
260260
taskMessageTextareaElement.setAttribute('disabled', true)
261261
taskMessageTextareaElement.style.backgroundColor = "#efefef";
262262
taskMessageTextareaElement.style.cursor = 'not-allowed';
263-
}
264-
265-
if(isHumanClarificationRequestNull && taskMessageAddButton){
263+
}
264+
265+
if (isHumanClarificationRequestNull && taskMessageAddButton) {
266266
taskMessageAddButton.setAttribute('disabled', true)
267267
taskMessageAddButton.style.cursor = 'not-allowed';
268-
}
269-
270-
if(isHumanClarificationRequestNull && textInputContainer[0]){
268+
}
269+
270+
if (isHumanClarificationRequestNull && textInputContainer[0]) {
271271
textInputContainer[0].style.backgroundColor = '#efefef';
272272
textInputContainer[0].style.cursor = 'not-allowed';
273-
}
274-
273+
}
274+
275275
})
276276
.catch((error) => {
277277
console.error("Error:", error);
@@ -343,15 +343,12 @@
343343
`;
344344

345345
stageItem.innerHTML = `
346-
<a class="menu-stage ${
347-
stage.status
348-
} ${stageRejected}" data-id="${
349-
stage.id
350-
}" title="Status: ${stage.status}, Id: ${stage.id}">
346+
<a class="menu-stage ${stage.status
347+
} ${stageRejected}" data-id="${stage.id
348+
}" title="Status: ${stage.status}, Id: ${stage.id}">
351349
${stageStatusIcon}
352-
<span>${taskStageCount + 1}. ${
353-
stage.action
354-
}</span>
350+
<span>${taskStageCount + 1}. ${stage.action
351+
}</span>
355352
${stageActions}
356353
</a>
357354
`;
@@ -422,7 +419,10 @@
422419
.then((response) => response.json())
423420
.then((data) => {
424421
const toAgentName = (str) => {
425-
return str.replace(/([a-z])([A-Z])/g, "$1 $2");
422+
console.log("toAgentName", str);
423+
let new_name = str.replace(/_/g, " ");
424+
console.log("toAgentName", new_name);
425+
return new_name;
426426
};
427427

428428
const groupByStepId = (messages) => {
@@ -444,8 +444,8 @@
444444

445445
messages.forEach((message) => {
446446
if (
447-
message.source !== "PlannerAgent" &&
448-
message.source !== "GroupChatManager"
447+
message.source !== "Planner_Agent" &&
448+
message.source !== "Group_Chat_Manager"
449449
) {
450450
filteredMessages.push(message);
451451
}
@@ -493,9 +493,9 @@
493493

494494
messageItem.classList.add("media");
495495
const isAvatar =
496-
message.source === "HumanAgent" ? "is-human" : "is-avatar";
496+
message.source === "Human_Agent" ? "is-human" : "is-avatar";
497497
const isActive =
498-
message.source === "PlannerAgent"
498+
message.source === "Planner_Agent"
499499
? "has-status-busy"
500500
: "has-status-active";
501501

@@ -519,15 +519,15 @@
519519
<div class="content">
520520
<div class="is-size-7 has-text-weight-medium has-text-grey is-flex">
521521
${toAgentName(
522-
message.source
523-
)} • ${toDateTime(
522+
message.source
523+
)} • ${toDateTime(
524524
message.timestamp
525525
)} AI-generated content may be incorrect
526526
</div>
527527
<div class="notification is-light mt-1">
528528
${markdownConverter.makeHtml(
529-
message.content
530-
)} ${approveAllStagesButton}
529+
message.content
530+
)} ${approveAllStagesButton}
531531
</div>
532532
</div>
533533
</div>
@@ -540,8 +540,8 @@
540540
</div>
541541
<div class="notification is-info is-light mt-1 is-pulled-right">
542542
${markdownConverter.makeHtml(
543-
message.content
544-
)}
543+
message.content
544+
)}
545545
</div>
546546
</div>
547547
</div>
@@ -554,7 +554,7 @@
554554
`;
555555

556556
const messageTemplate =
557-
message.source === "HumanAgent" ? messageRight : messageLeft;
557+
message.source === "Human_Agent" ? messageRight : messageLeft;
558558
messageItem.innerHTML = messageTemplate;
559559
taskMessages.appendChild(messageItem);
560560

@@ -643,10 +643,10 @@
643643
removeClassesExcept(taskStatusTag, "tag");
644644
taskStatusTag.classList.add("is-info");
645645
const iconElement = taskPauseButton.querySelector("i");
646-
if (iconElement.classList.contains("fa-circle-play")) {
647-
iconElement.classList.remove("fa-circle-play");
648-
iconElement.classList.add("fa-circle-pause");
649-
}
646+
if (iconElement.classList.contains("fa-circle-play")) {
647+
iconElement.classList.remove("fa-circle-play");
648+
iconElement.classList.add("fa-circle-pause");
649+
}
650650

651651
}
652652
handleDisableOfActions(task.overall_status)
@@ -797,7 +797,7 @@
797797
// Update the lastDataHash to the new hash
798798
lastDataHash = newDataHash;
799799

800-
800+
801801
} catch (error) {
802802
console.error("Error in fetchLoop:", error);
803803
}
@@ -854,7 +854,7 @@
854854
charCount.textContent = "0";
855855
}
856856
updateButtonImage();
857-
857+
858858
notyf.success("Additional details registered in plan.");
859859
})
860860
.catch((error) => {

0 commit comments

Comments
 (0)