# Frontend Documentation Index Enterprise Accounting UI lives inside the TorbatYar SuperApp (`frontend/`), not as a standalone app. ## Documents | Document | Purpose | |----------|---------| | [frontend-architecture.md](frontend-architecture.md) | App structure, module boundaries, auth/tenant | | [design-system.md](design-system.md) | Tokens, typography, themes, RTL | | [component-library.md](component-library.md) | Reusable DS components | | [layout-system.md](layout-system.md) | Shell, nav, page chrome | | [page-patterns.md](page-patterns.md) | Dashboard / list / form / report patterns | | [form-patterns.md](form-patterns.md) | RHF + Zod standards | | [table-patterns.md](table-patterns.md) | Data tables | | [dialog-patterns.md](dialog-patterns.md) | Dialog / confirm | | [theme-system.md](theme-system.md) | Light/dark + white-label | | [navigation-system.md](navigation-system.md) | Accounting nav map | | [responsive-system.md](responsive-system.md) | Breakpoints | | [frontend-api-integration.md](frontend-api-integration.md) | Real backend only | | [frontend-state-management.md](frontend-state-management.md) | TanStack Query | | [frontend-performance.md](frontend-performance.md) | Splitting & lists | | [frontend-accessibility.md](frontend-accessibility.md) | WCAG AA baseline | | [frontend-testing.md](frontend-testing.md) | Quality gate checklist | | [healthcare-design-system.md](healthcare-design-system.md) | Torbat Health UI extension | ## Hard Rules 1. Never mock accounting data. 2. Never bypass `accounting-service` APIs. 3. Always send JWT + `X-Tenant-ID`. 4. Journal entries only via Posting Engine UI actions (ADR-010). 5. Reuse Design System components — do not redesign per page.