Site Editor Navigation Prototypes

Testing navigation concepts for WordPress Site Editor — #74045

Current Baseline
📄
Site Editor (Current) Baseline
Current interface with gray blob document bar that triggers Command Palette.
  • Document bar shows current page title + ⌘K hint
  • Clicking opens Command Palette (mixed navigation + actions)
  • Switching pages requires 6-7 clicks through list views
→
Proposal
🔘
Document Button Proposed
Dedicated dropdown for page/template navigation — separates from Command Palette.
  • Document Button replaces gray blob — shows page icon + title + chevron
  • Dropdown with search, hierarchical pages and templates
  • ⌘K moved to bottom of new dropdown
→
Documentation
📋
Component Blueprint
Interactive documentation of all document button component states and elements.
  • Document Button — default, hover, focus, open states
  • Dropdown — default, loading, error, no results, paginated
  • Items & Search — all interactive states with toggles
→