Function renderPush

deployments/desktop/static/desktop.js:2241–2286

(push, options = {})

  }

  function renderPush(push, options = {}) {
    state.push = push;
    state.selected.clear();
    state.skipped.clear();
    state.later.clear();
    const papers = push?.papers || [];
    const metadata = push?.metadata || {};
    $("candidateStat").textContent = metadata.total_fetched ?? metadata.fetched_count ?? papers.length ?? 0;
    $("filteredStat").textContent = metadata.paper_count ?? metadata.filtered_count ?? metadata.ranked_count ?? papers.length ?? 0;
    $("latestPushStat").textContent = papers.length || "-";
    $("readingQueueStat").textContent = "0";
    $("pushMeta").textContent = pushMetaText(push, papers, metadata, options);
    if (!papers.length) {
      $("paperList").className = "paper-list empty";
      $("paperList").textContent = ui().papers.noRecommendations;
      updateSelectionSummary();
      return;
    }
    $("paperList").className = "paper-list";
    $("paperList").innerHTML = papers.map((paper, index) => {
      const number = Number(paper.number || index + 1);
      const reportKey = paperReportKey(number, push?.push_id);
      const reportId = state.paperReports.get(reportKey);
      const isReading = state.paperReading.has(reportKey);
      const score = normalizeScore(paper.score ?? paper.relevance ?? paper.relevance_score ?? 80);
      const tags = paperDisplayTags(paper);
      return `
        <article class="paper-card" data-paper-number="${number}">
          <div class="score-ring" style="--score: ${Math.min(score, 100)}%">${score}%</div>
          <div class="paper-content">
            <h3>${escapeHtml(paper.title || "Untitled Paper")}</h3>
            <p class="paper-authors">${escapeHtml(Array.isArray(paper.authors) ? paper.authors.join(", ") : (paper.authors || paper.author || ui().papers.authorPending))}</p>
            <p class="paper-abstract">${escapeHtml(paper.abstract || paper.summary || "")}</p>
            <div class="paper-tags">
              ${tags.map((tag) => `<span>${escapeHtml(tag)}</span>`).join("")}
            </div>
          </div>
          <div class="paper-actions">
            <button data-action="read" data-number="${number}" class="${reportId ? "ready" : ""} ${isReading ? "loading" : ""}" type="button" ${isReading ? "disabled" : ""}>${isReading ? ui().papers.loading : reportId ? ui().papers.readReport : ui().papers.read}</button>
            <button data-action="skip" data-number="${number}" type="button">${ui().papers.skip}</button>
            <button data-action="later" data-number="${number}" type="button">${ui().papers.later}</button>
          </div>
        </article>`;
    }).join("");
    updateSelectionSummary();
  }

  async function loadLatestPush() {
    const data = await api(`/api/latest-push?user_id=${encodeURIComponent(currentUser())}`);