4a50fc9fd7
- Buffer server-side no executor para manter até 1000 linhas por execução ativa - Terminal restaura output do servidor ao recarregar a página (F5) - Fechar overlay do flow editor ao navegar para outra seção - Garantir SHELL e HOME no ambiente dos processos filhos
358 lines
12 KiB
JavaScript
358 lines
12 KiB
JavaScript
const Terminal = {
|
|
lines: [],
|
|
maxLines: 1000,
|
|
autoScroll: true,
|
|
executionFilter: null,
|
|
_processingInterval: null,
|
|
_chatSession: null,
|
|
searchMatches: [],
|
|
searchIndex: -1,
|
|
_toolbarInitialized: false,
|
|
_storageKey: 'terminal_lines',
|
|
_chatStorageKey: 'terminal_chat',
|
|
_timerInterval: null,
|
|
_timerStart: null,
|
|
_timerStorageKey: 'terminal_timer_start',
|
|
|
|
_saveToStorage() {
|
|
try {
|
|
const data = JSON.stringify(Terminal.lines.slice(-Terminal.maxLines));
|
|
sessionStorage.setItem(Terminal._storageKey, data);
|
|
} catch {}
|
|
},
|
|
|
|
_restoreFromStorage() {
|
|
try {
|
|
const data = sessionStorage.getItem(Terminal._storageKey);
|
|
if (data) {
|
|
Terminal.lines = JSON.parse(data);
|
|
return true;
|
|
}
|
|
} catch {}
|
|
return false;
|
|
},
|
|
|
|
_clearStorage() {
|
|
try {
|
|
sessionStorage.removeItem(Terminal._storageKey);
|
|
sessionStorage.removeItem(Terminal._chatStorageKey);
|
|
} catch {}
|
|
},
|
|
|
|
async restoreIfActive() {
|
|
try {
|
|
const active = await API.system.activeExecutions();
|
|
const hasActive = Array.isArray(active) && active.length > 0;
|
|
if (hasActive) {
|
|
const exec = active[0];
|
|
const serverBuffer = Array.isArray(exec.outputBuffer) ? exec.outputBuffer : [];
|
|
|
|
if (serverBuffer.length > 0) {
|
|
Terminal.lines = serverBuffer.map((item) => {
|
|
const time = new Date();
|
|
return {
|
|
content: item.content || '',
|
|
type: item.type || 'default',
|
|
timestamp: time.toTimeString().slice(0, 8),
|
|
executionId: exec.executionId,
|
|
};
|
|
});
|
|
Terminal._saveToStorage();
|
|
} else {
|
|
Terminal._restoreFromStorage();
|
|
}
|
|
|
|
Terminal.render();
|
|
const startedAt = exec.startedAt ? new Date(exec.startedAt).getTime() : null;
|
|
const savedStart = sessionStorage.getItem(Terminal._timerStorageKey);
|
|
Terminal._startTimer(savedStart ? Number(savedStart) : startedAt);
|
|
Terminal.startProcessing(exec.agentConfig?.agent_name || 'Agente');
|
|
try {
|
|
const chatData = sessionStorage.getItem(Terminal._chatStorageKey);
|
|
if (chatData) Terminal._chatSession = JSON.parse(chatData);
|
|
} catch {}
|
|
} else {
|
|
Terminal._clearStorage();
|
|
Terminal._hideTimer();
|
|
}
|
|
} catch {}
|
|
},
|
|
|
|
enableChat(agentId, agentName, sessionId) {
|
|
Terminal._chatSession = { agentId, agentName, sessionId };
|
|
try { sessionStorage.setItem(Terminal._chatStorageKey, JSON.stringify(Terminal._chatSession)); } catch {}
|
|
const bar = document.getElementById('terminal-input-bar');
|
|
const ctx = document.getElementById('terminal-input-context');
|
|
const input = document.getElementById('terminal-input');
|
|
if (bar) bar.hidden = false;
|
|
if (ctx) ctx.textContent = `Conversando com: ${agentName}`;
|
|
if (input) { input.value = ''; input.focus(); }
|
|
},
|
|
|
|
disableChat() {
|
|
Terminal._chatSession = null;
|
|
try { sessionStorage.removeItem(Terminal._chatStorageKey); } catch {}
|
|
const bar = document.getElementById('terminal-input-bar');
|
|
if (bar) bar.hidden = true;
|
|
},
|
|
|
|
getChatSession() {
|
|
return Terminal._chatSession;
|
|
},
|
|
|
|
updateSessionId(sessionId) {
|
|
if (Terminal._chatSession) Terminal._chatSession.sessionId = sessionId;
|
|
},
|
|
|
|
addLine(content, type = 'default', executionId = null) {
|
|
const time = new Date();
|
|
const formatted = time.toTimeString().slice(0, 8);
|
|
|
|
Terminal.lines.push({ content, type, timestamp: formatted, executionId });
|
|
|
|
if (Terminal.lines.length > Terminal.maxLines) {
|
|
Terminal.lines.shift();
|
|
}
|
|
|
|
Terminal._saveToStorage();
|
|
Terminal.render();
|
|
},
|
|
|
|
_startTimer(fromTimestamp) {
|
|
Terminal._stopTimer();
|
|
Terminal._timerStart = fromTimestamp || Date.now();
|
|
try { sessionStorage.setItem(Terminal._timerStorageKey, String(Terminal._timerStart)); } catch {}
|
|
|
|
const timerEl = document.getElementById('terminal-timer');
|
|
const valueEl = document.getElementById('terminal-timer-value');
|
|
if (timerEl) timerEl.hidden = false;
|
|
|
|
const tick = () => {
|
|
if (!valueEl) return;
|
|
const elapsed = Math.floor((Date.now() - Terminal._timerStart) / 1000);
|
|
const h = Math.floor(elapsed / 3600);
|
|
const m = Math.floor((elapsed % 3600) / 60);
|
|
const s = elapsed % 60;
|
|
valueEl.textContent = h > 0
|
|
? `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`
|
|
: `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
|
|
};
|
|
tick();
|
|
Terminal._timerInterval = setInterval(tick, 1000);
|
|
},
|
|
|
|
_stopTimer() {
|
|
if (Terminal._timerInterval) {
|
|
clearInterval(Terminal._timerInterval);
|
|
Terminal._timerInterval = null;
|
|
}
|
|
try { sessionStorage.removeItem(Terminal._timerStorageKey); } catch {}
|
|
},
|
|
|
|
_hideTimer() {
|
|
Terminal._stopTimer();
|
|
const timerEl = document.getElementById('terminal-timer');
|
|
if (timerEl) timerEl.hidden = true;
|
|
},
|
|
|
|
startProcessing(agentName) {
|
|
Terminal.stopProcessing();
|
|
Terminal.addLine(`Agente "${agentName}" processando tarefa...`, 'system');
|
|
|
|
if (!Terminal._timerInterval) {
|
|
Terminal._startTimer();
|
|
}
|
|
|
|
let dots = 0;
|
|
Terminal._processingInterval = setInterval(() => {
|
|
dots = (dots + 1) % 4;
|
|
const indicator = document.getElementById('terminal-processing');
|
|
if (indicator) {
|
|
indicator.textContent = 'Processando' + '.'.repeat(dots + 1);
|
|
}
|
|
}, 500);
|
|
|
|
Terminal.render();
|
|
},
|
|
|
|
stopProcessing() {
|
|
if (Terminal._processingInterval) {
|
|
clearInterval(Terminal._processingInterval);
|
|
Terminal._processingInterval = null;
|
|
}
|
|
},
|
|
|
|
clear() {
|
|
Terminal.stopProcessing();
|
|
Terminal._hideTimer();
|
|
Terminal.lines = [];
|
|
Terminal.executionFilter = null;
|
|
Terminal._clearStorage();
|
|
Terminal.render();
|
|
},
|
|
|
|
setExecutionFilter(executionId) {
|
|
Terminal.executionFilter = executionId;
|
|
Terminal.render();
|
|
},
|
|
|
|
scrollToBottom() {
|
|
const output = document.getElementById('terminal-output');
|
|
if (output) output.scrollTop = output.scrollHeight;
|
|
},
|
|
|
|
initToolbar() {
|
|
if (Terminal._toolbarInitialized) return;
|
|
Terminal._toolbarInitialized = true;
|
|
|
|
const searchToggle = document.getElementById('terminal-search-toggle');
|
|
const searchBar = document.getElementById('terminal-search-bar');
|
|
const searchInput = document.getElementById('terminal-search-input');
|
|
const searchClose = document.getElementById('terminal-search-close');
|
|
const searchPrev = document.getElementById('terminal-search-prev');
|
|
const searchNext = document.getElementById('terminal-search-next');
|
|
const downloadBtn = document.getElementById('terminal-download');
|
|
const copyBtn = document.getElementById('terminal-copy');
|
|
const autoScrollCheck = document.getElementById('terminal-autoscroll');
|
|
|
|
if (searchToggle && searchBar) {
|
|
searchToggle.addEventListener('click', () => {
|
|
searchBar.classList.toggle('hidden');
|
|
if (!searchBar.classList.contains('hidden') && searchInput) searchInput.focus();
|
|
});
|
|
}
|
|
|
|
if (searchInput) {
|
|
searchInput.addEventListener('input', () => Terminal.search(searchInput.value));
|
|
}
|
|
|
|
if (searchClose && searchBar) {
|
|
searchClose.addEventListener('click', () => {
|
|
searchBar.classList.add('hidden');
|
|
Terminal.clearSearch();
|
|
});
|
|
}
|
|
|
|
if (searchPrev) searchPrev.addEventListener('click', () => Terminal.searchPrev());
|
|
if (searchNext) searchNext.addEventListener('click', () => Terminal.searchNext());
|
|
|
|
if (downloadBtn) {
|
|
downloadBtn.addEventListener('click', () => Terminal.downloadOutput());
|
|
}
|
|
|
|
if (copyBtn) {
|
|
copyBtn.addEventListener('click', () => Terminal.copyOutput());
|
|
}
|
|
|
|
if (autoScrollCheck) {
|
|
autoScrollCheck.addEventListener('change', (e) => {
|
|
Terminal.autoScroll = e.target.checked;
|
|
});
|
|
}
|
|
},
|
|
|
|
search(query) {
|
|
const output = document.getElementById('terminal-output');
|
|
if (!output || !query) { Terminal.clearSearch(); return; }
|
|
|
|
const text = output.textContent;
|
|
Terminal.searchMatches = [];
|
|
Terminal.searchIndex = -1;
|
|
|
|
const regex = new RegExp(query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'gi');
|
|
let match;
|
|
while ((match = regex.exec(text)) !== null) {
|
|
Terminal.searchMatches.push(match.index);
|
|
}
|
|
|
|
const countEl = document.getElementById('terminal-search-count');
|
|
if (countEl) countEl.textContent = Terminal.searchMatches.length > 0 ? `0/${Terminal.searchMatches.length}` : '0/0';
|
|
|
|
if (Terminal.searchMatches.length > 0) Terminal.searchNext();
|
|
},
|
|
|
|
searchNext() {
|
|
if (Terminal.searchMatches.length === 0) return;
|
|
Terminal.searchIndex = (Terminal.searchIndex + 1) % Terminal.searchMatches.length;
|
|
const countEl = document.getElementById('terminal-search-count');
|
|
if (countEl) countEl.textContent = `${Terminal.searchIndex + 1}/${Terminal.searchMatches.length}`;
|
|
},
|
|
|
|
searchPrev() {
|
|
if (Terminal.searchMatches.length === 0) return;
|
|
Terminal.searchIndex = Terminal.searchIndex <= 0 ? Terminal.searchMatches.length - 1 : Terminal.searchIndex - 1;
|
|
const countEl = document.getElementById('terminal-search-count');
|
|
if (countEl) countEl.textContent = `${Terminal.searchIndex + 1}/${Terminal.searchMatches.length}`;
|
|
},
|
|
|
|
clearSearch() {
|
|
Terminal.searchMatches = [];
|
|
Terminal.searchIndex = -1;
|
|
const countEl = document.getElementById('terminal-search-count');
|
|
if (countEl) countEl.textContent = '0/0';
|
|
},
|
|
|
|
downloadOutput() {
|
|
const output = document.getElementById('terminal-output');
|
|
if (!output) return;
|
|
const text = output.textContent;
|
|
const blob = new Blob([text], { type: 'text/plain' });
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = `terminal_${new Date().toISOString().replace(/[:.]/g, '-')}.txt`;
|
|
a.click();
|
|
URL.revokeObjectURL(url);
|
|
if (typeof Toast !== 'undefined') Toast.success('Saída baixada');
|
|
},
|
|
|
|
copyOutput() {
|
|
const output = document.getElementById('terminal-output');
|
|
if (!output) return;
|
|
navigator.clipboard.writeText(output.textContent).then(() => {
|
|
if (typeof Toast !== 'undefined') Toast.success('Saída copiada');
|
|
});
|
|
},
|
|
|
|
render() {
|
|
Terminal.initToolbar();
|
|
const output = document.getElementById('terminal-output');
|
|
if (!output) return;
|
|
|
|
const lines = Terminal.executionFilter
|
|
? Terminal.lines.filter((l) => !l.executionId || l.executionId === Terminal.executionFilter)
|
|
: Terminal.lines;
|
|
|
|
if (lines.length === 0 && !Terminal._processingInterval) {
|
|
output.innerHTML = `
|
|
<div class="terminal-welcome">
|
|
<span class="terminal-prompt">$</span>
|
|
<span class="terminal-text">Aguardando execução de agente...</span>
|
|
</div>`;
|
|
return;
|
|
}
|
|
|
|
const html = lines.map((line) => {
|
|
const typeClass = line.type && line.type !== 'default' ? ' ' + line.type : '';
|
|
const escaped = Utils.escapeHtml(line.content);
|
|
const formatted = escaped.replace(/\n/g, '<br>');
|
|
|
|
return `<div class="terminal-line${typeClass}">
|
|
<span class="timestamp">${line.timestamp}</span>
|
|
<span class="content">${formatted}</span>
|
|
</div>`;
|
|
}).join('');
|
|
|
|
const processing = Terminal._processingInterval
|
|
? '<div class="terminal-line system"><span class="terminal-processing-indicator"><span id="terminal-processing" class="processing-dots">Processando...</span><span class="terminal-spinner"></span></span></div>'
|
|
: '';
|
|
|
|
output.innerHTML = html + processing + '<span class="terminal-cursor blink">_</span>';
|
|
|
|
if (Terminal.autoScroll) Terminal.scrollToBottom();
|
|
},
|
|
|
|
};
|
|
|
|
window.Terminal = Terminal;
|