- 1. Create
src/components/InvestorStatement/index.ts- barrel export - 2. Create
src/components/InvestorStatement/usePrintStatement.ts- custom hook for print dialog management - 3. Create
src/components/InvestorStatement/InvestorStatement.tsx- main PDF/UA compliant component with semantic HTML, proper heading hierarchy, ARIA attributes, and tagged reading order - 4. Create
src/components/InvestorStatement/InvestorStatement.css- print-specific and @media print styles for PDF/UA
- 5. Update
src/pages/InvestorPortfolioSummary.tsx- add "Print Investor Statement" button and integrate statement overlay - 6. Add global print hide styles for page chrome/navigation
- 7. Create
src/components/InvestorStatement/InvestorStatement.test.tsx- tests for accessibility, semantics, and rendering - 8. Update
vite.config.ts- add coverage thresholds for new components
- 9. Run linting and fix any issues
- 10. Run tests to ensure all pass
- 11. Build project to verify compilation