Function renderReportList

deployments/desktop/static/desktop.js:2927–2942

(reports, activeId = "")

  }

  function renderReportList(reports, activeId = "") {
    const target = $("reportsList");
    if (!reports.length) {
      target.className = "reports-list empty";
      target.textContent = ui().reports.none;
      return;
    }
    target.className = "reports-list";
    target.innerHTML = reports.map((report) => `
      <button class="report-row ${report.report_id === activeId ? "active" : ""} ${state.highlightedReports.has(report.report_id) ? "highlighted" : ""}" data-report-id="${escapeHtml(report.report_id)}" type="button">
        <h3>${escapeHtml(report.title || ui().reports.defaultTitle)}</h3>
        <p>${escapeHtml(report.saved_at || "")} · ${escapeHtml(report.status || ui().reports.completed)}</p>
        <p>${escapeHtml(report.snippet || report.report_path || "")}</p>
      </button>
    `).join("");
  }

  function clearReportViewer() {
    state.currentReport = null;