Summary
Build the document outline / list view: a left-sidebar tree of the entire block document. Each row shows indent, block icon, block title (or first text content), and context actions. Click focuses; drag-drop reorders (#107); right-click opens the same More menu as the block toolbar.
Design reference
- docs/04-block-editor.md §3.4 (Document outline / List view)
- docs/04-block-editor.md §15.2 (Screen reader — exposed as
role="tree")
Acceptance criteria
Dependencies
#79
Complexity
M
Summary
Build the document outline / list view: a left-sidebar tree of the entire block document. Each row shows indent, block icon, block title (or first text content), and context actions. Click focuses; drag-drop reorders (#107); right-click opens the same More menu as the block toolbar.
Design reference
role="tree")Acceptance criteria
@tanstack/react-virtualfor ≥500 rows)role="tree"withrole="treeitem"andaria-level(§15.2)Cmd/Ctrl+Alt+MDependencies
#79
Complexity
M