AI coding workspace
Hierarchical interfaces
Keep your place while the hierarchy changes. Treewise is a project workspace for exploring nested interfaces, selection and keyboard behavior.
● ● ●Treewise●
A concrete starting point · Hierarchical interfaces ×
const expanded = new Set(state.expanded);
expanded.has(nodeId)
? expanded.delete(nodeId) : expanded.add(nodeId);
return { ...state, expanded };✳Expand and collapse a hierarchy without losing the selected item.
✓ ChangesReview before applying ↗
Illustrative workspace
- Project
- Check nested parents and keyboard focus when a branch containing that item becomes hidden.
- Review before applying
- Compare actual behavior with the expected result. If a check fails, investigate it before applying more changes.
- Connection
- Base URL, credentials and a reachable server.
A concrete starting point
const expanded = new Set(state.expanded);
expanded.has(nodeId)
? expanded.delete(nodeId) : expanded.add(nodeId);
return { ...state, expanded };