# Frontend Documentation Index

## Start Here

- Repository working rules: [`../../AGENTS.md`](../../AGENTS.md)
- Frontend architecture: [`frontend-architecture.md`](frontend-architecture.md)
- Frontend architecture review: [`frontend-architecture-review.md`](frontend-architecture-review.md)
- Remaining frontend issues plan: [`remaining-frontend-issues-fix-plan.md`](remaining-frontend-issues-fix-plan.md)
- Object router rules: [`object-router.md`](object-router.md)
- Error handling: [`error-handling.md`](error-handling.md)
- Test coverage rules: [`test-coverage.md`](test-coverage.md)

Read the repository rules first, then use the frontend architecture document as the default development contract for frontend work.

## Architecture And Shared Foundations

- [`frontend-architecture.md`](frontend-architecture.md): three-layer frontend architecture, import direction, routing, and update rules.
- [`frontend-architecture-review.md`](frontend-architecture-review.md): latest frontend architecture and implementation quality review.
- [`remaining-frontend-issues-fix-plan.md`](remaining-frontend-issues-fix-plan.md): phased plan for closing remaining frontend issues.
- [`object-router.md`](object-router.md): React Router object-route configuration.
- [`ui-kit.md`](ui-kit.md): shared view-layer primitives and consolidation rules.
- [`theme.md`](theme.md): centralized theme constants and CSS token ownership.
- [`static-app-data.md`](static-app-data.md): static app navigation and media configuration.
- [`shared-app-types.md`](shared-app-types.md): cross-module UI-facing product types.
- [`test-seeds.md`](test-seeds.md): frontend test seed boundaries.
- [`test-coverage.md`](test-coverage.md): current unit and smoke test coverage.

## Backend Integration

- [`auth-integration.md`](auth-integration.md): HttpOnly cookie auth and refresh behavior.
- [`campus-catalog.md`](campus-catalog.md): backend-owned campus records and branding.
- [`content-catalog-integration.md`](content-catalog-integration.md): backend-owned editable content catalog.

## Shell And Navigation

- [`sidebar-integration.md`](sidebar-integration.md): sidebar navigation, role access, and campus branding.
- [`top-bar-integration.md`](top-bar-integration.md): top bar search, notifications, profile menu, and sign-in modal.

## Product Slices

- [`campus-attendance-integration.md`](campus-attendance-integration.md)
- [`classroom-support-integration.md`](classroom-support-integration.md)
- [`classroom-timer-integration.md`](classroom-timer-integration.md)
- [`communications-integration.md`](communications-integration.md)
- [`community-service.md`](community-service.md)
- [`dashboard-integration.md`](dashboard-integration.md)
- [`director-dashboard-integration.md`](director-dashboard-integration.md)
- [`esa-funding-integration.md`](esa-funding-integration.md)
- [`frame-integration.md`](frame-integration.md)
- [`personality-catalog.md`](personality-catalog.md)
- [`personality-integration.md`](personality-integration.md)
- [`policies-integration.md`](policies-integration.md)
- [`safety-quiz-integration.md`](safety-quiz-integration.md)
- [`sign-language-integration.md`](sign-language-integration.md)
- [`staff-attendance-integration.md`](staff-attendance-integration.md)
- [`user-progress-integration.md`](user-progress-integration.md)
- [`vocational-opportunities.md`](vocational-opportunities.md)
- [`walkthrough-integration.md`](walkthrough-integration.md)
- [`zones-of-regulation-integration.md`](zones-of-regulation-integration.md)