Sidebar compact/icon-only mode

[PlayerNguyen]

Problem statement

The sidebar always shows full labels, taking up 200px of horizontal space. There's no way to collapse it to an icon-only mode for a more compact workspace.

Proposed solution

Add a toggle button (in the footer or header) that switches the sidebar to compact mode:

• Navbar width shrinks from 200px to ~60px
• Labels are hidden, only icons are shown
• Tooltips appear on hover over icons to reveal the label
• Sub-items in compact mode use a flyout/popover instead of inline expansion
• Search input is hidden in compact mode (or collapsed to an icon trigger)

Reference plan: .opencode/plans/08-07-2026/17-28_sidebar-compact-mode-and-config.md

Alternatives considered

Always showing full sidebar — simpler but wasteful of space on smaller screens.

Area

UI (apps/ui/)

Priority

Important