â
Failed to simulate plan: ${error.message}
@@ -359,37 +402,40 @@ function simulatePlan(planId) {
}
function executePlan(planId) {
- const executionMode = document.querySelector('[name="execution_mode"]')?.value || 'semi-automatic';
- const priority = document.querySelector('[name="priority"]')?.value || 'medium';
+ const executionMode =
+ document.querySelector('[name="execution_mode"]')?.value ||
+ "semi-automatic";
+ const priority =
+ document.querySelector('[name="priority"]')?.value || "medium";
- if (!confirm('Are you sure you want to execute this plan?')) {
- return;
- }
+ if (!confirm("Are you sure you want to execute this plan?")) {
+ return;
+ }
- fetch('/api/autotask/execute', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- plan_id: planId,
- execution_mode: executionMode,
- priority: priority
- })
+ fetch("/api/autotask/execute", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ plan_id: planId,
+ execution_mode: executionMode,
+ priority: priority,
+ }),
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ showToast("Task execution started!", "success");
+ document.getElementById("compilation-result").innerHTML = "";
+ document.getElementById("intent-input").value = "";
+ refreshTasks();
+ } else {
+ showToast(`Failed to start execution: ${result.error}`, "error");
+ }
})
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- showToast('Task execution started!', 'success');
- document.getElementById('compilation-result').innerHTML = '';
- document.getElementById('intent-input').value = '';
- refreshTasks();
- } else {
- showToast(`Failed to start execution: ${result.error}`, 'error');
- }
- })
- .catch(error => {
- showToast(`Failed to execute plan: ${error.message}`, 'error');
+ .catch((error) => {
+ showToast(`Failed to execute plan: ${error.message}`, "error");
});
}
@@ -398,22 +444,22 @@ function executePlan(planId) {
// =============================================================================
function viewTaskDetails(taskId) {
- window.location.href = `/suite/tasks/detail/${taskId}`;
+ window.location.href = `/suite/tasks/detail/${taskId}`;
}
function simulateTask(taskId) {
- showSimulationModal();
+ showSimulationModal();
- fetch(`/api/autotask/${taskId}/simulate`, {
- method: 'POST'
+ fetch(`/api/autotask/${taskId}/simulate`, {
+ method: "POST",
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ result.task_id = taskId;
+ renderSimulationResult(result);
})
- .then(response => response.json())
- .then(result => {
- result.task_id = taskId;
- renderSimulationResult(result);
- })
- .catch(error => {
- document.getElementById('simulation-content').innerHTML = `
+ .catch((error) => {
+ document.getElementById("simulation-content").innerHTML = `
â
Failed to simulate task: ${error.message}
@@ -423,86 +469,92 @@ function simulateTask(taskId) {
}
function pauseTask(taskId) {
- fetch(`/api/autotask/${taskId}/pause`, {
- method: 'POST'
- })
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- showToast('Task paused', 'success');
- refreshTasks();
- } else {
- showToast(`Failed to pause task: ${result.error}`, 'error');
- }
+ fetch(`/api/autotask/${taskId}/pause`, {
+ method: "POST",
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ showToast("Task paused", "success");
+ refreshTasks();
+ } else {
+ showToast(`Failed to pause task: ${result.error}`, "error");
+ }
});
}
function resumeTask(taskId) {
- fetch(`/api/autotask/${taskId}/resume`, {
- method: 'POST'
- })
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- showToast('Task resumed', 'success');
- refreshTasks();
- } else {
- showToast(`Failed to resume task: ${result.error}`, 'error');
- }
+ fetch(`/api/autotask/${taskId}/resume`, {
+ method: "POST",
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ showToast("Task resumed", "success");
+ refreshTasks();
+ } else {
+ showToast(`Failed to resume task: ${result.error}`, "error");
+ }
});
}
function cancelTask(taskId) {
- if (!confirm('Are you sure you want to cancel this task? This may not be reversible.')) {
- return;
- }
+ if (
+ !confirm(
+ "Are you sure you want to cancel this task? This may not be reversible.",
+ )
+ ) {
+ return;
+ }
- fetch(`/api/autotask/${taskId}/cancel`, {
- method: 'POST'
- })
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- showToast('Task cancelled', 'success');
- refreshTasks();
- } else {
- showToast(`Failed to cancel task: ${result.error}`, 'error');
- }
+ fetch(`/api/autotask/${taskId}/cancel`, {
+ method: "POST",
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ showToast("Task cancelled", "success");
+ refreshTasks();
+ } else {
+ showToast(`Failed to cancel task: ${result.error}`, "error");
+ }
});
}
function updateTaskInList(task) {
- const taskElement = document.querySelector(`[data-task-id="${task.id}"]`);
- if (taskElement) {
- // Update status badge
- const statusBadge = taskElement.querySelector('.task-status-badge');
- if (statusBadge) {
- statusBadge.className = `task-status-badge status-${task.status}`;
- statusBadge.textContent = task.status.replace(/-/g, ' ');
- }
-
- // Update progress
- const progressFill = taskElement.querySelector('.progress-fill');
- const progressText = taskElement.querySelector('.progress-text');
- if (progressFill && progressText) {
- progressFill.style.width = `${task.progress}%`;
- progressText.textContent = `${task.current_step}/${task.total_steps} steps (${Math.round(task.progress)}%)`;
- }
-
- // Update data attribute
- taskElement.dataset.status = task.status;
+ const taskElement = document.querySelector(`[data-task-id="${task.id}"]`);
+ if (taskElement) {
+ // Update status badge
+ const statusBadge = taskElement.querySelector(".task-status-badge");
+ if (statusBadge) {
+ statusBadge.className = `task-status-badge status-${task.status}`;
+ statusBadge.textContent = task.status.replace(/-/g, " ");
}
+
+ // Update progress
+ const progressFill = taskElement.querySelector(".progress-fill");
+ const progressText = taskElement.querySelector(".progress-text");
+ if (progressFill && progressText) {
+ progressFill.style.width = `${task.progress}%`;
+ progressText.textContent = `${task.current_step}/${task.total_steps} steps (${Math.round(task.progress)}%)`;
+ }
+
+ // Update data attribute
+ taskElement.dataset.status = task.status;
+ }
}
function updateStepProgress(taskId, step, progress) {
- const taskElement = document.querySelector(`[data-task-id="${taskId}"]`);
- if (taskElement) {
- const currentStep = taskElement.querySelector('.current-step');
- if (currentStep) {
- currentStep.querySelector('.step-name').textContent = `Step ${step.order}: ${step.name}`;
- currentStep.querySelector('.step-status').textContent = `${Math.round(progress)}%`;
- }
+ const taskElement = document.querySelector(`[data-task-id="${taskId}"]`);
+ if (taskElement) {
+ const currentStep = taskElement.querySelector(".current-step");
+ if (currentStep) {
+ currentStep.querySelector(".step-name").textContent =
+ `Step ${step.order}: ${step.name}`;
+ currentStep.querySelector(".step-status").textContent =
+ `${Math.round(progress)}%`;
}
+ }
}
// =============================================================================
@@ -510,57 +562,61 @@ function updateStepProgress(taskId, step, progress) {
// =============================================================================
function viewDecisions(taskId) {
- showDecisionModal();
+ showDecisionModal();
- fetch(`/api/autotask/${taskId}/decisions`)
- .then(response => response.json())
- .then(decisions => {
- renderDecisions(taskId, decisions);
- })
- .catch(error => {
- document.getElementById('decision-content').innerHTML = `
+ fetch(`/api/autotask/${taskId}/decisions`)
+ .then((response) => response.json())
+ .then((decisions) => {
+ renderDecisions(taskId, decisions);
+ })
+ .catch((error) => {
+ document.getElementById("decision-content").innerHTML = `
â
Failed to load decisions: ${error.message}
`;
- });
+ });
}
function renderDecisions(taskId, decisions) {
- const container = document.getElementById('decision-content');
+ const container = document.getElementById("decision-content");
- if (!decisions || decisions.length === 0) {
- container.innerHTML = '
No pending decisions.
';
- return;
- }
+ if (!decisions || decisions.length === 0) {
+ container.innerHTML = '
No pending decisions.
';
+ return;
+ }
- let html = '
';
+ let html = '
';
- decisions.forEach(decision => {
- html += `
+ decisions.forEach((decision) => {
+ html += `
${decision.title}
${decision.description}
- ${decision.options.map(opt => `
-
+ ${decision.options
+ .map(
+ (opt) => `
+
${opt.description}
- đ° ${opt.estimated_impact.cost_change >= 0 ? '+' : ''}$${opt.estimated_impact.cost_change}
- âąī¸ ${opt.estimated_impact.time_change_minutes >= 0 ? '+' : ''}${opt.estimated_impact.time_change_minutes}m
+ đ° ${opt.estimated_impact.cost_change >= 0 ? "+" : ""}$${opt.estimated_impact.cost_change}
+ âąī¸ ${opt.estimated_impact.time_change_minutes >= 0 ? "+" : ""}${opt.estimated_impact.time_change_minutes}m
â ī¸ ${opt.risk_level}
- `).join('')}
+ `,
+ )
+ .join("")}
@@ -569,72 +625,78 @@ function renderDecisions(taskId, decisions) {
`;
- });
+ });
- html += '
';
- container.innerHTML = html;
+ html += "
";
+ container.innerHTML = html;
}
function submitDecision(taskId, decisionId) {
- const selectedOption = document.querySelector(`input[name="decision_${decisionId}"]:checked`)?.value;
+ const selectedOption = document.querySelector(
+ `input[name="decision_${decisionId}"]:checked`,
+ )?.value;
- if (!selectedOption) {
- showToast('Please select an option', 'warning');
- return;
- }
+ if (!selectedOption) {
+ showToast("Please select an option", "warning");
+ return;
+ }
- fetch(`/api/autotask/${taskId}/decide`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- decision_id: decisionId,
- option_id: selectedOption
- })
- })
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- showToast('Decision submitted', 'success');
- closeDecisionModal();
- refreshTasks();
- } else {
- showToast(`Failed to submit decision: ${result.error}`, 'error');
- }
+ fetch(`/api/autotask/${taskId}/decide`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ decision_id: decisionId,
+ option_id: selectedOption,
+ }),
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ showToast("Decision submitted", "success");
+ closeDecisionModal();
+ refreshTasks();
+ } else {
+ showToast(`Failed to submit decision: ${result.error}`, "error");
+ }
});
}
function skipDecision(taskId, decisionId) {
- if (!confirm('Are you sure you want to skip this decision? The default option will be used.')) {
- return;
- }
+ if (
+ !confirm(
+ "Are you sure you want to skip this decision? The default option will be used.",
+ )
+ ) {
+ return;
+ }
- fetch(`/api/autotask/${taskId}/decide`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- decision_id: decisionId,
- skip: true
- })
- })
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- showToast('Decision skipped', 'info');
- closeDecisionModal();
- refreshTasks();
- } else {
- showToast(`Failed to skip decision: ${result.error}`, 'error');
- }
+ fetch(`/api/autotask/${taskId}/decide`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ decision_id: decisionId,
+ skip: true,
+ }),
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ showToast("Decision skipped", "info");
+ closeDecisionModal();
+ refreshTasks();
+ } else {
+ showToast(`Failed to skip decision: ${result.error}`, "error");
+ }
});
}
function showDecisionNotification(decision) {
- showToast(`Decision required: ${decision.title}`, 'warning', 10000);
- updateStats();
+ showToast(`Decision required: ${decision.title}`, "warning", 10000);
+ updateStats();
}
// =============================================================================
@@ -642,38 +704,38 @@ function showDecisionNotification(decision) {
// =============================================================================
function viewApprovals(taskId) {
- showApprovalModal();
+ showApprovalModal();
- fetch(`/api/autotask/${taskId}/approvals`)
- .then(response => response.json())
- .then(approvals => {
- renderApprovals(taskId, approvals);
- })
- .catch(error => {
- document.getElementById('approval-content').innerHTML = `
+ fetch(`/api/autotask/${taskId}/approvals`)
+ .then((response) => response.json())
+ .then((approvals) => {
+ renderApprovals(taskId, approvals);
+ })
+ .catch((error) => {
+ document.getElementById("approval-content").innerHTML = `
â
Failed to load approvals: ${error.message}
`;
- });
+ });
}
function renderApprovals(taskId, approvals) {
- const container = document.getElementById('approval-content');
+ const container = document.getElementById("approval-content");
- if (!approvals || approvals.length === 0) {
- container.innerHTML = '
No pending approvals.
';
- return;
- }
+ if (!approvals || approvals.length === 0) {
+ container.innerHTML = '
No pending approvals.
';
+ return;
+ }
- let html = '
';
+ let html = '
';
- approvals.forEach(approval => {
- html += `
+ approvals.forEach((approval) => {
+ html += `
@@ -685,7 +747,9 @@ function renderApprovals(taskId, approvals) {
${approval.impact_summary}
- ${approval.simulation_result ? `
+ ${
+ approval.simulation_result
+ ? `
Simulation Result
@@ -693,10 +757,12 @@ function renderApprovals(taskId, approvals) {
Confidence: ${Math.round(approval.simulation_result.confidence * 100)}%
- ` : ''}
+ `
+ : ""
+ }
- Step: ${approval.step_name || 'N/A'}
+ Step: ${approval.step_name || "N/A"}
Expires: ${formatRelativeTime(approval.expires_at)}
Default: ${approval.default_action}
@@ -714,58 +780,58 @@ function renderApprovals(taskId, approvals) {
`;
- });
+ });
- html += '
';
- container.innerHTML = html;
+ html += "
";
+ container.innerHTML = html;
}
function approveApproval(taskId, approvalId) {
- submitApprovalDecision(taskId, approvalId, 'approve');
+ submitApprovalDecision(taskId, approvalId, "approve");
}
function rejectApproval(taskId, approvalId) {
- if (!confirm('Are you sure you want to reject this action?')) {
- return;
- }
- submitApprovalDecision(taskId, approvalId, 'reject');
+ if (!confirm("Are you sure you want to reject this action?")) {
+ return;
+ }
+ submitApprovalDecision(taskId, approvalId, "reject");
}
function deferApproval(taskId, approvalId) {
- submitApprovalDecision(taskId, approvalId, 'defer');
+ submitApprovalDecision(taskId, approvalId, "defer");
}
function submitApprovalDecision(taskId, approvalId, action) {
- fetch(`/api/autotask/${taskId}/approve`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- approval_id: approvalId,
- action: action
- })
- })
- .then(response => response.json())
- .then(result => {
- if (result.success) {
- const messages = {
- 'approve': 'Approval granted',
- 'reject': 'Approval rejected',
- 'defer': 'Approval deferred'
- };
- showToast(messages[action], 'success');
- closeApprovalModal();
- refreshTasks();
- } else {
- showToast(`Failed to ${action}: ${result.error}`, 'error');
- }
+ fetch(`/api/autotask/${taskId}/approve`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ approval_id: approvalId,
+ action: action,
+ }),
+ })
+ .then((response) => response.json())
+ .then((result) => {
+ if (result.success) {
+ const messages = {
+ approve: "Approval granted",
+ reject: "Approval rejected",
+ defer: "Approval deferred",
+ };
+ showToast(messages[action], "success");
+ closeApprovalModal();
+ refreshTasks();
+ } else {
+ showToast(`Failed to ${action}: ${result.error}`, "error");
+ }
});
}
function showApprovalNotification(approval) {
- showToast(`Approval required: ${approval.title}`, 'warning', 10000);
- updateStats();
+ showToast(`Approval required: ${approval.title}`, "warning", 10000);
+ updateStats();
}
// =============================================================================
@@ -773,12 +839,14 @@ function showApprovalNotification(approval) {
// =============================================================================
function renderSimulationResult(result) {
- const container = document.getElementById('simulation-content');
+ const container = document.getElementById("simulation-content");
- const statusIcon = result.success ? 'â
' : 'â ī¸';
- const statusText = result.success ? 'Simulation Successful' : 'Simulation Found Issues';
+ const statusIcon = result.success ? "â
" : "â ī¸";
+ const statusText = result.success
+ ? "Simulation Successful"
+ : "Simulation Found Issues";
- let html = `
+ let html = `