Панель дерева — v2 (восприятие)

Ещё 10 live-примеров, как упростить .sidebar-slab-menu-tools + .sidebar-menu-before-tree не только по высоте, но и по визуальному шуму. Серия v1 — про компактность; v2 — про cognitive load и иерархию.

Открыть: /examples/sidebar-menu-tools-v2/ (нужен запущенный CMS-сервер).

Серия v1 (компактность): sidebar-menu-tools

Меньше рамок и slab-разделителей
Контекст вместо toolbar (breadcrumb, status chip)
Поиск как главный entry point
Редкие действия — в overflow / hover / footer

11 · Ghost strip

~30px

Без рамок: иконки на прозрачном фоне, поиск с underline.

12 · Text tabs

~44px

Текстовые вкладки «Дерево / Список / Закладки» вместо emoji-кластера.

13 · Icon rail

~52px

Вертикальный rail режимов слева, поиск и действия справа.

14 · Command bar

~46px

Одно поле «поиск + команды» с ⌘K — palette-style.

15 · Status chip

~58px

Контекстная строка (режим · ветка · индекс) вместо toolbar.

16 · Segmented

~62px

iOS-style сегмент для режима + ⋯ для редкого.

17 · Tree inline

~34px

Нет отдельного slab — режим и поиск как строки дерева.

18 · Breadcrumb

~52px

Закреплённая ветка breadcrumb + поиск, без toolbar.

19 · Hover reveal

34→68px

По умолчанию только поиск; tools по hover/focus.

20 · Zen footer

~58px

Крупный поиск, иконки — тонкая строка снизу.