Problem
Profile, Login, Notifications and Tokens appear in two places. They are in the "Account" section of the sidebar (shell_sidebar.html:60, data-sidebar-account) and again in the account popover that opens from the avatar at the bottom of the sidebar. That duplication takes sidebar space away from project navigation.
The popover is also the plainer of the two. Its items are text-only links, and Sign out is styled like any other item, straight after Tokens.
Expected behavior
- Remove the Account section from the sidebar. Account pages are reached only from the account popover.
- Each popover item shows an icon beside its label. Use the same Lucide icons that
accountPages (uiAccountPageLinks) already defines for the sidebar.
- Sign out sits in its own section at the bottom of the popover, below a divider. Its text is bold and red.
Acceptance criteria
- The sidebar's Account section is removed in both the expanded and collapsed sidebar (TRACK-33, TRACK-40).
- Every popover item has its icon, aligned consistently with the label. Sign out gets one too (e.g.
log-out), in the same red.
- A divider separates the account pages from Sign out, and matches the existing borders in the popover.
- Sign out uses bold red text (e.g.
font-semibold text-red-600 dark:text-red-400) and has a red-tinted hover state.
- Popover links navigate the way the sidebar links did: htmx into
#main with hx-push-url. Today they are plain hrefs that reload the whole page. The popover closes once an item is chosen.
- The sidebar no longer highlights the current account page, so the popover marks it instead with
aria-current="page" and a subtle highlight.
- Works with the sidebar collapsed, on mobile, and in light and dark modes.
- Tests: update any tests that expect the sidebar Account section. Add coverage showing that the popover renders every account page with its icon, plus the separate Sign out form.
Related
TRACK-75 added the sidebar Account group when it split up the Settings page.
