Function SubTree

packages/app-core/src/components/Sidebar.tsx:4302–4567

({
  node,
  depth,
  folder,
  vaultSettings,
  isFolderActive,
  collapsed,
  toggleCollapse,
  setView,
  onContextMenu,
  showNotes,
  selectedPath,
  vaultRoot,
  onSelectNote,
  onOpenAsset,
  onNoteContextMenu,
  onAssetContextMenu,
  sortComparator,
  onDropOnFolder,
  selectedKeys,
  onSelectItem,
  dragPayloadForItem,
  idxCounter,
  vimCursor,
  sidebarFocused,
  groupByKind,
  showSidebarChevrons,
}: { node: TreeNode; depth: number } & TreeRenderProps)

}

function SubTree({
  node,
  depth,
  folder,
  vaultSettings,
  isFolderActive,
  collapsed,
  toggleCollapse,
  setView,
  onContextMenu,
  showNotes,
  selectedPath,
  vaultRoot,
  onSelectNote,
  onOpenAsset,
  onNoteContextMenu,
  onAssetContextMenu,
  sortComparator,
  onDropOnFolder,
  selectedKeys,
  onSelectItem,
  dragPayloadForItem,
  idxCounter,
  vimCursor,
  sidebarFocused,
  groupByKind,
  showSidebarChevrons,
}: { node: TreeNode; depth: number } & TreeRenderProps): JSX.Element {
  const key = `${folder}:${node.subpath}`;
  const isCollapsed = collapsed.has(key);
  const iconOption = resolveFolderIconOption(
    folder,
    node.subpath,
    vaultSettings.folderIcons,
  );
  const folderColorClass =
    resolveFolderColorGlyphClass(folder, node.subpath, vaultSettings.folderColors) ??
    undefined;
  // A `<Name>.base` folder is a database: render it with a database icon and a
  // title without the suffix; clicking the row opens the grid, while the
  // chevron still expands to reveal its record-page notes. (#185)
  const isDatabase = isFormDirName(node.name);
  const entries = useMemo(
    () => getTreeRenderEntries(node, showNotes, sortComparator, groupByKind),
    [node, showNotes, sortComparator, groupByKind],
  );
  const progressiveEligible = shouldProgressivelyRenderEntries(entries);
  const progressive = progressiveEligible && !sidebarFocused;
  const [visibleEntryLimit, progressiveSentinelRef] = useProgressiveEntryLimit(
    entries.length,
    progressive,
  );
  const selectedEntryIndex = useMemo(
    () =>
      selectedPath
        ? entries.findIndex((entry) => treeRenderEntryPath(entry) === selectedPath)
        : -1,
    [entries, selectedPath],