Function createModelItem

renderer.js:17549–18924

(model, viewMode = null, thumbPriority = THUMB_PRIORITY_BACKGROUND)

// Helper: true when focus is in a form control (don't trigger app shortcuts)
function isFocusInFormControl() {
  const el = document.activeElement;
  return el && (
    el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.tagName === 'SELECT' ||
    el.isContentEditable
  );
}

// Navigate to next/previous model in detail view (called from keydown when details visible)
function navigateDetailView(direction) {
  const detailsPanel = document.getElementById('model-details');
  if (!detailsPanel || detailsPanel.classList.contains('hidden')) return false;
  const items = Array.from(document.querySelectorAll('.file-item'));
  if (items.length === 0) return false;
  const currentPath = getCurrentModelFilePath() || currentModelDetailsPath || '';
  const normalizedCurrent = currentPath ? normalizePathForComparison(currentPath) : '';
  let index = -1;
  if (normalizedCurrent) {
    index = items.findIndex(item => {
      const p = item.getAttribute('data-filepath') || item.dataset.filepath || '';
      return p && normalizePathForComparison(p) === normalizedCurrent;
    });
  }
  if (index < 0) index = items.findIndex(item => item.classList.contains('selected'));
  if (index < 0) index = 0;
  const nextIndex = direction === 'next' ? index + 1 : index - 1;
  if (nextIndex < 0 || nextIndex >= items.length) return false;
  const target = items[nextIndex];
  const filePath = target.getAttribute('data-filepath') || target.dataset.filepath;
  if (!filePath) return false;
  document.querySelectorAll('.file-item').forEach(item => item.classList.remove('selected'));
  target.classList.add('selected');
  target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  showModelDetails(filePath);
  return true;
}

// Handle keyboard shortcuts
document.addEventListener('keydown', async (event) => {
  const mod = event.ctrlKey || event.metaKey;
  const inInput = isFocusInFormControl();
  const detailsVisible = (() => {
    const p = document.getElementById('model-details');
    return p && !p.classList.contains('hidden');
  })();

  // Handle Escape key to exit multi-edit mode
  if (event.key === 'Escape' || event.key === 'Esc') {
    if (isMultiSelectMode) {
      event.preventDefault();
      exitMultiEditMode();
      return;
    }
  }

  // Search focus: Ctrl+/ or Cmd+/ (always allow so user can jump to search from anywhere)
  if (mod && event.key === '/') {
    event.preventDefault();