@@ -462,12 +502,14 @@ document.addEventListener('DOMContentLoaded', function() {
loadAgentsForCurrentView();
});
setupEventListeners();
+ setupEditStarRating();
});
function setupEventListeners() {
document.getElementById('searchInput').addEventListener('input', filterAgents);
document.getElementById('statusFilter').addEventListener('change', filterAgents);
document.getElementById('auditFilter').addEventListener('change', filterAgents);
+ document.getElementById('disciplineFilter').addEventListener('change', filterAgents);
document.getElementById('sortBy').addEventListener('change', sortAndDisplayAgents);
document.getElementById('refreshBtn').addEventListener('click', function() {
// Reload both datasets to ensure counts are accurate
@@ -622,6 +664,8 @@ function displayAgents(agentsToShow) {
${agent.agent_status || 'Development'}
${agent.agent_version ? `
' : ''}
${agent.quality_audit_status && agent.risk_factor ? getRiskFactorBadge(agent.risk_factor) : ''}
${agent.total_messages ? `
` : ''}
@@ -710,6 +754,10 @@ async function showAgentDetails(agentId) {
| Quality Audit: |
${agent.quality_audit_status ?
'Audited' :
@@ -852,7 +900,17 @@ async function showAgentDetails(agentId) {
const modal = new bootstrap.Modal(document.getElementById('agentModal'));
modal.show();
-
+
+ // Add clickable star rating if user can edit
+ if (canEdit) {
+ const ratingContainer = document.getElementById('detailRatingDisplay');
+ if (ratingContainer) {
+ const currentRating = agent.rating || 0;
+ ratingContainer.innerHTML = getClickableStars(currentRating, agent.agent_id);
+ setupDetailStarListeners(agent.agent_id, currentRating);
+ }
+ }
+
// Load usage data after modal is shown
loadUsageChart(agent.agent_name);
@@ -905,7 +963,10 @@ async function showEditModal() {
document.getElementById('editAgentTags').value = agent.agent_tags ? agent.agent_tags.join(', ') : '';
document.getElementById('editAgentUserbase').value = agent.agent_userbase ? agent.agent_userbase.join(', ') : '';
document.getElementById('editAgentCapabilities').value = agent.agent_capabilities ? agent.agent_capabilities.join(', ') : '';
-
+ document.getElementById('editAgentDiscipline').value = agent.discipline || '';
+ document.getElementById('editAgentRating').value = agent.rating || '';
+ updateEditStarDisplay(agent.rating || 0);
+
// Handle Quality Audit field
const qualityAuditCheckbox = document.getElementById('editQualityAuditStatus');
const qualityAuditSection = document.getElementById('editQualityAuditSection');
@@ -975,9 +1036,11 @@ async function updateAgent(e) {
agent_contact_person: document.getElementById('editAgentContact').value,
agent_tags: document.getElementById('editAgentTags').value.split(',').map(s => s.trim()).filter(s => s),
agent_userbase: document.getElementById('editAgentUserbase').value.split(',').map(s => s.trim()).filter(s => s),
- agent_capabilities: document.getElementById('editAgentCapabilities').value.split(',').map(s => s.trim()).filter(s => s)
+ agent_capabilities: document.getElementById('editAgentCapabilities').value.split(',').map(s => s.trim()).filter(s => s),
+ discipline: document.getElementById('editAgentDiscipline').value || null,
+ rating: document.getElementById('editAgentRating').value ? parseFloat(document.getElementById('editAgentRating').value) : null
};
-
+
// Add Quality Audit status and Risk Factor if user is admin
if (currentUserIsAdmin) {
agentData.quality_audit_status = document.getElementById('editQualityAuditStatus').checked;
@@ -1064,6 +1127,7 @@ function filterAgents() {
const searchTerm = document.getElementById('searchInput').value.toLowerCase();
const statusFilter = document.getElementById('statusFilter').value;
const auditFilter = document.getElementById('auditFilter').value;
+ const disciplineFilter = document.getElementById('disciplineFilter').value;
let filtered = agents.filter(agent => {
const matchesSearch = agent.agent_name.toLowerCase().includes(searchTerm) ||
@@ -1073,7 +1137,8 @@ function filterAgents() {
const matchesAudit = !auditFilter ||
(auditFilter === 'audited' && agent.quality_audit_status) ||
(auditFilter === 'not_audited' && !agent.quality_audit_status);
- return matchesSearch && matchesStatus && matchesAudit;
+ const matchesDiscipline = !disciplineFilter || agent.discipline === disciplineFilter;
+ return matchesSearch && matchesStatus && matchesAudit && matchesDiscipline;
});
displayAgents(filtered);
@@ -1100,6 +1165,8 @@ function sortAndDisplayAgents() {
const aVal = a.unique_users || 0;
const bVal = b.unique_users || 0;
return bVal - aVal; // Descending order
+ } else if (sortBy === 'rating') {
+ return (b.rating || 0) - (a.rating || 0); // Highest rated first, unrated at bottom
} else {
// Default: created_at (newest first)
return new Date(b.agent_created_at) - new Date(a.agent_created_at);
@@ -1176,13 +1243,20 @@ function toggleEditRiskFactor() {
function validateEditForm() {
const qualityAuditStatus = document.getElementById('editQualityAuditStatus');
const riskFactor = document.getElementById('editRiskFactor');
-
+ const discipline = document.getElementById('editAgentDiscipline');
+
+ // Validate Discipline is selected
+ if (!discipline.value) {
+ showError('Discipline is required!');
+ return false;
+ }
+
// Validate Risk Factor if Quality Audit is checked and user is admin
if (currentUserIsAdmin && qualityAuditStatus.checked && (!riskFactor.value || riskFactor.value === '')) {
showError('Risk Factor is required when Quality Audit is checked!');
return false;
}
-
+
return true;
}
@@ -1354,6 +1428,118 @@ function renderUsageChart(chartData) {
});
}
+// Star rating helper functions
+function getStarDisplay(rating) {
+ if (!rating) return 'Not yet rated';
+ let stars = '';
+ for (let i = 1; i <= 5; i++) {
+ if (i <= Math.floor(rating)) {
+ stars += '★';
+ } else if (i - 0.5 <= rating) {
+ stars += '★';
+ } else {
+ stars += '☆';
+ }
+ }
+ return stars + ` (${rating.toFixed(1)})`;
+}
+
+function getClickableStars(currentRating, agentId) {
+ let html = '';
+ for (let i = 1; i <= 5; i++) {
+ const filled = i <= Math.round(currentRating);
+ html += `★`;
+ }
+ return html;
+}
+
+function setupDetailStarListeners(agentId, currentRating) {
+ const stars = document.querySelectorAll('#detailRatingDisplay .star-clickable');
+ stars.forEach(star => {
+ star.addEventListener('mouseenter', function() {
+ const val = parseInt(this.dataset.value);
+ stars.forEach(s => {
+ s.classList.toggle('text-warning', parseInt(s.dataset.value) <= val);
+ s.classList.toggle('text-muted', parseInt(s.dataset.value) > val);
+ });
+ });
+ star.addEventListener('mouseleave', function() {
+ const saved = currentRating;
+ stars.forEach(s => {
+ s.classList.toggle('text-warning', parseInt(s.dataset.value) <= Math.round(saved));
+ s.classList.toggle('text-muted', parseInt(s.dataset.value) > Math.round(saved));
+ });
+ });
+ star.addEventListener('click', async function() {
+ const val = parseInt(this.dataset.value);
+ try {
+ const response = await fetch(`{{ base_path }}/api/agents/${agentId}/rating`, {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ credentials: 'include',
+ body: JSON.stringify({ rating: val })
+ });
+ if (response.ok) {
+ currentRating = val;
+ stars.forEach(s => {
+ s.classList.toggle('text-warning', parseInt(s.dataset.value) <= val);
+ s.classList.toggle('text-muted', parseInt(s.dataset.value) > val);
+ });
+ // Update agents cache
+ const idx = allAgents.findIndex(a => a.agent_id === agentId);
+ if (idx !== -1) allAgents[idx].rating = val;
+ const myIdx = myAgents.findIndex(a => a.agent_id === agentId);
+ if (myIdx !== -1) myAgents[myIdx].rating = val;
+ } else {
+ showError('Failed to save rating');
+ }
+ } catch (err) {
+ showError('Failed to save rating');
+ }
+ });
+ });
+}
+
+// Edit modal star rating interaction
+function setupEditStarRating() {
+ const container = document.getElementById('editStarRating');
+ if (!container) return;
+ const stars = container.querySelectorAll('.star-interactive');
+ const hiddenInput = document.getElementById('editAgentRating');
+
+ stars.forEach(star => {
+ star.addEventListener('mouseenter', function() {
+ const val = parseInt(this.dataset.value);
+ stars.forEach(s => {
+ s.style.color = parseInt(s.dataset.value) <= val ? '#ffc107' : '#dee2e6';
+ });
+ });
+ star.addEventListener('mouseleave', function() {
+ const current = parseInt(hiddenInput.value) || 0;
+ stars.forEach(s => {
+ s.style.color = parseInt(s.dataset.value) <= current ? '#ffc107' : '#dee2e6';
+ });
+ });
+ star.addEventListener('click', function() {
+ const val = parseInt(this.dataset.value);
+ hiddenInput.value = val;
+ stars.forEach(s => {
+ s.style.color = parseInt(s.dataset.value) <= val ? '#ffc107' : '#dee2e6';
+ });
+ });
+ });
+}
+
+function updateEditStarDisplay(rating) {
+ const container = document.getElementById('editStarRating');
+ if (!container) return;
+ const stars = container.querySelectorAll('.star-interactive');
+ const val = Math.round(rating) || 0;
+ stars.forEach(s => {
+ s.style.color = parseInt(s.dataset.value) <= val ? '#ffc107' : '#dee2e6';
+ });
+}
+
function setupChartEventListeners(agentName) {
// Period toggle listeners
document.querySelectorAll('input[name="period"]').forEach(radio => {
diff --git a/templates/agent_register.html b/templates/agent_register.html
index ab31c08..2f6c875 100644
--- a/templates/agent_register.html
+++ b/templates/agent_register.html
@@ -99,6 +99,19 @@
+
+
+
+
|