Navigation Documentation Index

Documentation Index

Fetch the complete documentation index at: https://docs.encoreos.io/llms.txt

Use this file to discover all available pages before exploring further.

​

Quick Navigation

• Standards & Architecture
• Mobile Navigation
• Breadcrumbs
• UX Analysis & Recommendations
• Implementation Reference

​

Standards & Architecture

​

Navigation Standard

• Understanding module navigation structure
• Implementing new module navigation
• Understanding sub-module system
• Reviewing navigation architecture decisions
• Understanding permission-based navigation filtering

• Module navigation standards
• Sub-module definitions
• Navigation registry structure
• Permission filtering (PF-30)
• Route integrity requirements

​

Mobile Navigation

​

Mobile Navigation Guide

• Implementing mobile navigation components
• Understanding mobile navigation architecture
• Troubleshooting mobile navigation issues
• Implementing mobile-specific patterns (bottom nav, header, menu sheet)
• Understanding responsive breakpoints
• Implementing mobile gestures

• Mobile navigation architecture
• Bottom tab bar implementation
• Mobile header patterns
• Mobile menu sheet
• Responsive breakpoints
• Touch targets and safe areas
• Mobile gestures
• Common issues and solutions

​

Breadcrumbs

​

Breadcrumb Implementation Guide

• Implementing breadcrumbs on a new page
• Understanding breadcrumb architecture
• Adding custom route labels
• Implementing mobile breadcrumbs
• Troubleshooting breadcrumb issues

• Breadcrumb architecture
• Desktop vs mobile breadcrumbs
• Centralized route labels
• Component reference
• Implementation patterns
• Mobile breadcrumb truncation
• Custom label configuration

​

UX Analysis & Recommendations (Consolidated)

1. Reduce mobile header vertical space (HIGH)
2. Add recent/frequent pages feature (HIGH)
3. Improve module search with nested navigation (HIGH)
4. Add persistent navigation shortcuts (MEDIUM)
5. Implement swipe gestures on mobile (MEDIUM)
6. Add favorites/bookmarks system (LOW)

1. Visual hierarchy and spacing – module list readability (HIGH)
2. Search enhancement – nested results (HIGH)
3. Module flyout improvements – reduce cognitive load (MEDIUM)
4. Header search refinement – visual feedback (MEDIUM)
5. Sidebar truncation fix – tooltips or wider sidebar (HIGH)
6. Recent/frequent pages – quick access (HIGH)
7. Visual polish – hover states and transitions (MEDIUM)
8. Mobile header optimization – reduce vertical space (CRITICAL)

• Planning navigation UX improvements
• Prioritizing navigation enhancements
• Understanding current navigation issues

​

Implementation Reference

​

Navigation Quick Reference

• Implementing specific navigation features
• Following step-by-step implementation tasks
• Quick lookup for navigation patterns
• Understanding implementation phases
• Reviewing acceptance criteria

• Implementation tasks by phase
• Quick lookup reference
• Code examples
• Acceptance criteria
• Task dependencies

​

Archived Documentation

• NAVIGATION_CONSISTENCY_REVIEW.md - Historical consistency review
• NAVIGATION_DEEP_REVIEW.md - Historical deep review
• NAVIGATION_IMPROVEMENTS_TEST_RESULTS.md - Test results from improvements
• NAVIGATION_RECOMMENDATIONS_SUMMARY.md - Historical recommendations
• NAVIGATION_UI_UX_AUDIT.md - Historical UI/UX audit

​

Documentation Hierarchy

Navigation Documentation
│
├── Standards & Architecture
│   └── NAVIGATION_STANDARD.md (Authoritative standards)
│
├── Implementation Guides
│   ├── mobile-navigation-guide.md (Mobile patterns)
│   ├── breadcrumb-implementation-guide.md (Breadcrumb patterns)
│   └── navigation-quick-reference.md (Implementation tasks)
│
└── Analysis & Planning
    └── NAVIGATION_UX_RECOMMENDATIONS.md (UX improvements)

​

Common Use Cases

​

”I need to implement navigation for a new module”

1. Start with NAVIGATION_STANDARD.md to understand requirements
2. Review mobile-navigation-guide.md for mobile patterns
3. Use navigation-quick-reference.md for step-by-step tasks

​

”I need to add breadcrumbs to a page”

1. Read breadcrumb-implementation-guide.md
2. Check if route label exists in route-labels.ts
3. Add custom label if needed
4. Implement breadcrumbs using provided patterns

​

”I’m troubleshooting mobile navigation issues”

1. Check mobile-navigation-guide.md Common Issues section
2. Review responsive breakpoints and touch targets
3. Verify component structure matches architecture

​

”I want to improve navigation UX”

1. Review NAVIGATION_UX_RECOMMENDATIONS.md for prioritized recommendations (archived)
2. Understand current state analysis
3. Plan implementation based on priority

​

”I need to understand navigation architecture”

1. Start with NAVIGATION_STANDARD.md for system overview
2. Review mobile-navigation-guide.md Architecture section
3. Check breadcrumb-implementation-guide.md Architecture section

​

Related Documentation

​

Core Documentation

• constitution.md §6.3 - Core navigation requirements
• UI/UX Standards - UI/UX patterns including navigation
• Platform Integration Layers - Platform navigation integration

​

Development Guides

• Mobile Gesture Guide - Mobile gesture patterns
• PWA Setup - PWA navigation considerations

​

Document Status