Дерево

Вложенность — это вся структура: элемент открывается, когда он развернут, а его глубина определяет отступ строки, в то время как выделение все еще охватывает всю ширину.

Одинаковая разметка, одинаковая форма, но папки открываются и закрываются: стрелка сворачивает узел, а клик в любом другом месте строки выбирает элемент и отправляет его как событие выбора.

Диспетчер как приложение доставляется с ним: дерево vue в прокручиваемой зоне сплита, удерживающее больше строк, чем зона высокая, и более длинные названия, чем она широкая. Зона прокручивается по обеим осям, а горизонтальная полоса остается на своем уровне, независимо от того, какая последняя строка.

Форма ничего не знает о файлах — элемент без иконки и ссылки отображается как простой текст.