No logs yet. Workflow execution logs will appear here.
';
return;
}
// Build logs HTML
let logsHTML = '';
// Deduplicate logs by grouping those with the same message and agent
const uniqueLogs = [];
const seenMessageAgentPairs = new Map();
// Process logs backwards (newest first) to keep the latest one in each group
for (let i = logs.length - 1; i >= 0; i--) {
const log = logs[i];
if (!log) continue;
const key = `${log.message}|${log.agentName || ''}`;
// If we haven't seen this message+agent combo or this is a special log type, add it
if (!seenMessageAgentPairs.has(key) ||
log.type === 'error' ||
log.type === 'warning' ||
log.highlighted) {
seenMessageAgentPairs.set(key, uniqueLogs.length);
uniqueLogs.unshift(log); // Add to beginning to maintain original order
} else {
// If we already have this message, update the existing one with any new info
const existingIndex = seenMessageAgentPairs.get(key);
// Keep the newest ID (for polling reference)
uniqueLogs[existingIndex].id = log.id;
// Update progress if present
if (log.progress !== undefined && log.progress !== null) {
uniqueLogs[existingIndex].progress = log.progress;
}
// Update details if present
if (log.details && !uniqueLogs[existingIndex].details) {
uniqueLogs[existingIndex].details = log.details;
}
// Update waiting status if needed
if (log.waiting) {
uniqueLogs[existingIndex].waiting = true;
}
}
}
// Find the latest log with progress information and mark it
let latestProgressLog = null;
for (let i = uniqueLogs.length - 1; i >= 0; i--) {
const log = uniqueLogs[i];
if (log && log.progress !== undefined && log.progress !== null) {
latestProgressLog = log;
break;
}
}
// Now render the deduplicated logs
uniqueLogs.forEach((log, index) => {
if (!log) return; // Skip invalid logs
const logId = log.id || `log_${Date.now()}_${Math.random().toString(36).substring(2, 7)}`;
const logType = log.type || 'info';
const logMessage = log.message || 'No message';
const logTimestamp = log.timestamp ? new Date(log.timestamp).toLocaleTimeString() : new Date().toLocaleTimeString();
// FIX 1: Only show waiting animation on the last log entry
// All older logs should have no animation
const isLastLog = index === uniqueLogs.length - 1;
const shouldShowWaiting = isLastLog && (waitingLogId === null || waitingLogId === logId);
const logWaiting = shouldShowWaiting ? '
${WorkflowUtils.formatMarkdownLike(log.details)}
`;
} else {
logsHTML += `
Preview Unavailable
This document doesn't have a valid numeric ID for preview.
According to the data model, only files with numeric IDs can be fetched from the API.
`;
return;
}
try {
// Call API with the numeric fileId
const fileData = await api.previewFile(fileId);
if (!fileData || !fileData.content) {
throw new Error("No file data available");
}
renderFilePreview(fileData, file, previewContent);
} catch (error) {
console.error("Error fetching file data:", error);
previewContent.innerHTML = `