Function FolderTreeRoot

packages/app-core/src/components/Sidebar.tsx:4162–4300

({
  label,
  icon,
  folder,
  tree,
  vaultSettings,
  isFolderActive,
  collapsed,
  toggleCollapse,
  setView,
  onContextMenu,
  showNotes,
  selectedPath,
  vaultRoot,
  onSelectNote,
  onOpenAsset,
  onNoteContextMenu,
  onAssetContextMenu,
  sortComparator,
  onDropOnFolder,
  selectedKeys,
  onSelectItem,
  dragPayloadForItem,
  idxCounter,
  vimCursor,
  sidebarFocused,
  groupByKind,
  showSidebarChevrons,
  headerAction,
}: {
  label: string;
  icon: JSX.Element;
  tree: TreeNode;
  /** Optional inline action shown on the right of the header row,
   *  revealed on hover. Used to surface a quick "+" for Quick Notes. */
  headerAction?: JSX.Element;
} & TreeRenderProps)

}

function FolderTreeRoot({
  label,
  icon,
  folder,
  tree,
  vaultSettings,
  isFolderActive,
  collapsed,
  toggleCollapse,
  setView,
  onContextMenu,
  showNotes,
  selectedPath,
  vaultRoot,
  onSelectNote,
  onOpenAsset,
  onNoteContextMenu,
  onAssetContextMenu,
  sortComparator,
  onDropOnFolder,
  selectedKeys,
  onSelectItem,
  dragPayloadForItem,
  idxCounter,
  vimCursor,
  sidebarFocused,
  groupByKind,
  showSidebarChevrons,
  headerAction,
}: {
  label: string;
  icon: JSX.Element;
  tree: TreeNode;
  /** Optional inline action shown on the right of the header row,
   *  revealed on hover. Used to surface a quick "+" for Quick Notes. */
  headerAction?: JSX.Element;
} & TreeRenderProps): JSX.Element {
  const rootKey = `${folder}:`;
  const isCollapsed = collapsed.has(rootKey);
  const total = countNotesInTree(tree);
  const entries = useMemo(
    () => getTreeRenderEntries(tree, showNotes, sortComparator, groupByKind),
    [tree, showNotes, sortComparator, groupByKind],
  );
  const rootActive = isFolderActive(folder, "");
  const rootProgressive = shouldProgressivelyRenderEntries(entries);
  const rootPrefetchEntries = useMemo(
    () =>
      rootProgressive
        ? entries.slice(0, getInitialSidebarEntryLimit(entries.length, rootProgressive))
        : entries,
    [entries, rootProgressive],
  );
  useSidebarVisibleNotePrefetch(rootPrefetchEntries, showNotes && (rootActive || isCollapsed));
  const hasChildren = entries.length > 0;
  const [dragHover, setDragHover] = useState(false);
  const myIdx = idxCounter.value++;