Function createSortableHeader

renderer.js:14865–14988

(label, sortKey, width, options = {})

function clearModelDetailsSidebar() {
  currentModelDetailsPath = null;
  currentModelDetailsAbort = true;
  const pathTreeContainer = document.getElementById('path-tree-container');
  if (pathTreeContainer) {
    pathTreeContainer.innerHTML = '';
    pathTreeContainer.removeAttribute('data-file-path');
  }
  const mn = document.getElementById('model-name');
  if (mn) mn.value = '';
  const md = document.getElementById('model-designer');
  if (md) md.value = '';
  const ms = document.getElementById('model-source');
  if (ms) ms.value = '';
  const mnotes = document.getElementById('model-notes');
  if (mnotes) mnotes.value = '';
  const mp = document.getElementById('model-printed');
  if (mp) mp.checked = false;
  const mparent = document.getElementById('model-parent');
  if (mparent) mparent.value = '';
  const mlic = document.getElementById('model-license');
  if (mlic) mlic.value = '';
  const mtags = document.getElementById('model-tags');
  if (mtags) mtags.innerHTML = '';
  previousSelectionHash = '';
}

/**
 * Run when filter/search inputs change the result set — synchronously, before any await.
 * search.js cannot access selectedModels; post-render sync alone loses races to showModelDetails().
 */
function resetFilterSelectionAndDetails() {
  currentModelDetailsAbort = true;
  selectedModels.clear();
  document.querySelectorAll('.file-item').forEach((item) => item.classList.remove('selected'));

  const multiEditPanel = document.getElementById('multi-edit-panel');
  if (multiEditPanel && !multiEditPanel.classList.contains('hidden')) {
    multiEditPanel.classList.add('hidden');
    const detailsPanel = document.getElementById('model-details');
    if (detailsPanel) detailsPanel.classList.remove('hidden');
    const editModeToggle = document.getElementById('edit-mode-toggle');
    if (editModeToggle) {
      editModeToggle.textContent = 'Multi-Edit Mode';
      editModeToggle.classList.remove('active');
    }
    isMultiSelectMode = false;
  }

  clearModelDetailsSidebar();
  updateSelectedCount();
}

/** True if sidebar + selection state is consistent with the current filtered grid rows. */
function isSidebarShowingModelInFilteredList(files, filteredSet) {
  const list = Array.isArray(files) ? files : [];
  const paths = [
    currentModelDetailsPath,
    document.getElementById('path-tree-container')?.getAttribute('data-file-path')
  ].filter(Boolean);