style(design): FINDING-004 — add empty state for logs page

When no sync run is selected, the logs page was completely blank
below the controls. Added a guidance message with icon explaining
what to do. Hides automatically when a run is selected.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-02 13:16:51 +00:00
parent e8c5398499
commit 060b63bce9
2 changed files with 11 additions and 1 deletions

View File

@@ -95,12 +95,15 @@ async function selectRun(runId) {
const ddMobile = document.getElementById('runsDropdownMobile');
if (ddMobile && ddMobile.value !== runId) ddMobile.value = runId;
const emptyState = document.getElementById('logEmptyState');
if (!runId) {
document.getElementById('logViewerSection').style.display = 'none';
if (emptyState) emptyState.style.display = '';
return;
}
document.getElementById('logViewerSection').style.display = '';
if (emptyState) emptyState.style.display = 'none';
const logRunIdEl = document.getElementById('logRunId'); if (logRunIdEl) logRunIdEl.textContent = runId;
document.getElementById('logStatusBadge').innerHTML = '...';
document.getElementById('textLogSection').style.display = 'none';