' +
'
' +
'
' +
AdjudicationForms.escapeHtml(itemText) + '
';
responseHtml += '';
if (isSpanType) {
// For spans, show summary per annotator (spans are visualized as dashed overlays on text)
responseHtml += '
';
Object.keys(item.span_annotations || {}).forEach(function (userId) {
var spans = item.span_annotations[userId] || [];
var schemaSpans = spans.filter(function(s) { return s.schema === schemaName || !s.schema; });
if (schemaSpans.length === 0) return;
var timing = AdjudicationForms.formatTime(
item.behavioral_data[userId] ?
(item.behavioral_data[userId].total_time_ms || 0) : 0
);
responseHtml += '
';
responseHtml += '
' +
(config.show_annotator_names ? AdjudicationForms.escapeHtml(userId) : 'Annotator') + '
';
responseHtml += '
' + schemaSpans.length + ' span(s)
';
schemaSpans.forEach(function(span) {
responseHtml += '
' +
'' +
AdjudicationForms.escapeHtml(span.name || 'span') + ' ' +
'' +
AdjudicationForms.escapeHtml(span.title || ('chars ' + span.start + '-' + span.end)) + '
';
});
if (config.show_timing_data && timing) {
responseHtml += '
';
responseHtml += ' ' + timing;
responseHtml += '
';
}
responseHtml += '
';
});
responseHtml += '
';
} else if (isComplexType) {
// For image/audio/video, show summary per annotator
responseHtml += '
';
Object.keys(item.annotations).forEach(function (userId) {
var userAnn = item.annotations[userId];
var schemaVal = userAnn[schemaName];
if (schemaVal === undefined) return;
var summary = formatComplexAnnotationSummary(schemaVal, schemaType);
var timing = AdjudicationForms.formatTime(
item.behavioral_data[userId] ?
(item.behavioral_data[userId].total_time_ms || 0) : 0
);
responseHtml += '
';
responseHtml += '
' +
(config.show_annotator_names ? AdjudicationForms.escapeHtml(userId) : 'Annotator') + '
';
responseHtml += '
' + summary + '
';
if (config.show_timing_data && timing) {
responseHtml += '
';
responseHtml += ' ' + timing;
responseHtml += '
';
}
responseHtml += '
';
});
responseHtml += '
';
} else {
// Standard label annotations
responseHtml += '
';
Object.keys(item.annotations).forEach(function (userId) {
var userAnn = item.annotations[userId];
var schemaVal = userAnn[schemaName];
if (schemaVal === undefined) return;
var valueStr = formatAnnotationValue(schemaVal);
var timing = AdjudicationForms.formatTime(
item.behavioral_data[userId] ?
(item.behavioral_data[userId].total_time_ms || 0) : 0
);
var isFast = config.fast_decision_warning_ms > 0 &&
item.behavioral_data[userId] &&
item.behavioral_data[userId].total_time_ms > 0 &&
item.behavioral_data[userId].total_time_ms < config.fast_decision_warning_ms;
responseHtml += '
';
responseHtml += '
' +
(config.show_annotator_names ? AdjudicationForms.escapeHtml(userId) : 'Annotator') + '
';
responseHtml += '
' + AdjudicationForms.escapeHtml(valueStr) + '
';
if (config.show_timing_data && timing) {
responseHtml += '
';
responseHtml += ' ' + timing;
if (isFast) responseHtml += ' ';
responseHtml += '
';
}
responseHtml += '
';
});
responseHtml += '
';
}
responseHtml += '
';
formHtml += '
' + AdjudicationForms.escapeHtml(schemaName) + '
';
formHtml += AdjudicationForms.renderForm(schema, item.annotations, item.behavioral_data, config, item.span_annotations);
formHtml += '
No more items to adjudicate.
';
}
if (navBar) navBar.style.display = 'none';
}
});
}
}
/**
* Navigate to previous item using navigation history
*/
function goToPrev() {
if (navHistoryPos > 0) {
navHistoryPos--;
var prevId = navHistory[navHistoryPos];
currentItemId = prevId;
// Try to highlight in the sidebar queue
var found = queue.findIndex(function (i) { return i.instance_id === prevId; });
if (found >= 0) {
currentQueueIndex = found;
if (queueList) {
queueList.querySelectorAll('.adj-queue-item').forEach(function (el, i) {
el.classList.toggle('active', i === found);
});
}
} else {
// Item not in current filtered queue (e.g. completed item in pending view)
currentQueueIndex = -1;
if (queueList) {
queueList.querySelectorAll('.adj-queue-item').forEach(function (el) {
el.classList.remove('active');
});
}
}
loadItem(prevId);
}
}
/**
* Bind navigation button events
*/
function bindNavigation() {
var submitBtn = document.getElementById('adj-btn-submit');
if (submitBtn) {
submitBtn.addEventListener('click', submitDecision);
}
var skipBtn = document.getElementById('adj-btn-skip');
if (skipBtn) {
skipBtn.addEventListener('click', skipItem);
}
var prevBtn = document.getElementById('adj-btn-prev');
if (prevBtn) {
prevBtn.addEventListener('click', goToPrev);
}
// Keyboard shortcuts
document.addEventListener('keydown', function (e) {
// Only handle when not in an input/textarea
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT') {
return;
}
if (e.key === 'ArrowRight' || e.key === 'n') {
e.preventDefault();
goToNext();
} else if (e.key === 'ArrowLeft' || e.key === 'p') {
e.preventDefault();
goToPrev();
} else if (e.key === 'Enter' && e.ctrlKey) {
e.preventDefault();
submitDecision();
}
});
}
/**
* Render similar items panel (Phase 3)
*/
function renderSimilarItems(similarItems) {
var panel = document.getElementById('adj-similar-items-panel');
if (!panel || !similarItems || similarItems.length === 0) {
if (panel) panel.style.display = 'none';
return;
}
panel.style.display = 'block';
var html = '';
html += '';
similarItems.forEach(function (si, idx) {
var pct = Math.round(si.similarity * 100);
var scoreClass = 'adj-similarity-low';
if (pct >= 70) scoreClass = 'adj-similarity-high';
else if (pct >= 50) scoreClass = 'adj-similarity-medium';
var metaHtml = '';
if (si.decision === 'completed') {
metaHtml += '
Decided';
} else if (si.consensus_label) {
metaHtml += '
' +
AdjudicationForms.escapeHtml(si.consensus_label) + '';
}
if (si.overall_agreement !== null && si.overall_agreement !== undefined) {
metaHtml += getAgreementBadge(si.overall_agreement);
}
html += '
' +
'
' +
pct + '%
' +
'
' +
'
' +
AdjudicationForms.escapeHtml(si.instance_id) + '
' +
'
' +
AdjudicationForms.escapeHtml(si.text_preview || '') + '
' +
'
' +
'
' + metaHtml + '
' +
'
';
});
html += '