feat(frontend): Implement navigation and layout (#44) #46

Closed
cardosofelipe wants to merge 0 commits from feature/44-navigation-layout into dev

Summary

  • Adds Sidebar component with collapsible navigation
  • Adds AppHeader with project switcher and user menu
  • Adds AppBreadcrumbs with auto-generation from pathname
  • Adds ProjectSwitcher dropdown for quick project navigation
  • Adds UserMenu with profile, settings, and logout
  • Adds AppLayout combining all layout elements

Features

  • Responsive design (mobile sidebar sheet)
  • Keyboard navigation (Cmd/Ctrl+B to toggle)
  • Dark mode support
  • WCAG AA accessible

Test Plan

  • All 125 tests passing
  • ESLint passes
  • Uses useAuth() correctly
  • Follows design system guidelines

Closes #44

🤖 Generated with Claude Code

## Summary - Adds Sidebar component with collapsible navigation - Adds AppHeader with project switcher and user menu - Adds AppBreadcrumbs with auto-generation from pathname - Adds ProjectSwitcher dropdown for quick project navigation - Adds UserMenu with profile, settings, and logout - Adds AppLayout combining all layout elements ## Features - Responsive design (mobile sidebar sheet) - Keyboard navigation (Cmd/Ctrl+B to toggle) - Dark mode support - WCAG AA accessible ## Test Plan - [x] All 125 tests passing - [x] ESLint passes - [x] Uses useAuth() correctly - [x] Follows design system guidelines Closes #44 🤖 Generated with [Claude Code](https://claude.com/claude-code)
cardosofelipe added 1 commit 2025-12-30 00:36:00 +00:00
Implements the main navigation and layout structure:

- Sidebar component with collapsible navigation and keyboard shortcut
- AppHeader with project switcher and user menu
- AppBreadcrumbs with auto-generation from pathname
- ProjectSwitcher dropdown for quick project navigation
- UserMenu with profile, settings, and logout
- AppLayout component combining all layout elements

Features:
- Responsive design (mobile sidebar sheet, desktop sidebar)
- Keyboard navigation (Cmd/Ctrl+B to toggle sidebar)
- Dark mode support
- WCAG AA accessible (ARIA labels, focus management)

All 125 tests passing. Follows design system guidelines.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
cardosofelipe closed this pull request 2025-12-30 01:14:48 +00:00
cardosofelipe deleted branch feature/44-navigation-layout 2025-12-30 01:14:48 +00:00

Pull request closed

Sign in to join this conversation.