Tree Sidebar
The nav this library runs on — a filterable file tree with connector lines, a hover highlight that glides between rows, and a shortcut hint.
sidebarnavigationtreefile-browserdocshoversliding-indicatorappmust-havemotion
Note
This is the gallery's own sidebar as a component, rebuilt on semantic tokens. Filtering expands the sections holding matches: the tree seeds expansion from `defaultExpandedIds` and exposes no setter, so the provider is remounted by key when the set of nodes that should be open changes — keyed on that set rather than the query, so typing does not remount on every keystroke. The row selector needs `.group`, since the tree's expander chevrons also carry `cursor-pointer` and are 16px wide; the highlight collapses to a stub without it.