Problem statement
The sidebar has no footer section. Settings, logout, and other user actions are not accessible from the sidebar.
Proposed solution
Add an AppNavbarFooter component rendered as an AppShell.Section at the bottom of the navbar. It contains:
- A
Divider separating it from the nav links
- A centered cogwell (
Settings icon) ActionIcon
- Clicking opens a Mantine
Menu dropdown (positioned to the right) with items:
- Settings → navigates to
/dashboard/settings
- Logout → clears auth state (
useAuthStore), clears query cache, redirects to login
Reference plan: .opencode/plans/08-07-2026/17-28_sidebar-compact-mode-and-config.md
Alternatives considered
Putting settings in the header — accessible but less conventional for sidebar-heavy layouts.
Area
UI (apps/ui/)
Priority
Important
Problem statement
The sidebar has no footer section. Settings, logout, and other user actions are not accessible from the sidebar.
Proposed solution
Add an
AppNavbarFootercomponent rendered as anAppShell.Sectionat the bottom of the navbar. It contains:Dividerseparating it from the nav linksSettingsicon)ActionIconMenudropdown (positioned to the right) with items:/dashboard/settingsuseAuthStore), clears query cache, redirects to loginReference plan:
.opencode/plans/08-07-2026/17-28_sidebar-compact-mode-and-config.mdAlternatives considered
Putting settings in the header — accessible but less conventional for sidebar-heavy layouts.
Area
UI (
apps/ui/)Priority
Important