Function showSearchableListDialog

renderer.js:16328–16547

(fieldType, targetSelectId, mode = 'filter', containerId = null, isRemove = false)

  }
  return base;
}

function ensureListViewColumnState() {
  if (!listViewColumnState) {
    listViewColumnState = getDefaultListViewColumnState();
  }
  return listViewColumnState;
}

function listViewColDisplayMode(colId) {
  return colId === 'name' ? '' : 'flex';
}

function applyListViewColumnToElement(el, colId) {
  if (!el || !colId) return;
  const state = ensureListViewColumnState();
  const def = LIST_VIEW_COLUMN_DEFS.find(c => c.id === colId);
  if (!def) return;
  const visible = state.visibility[colId] !== false;
  const w = state.widths[colId] ?? def.defaultWidth;
  if (!visible) {
    el.style.display = 'none';
    return;
  }
  const mode = listViewColDisplayMode(colId);
  if (mode) {
    el.style.display = mode;
  } else {
    el.style.removeProperty('display');
  }
  el.style.flexShrink = '0';
  el.style.width = `${w}px`;
  el.style.minWidth = `${w}px`;
  if (colId === 'tags') {
    el.style.maxWidth = `${w}px`;
  } else {
    el.style.removeProperty('maxWidth');
  }
}

function applyListViewColumnLayoutToSubtree(root) {
  if (!root) return;
  root.querySelectorAll('[data-list-col]').forEach(el => {
    applyListViewColumnToElement(el, el.getAttribute('data-list-col'));
  });
}

function applyListViewColumnLayoutToGrid() {
  const grid = document.querySelector('.file-grid');
  if (!grid) return;
  applyListViewColumnLayoutToSubtree(grid);
}

async function persistListViewColumnState() {
  if (!window.electron?.saveSetting) return;
  const state = ensureListViewColumnState();
  try {
    await window.electron.saveSetting(