Function renderSettings

deployments/desktop/static/desktop.js:5218–5300

(data)

  }

  function renderSettings(data) {
    state.settings = data || {};
    const paths = data.paths || {};
    const storageStats = data.storage_stats || {};
    const rowLabels = ui().settings.storageRows;
    const rows = [
      { label: rowLabels.notesRoot, value: paths.notes_root_dir, envKey: "PAPERFLOW_NOTES_ROOT_DIR" },
      { label: rowLabels.pdf, value: paths.pdf_dir, derivedRole: "pdf" },
      { label: rowLabels.reports, value: paths.reading_reports_dir, derivedRole: "reports" },
      { label: rowLabels.wiki, value: paths.wiki_dir, derivedRole: "wiki" },
      { label: rowLabels.notesGit, value: paths.reading_notes_git_dir, derivedRole: "git" },
      { label: rowLabels.notesGitRemote, value: paths.reading_notes_git_remote, envKey: "PAPERFLOW_READING_NOTES_GIT_REMOTE" },
      { label: rowLabels.notesGitBranch, value: paths.reading_notes_git_branch || "main", envKey: "PAPERFLOW_READING_NOTES_GIT_BRANCH" },
      { label: rowLabels.feishu, value: paths.write_feishu ? ui().common.yes : ui().common.no },
      { label: rowLabels.ingest, value: paths.wiki_ingest ? ui().common.yes : ui().common.no }
    ];
    $("settingsList").className = "settings-list";
    $("settingsList").innerHTML = rows.map((row) => `
      <div class="setting-row ${row.envKey ? "editable-path-row" : ""}">
        <strong>${escapeHtml(row.label)}</strong>
        ${row.envKey
          ? `<input data-env-key="${escapeHtml(row.envKey)}" value="${escapeHtml(row.value || "")}" autocomplete="off">`
          : row.derivedRole
            ? `<input data-derived-path="${escapeHtml(row.derivedRole)}" value="${escapeHtml(row.value || "")}" readonly autocomplete="off">`
            : `<span>${escapeHtml(row.value || "-")}</span>`}
      </div>
    `).join("");
    const notesRootInput = document.querySelector('[data-env-key="PAPERFLOW_NOTES_ROOT_DIR"]');
    notesRootInput?.addEventListener("input", updateDerivedNotesPathsPreview);
    updateDerivedNotesPathsPreview();
    if ($("cacheSizeStat")) $("cacheSizeStat").textContent = storageStats.cache_display || "-";

    const env = envMap(data);
    const concurrency = envInfo(env, "PAPERFLOW_MAX_CONCURRENCY", "5");
    const fallbackModel = envInfo(env, "PAPERFLOW_FALLBACK_LLM_MODEL", "GPT-4o");
    if ($("maxConcurrencyInput")) $("maxConcurrencyInput").value = concurrency.value || "5";
    if ($("fallbackModelInput")) $("fallbackModelInput").value = fallbackModel.value || "GPT-4o";
    const sourcePrefs = data.source_preferences || {};
    const reportPrefs = data.report_preferences || {};
    const advanced = data.advanced || {};
    $("settingEnableArxiv").checked = sourcePrefs.enable_arxiv !== false;
    $("settingEnableSemanticScholar").checked = sourcePrefs.enable_semantic_scholar !== false;
    $("settingEnableOpenReview").checked = sourcePrefs.enable_openreview !== false;
    $("settingEnableCustomRss").checked = Boolean(sourcePrefs.enable_custom_rss);
    renderSettingTags("settingArxivCategories", sourcePrefs.arxiv_categories || ["cs.CL", "cs.AI", "cs.IR", "cs.LG"]);
    setConferenceAccessMode(sourcePrefs.conference_access_mode || "public");
    setEnvFieldValue("semanticScholarApiKey", env, "SEMANTIC_SCHOLAR_API_KEY");
    setEnvFieldValue("openReviewUsername", env, "OPENREVIEW_USERNAME");
    setEnvFieldValue("openReviewToken", env, "OPENREVIEW_TOKEN");
    setEnvFieldValue("conferenceCookieFile", env, "PAPERFLOW_CONFERENCE_COOKIE_FILE", "", ["OPENREVIEW_COOKIE_FILE"]);
    updateSourceAuthStatus(sourcePrefs, env);
    renderConferenceSettings(sourcePrefs);
    renderRssUrls(sourcePrefs.custom_rss_urls || []);
    syncDailySourceControls(sourcePrefs);
    document.querySelectorAll("[data-pref-mode]").forEach((button) => {
      button.classList.toggle("active", button.dataset.prefMode === (reportPrefs.style || "standard"));
    });
    $("directWriteFeishu").checked = Boolean(reportPrefs.write_feishu);