Function buildFolderSummaryHTML

public/js/fileListView.js:4845–4878

(stats, fallback)

}

function buildFolderSummaryHTML(stats, fallback) {
  const safeTitle = (key, fallbackText) => {
    const val = t(key);
    return val && val !== key ? val : fallbackText;
  };
  const fmtCount = (val) => Number.isFinite(val) ? val.toLocaleString() : "-";

  const folders = Number.isFinite(stats?.folders) ? stats.folders : fallback?.folders;
  const files = Number.isFinite(stats?.files) ? stats.files : fallback?.files;
  const bytes = Number.isFinite(stats?.bytes) ? stats.bytes : fallback?.bytes;

  const folderTitle = safeTitle("total_folders", "Total folders");
  const fileTitle = safeTitle("total_files", "Total files");
  const sizeTitle = safeTitle("total_size", "Total size");

  const sizeStr = Number.isFinite(bytes) ? formatSize(bytes) : "-";

  return `
    <span class="fr-summary-item" title="${escapeHTML(folderTitle)}">
      <span class="material-icons" aria-hidden="true">folder</span>
      <span class="fr-summary-count">${fmtCount(folders)}</span>
    </span>
    <span class="fr-summary-sep" aria-hidden="true">&middot;</span>
    <span class="fr-summary-item" title="${escapeHTML(fileTitle)}">
      <span class="material-icons" aria-hidden="true">insert_drive_file</span>
      <span class="fr-summary-count">${fmtCount(files)}</span>
    </span>
    <span class="fr-summary-sep" aria-hidden="true">&middot;</span>
    <span class="fr-summary-item" title="${escapeHTML(sizeTitle)}">
      <span class="material-icons" aria-hidden="true">storage</span>
      <span class="fr-summary-count">${escapeHTML(sizeStr)}</span>
    </span>
  `.trim();
}

function refreshFileSummaryForPane(paneKey) {
  const actionsContainer = document.getElementById("fileListActions");