- Updated ATOMS.md to include new LoginInput and ErrorMessageLogin components with detailed usage examples and props descriptions.
- Adjusted the status and created date in ATOMS.md.
- Refined the layout and styling descriptions in LAYOUTS.md for Header and Footer components, including responsive behavior and accessibility improvements.
- Added new sections for WiFi card and social links in the Footer documentation.
- Improved code formatting and consistency across various components in the codebase.
- Add aria-label to search input, category/status dropdowns in ProductsTab
- Add aria-label with item name to Edit/Delete icon buttons
- Add title tooltip to truncated product descriptions
- Add price validation in ProductModal (min=1, reject 0 with inline error)
- Add focus-visible ring to all sidebar nav buttons and links
- Improve StatusBadge contrast: text-amber-700 to text-amber-800 (WCAG AA)
- Add unit annotation (tr = trieu dong VND) to revenue chart subtitles
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
refactor: Update PaymentSummaryCard to handle new payment methods and improve state management
fix: Add clearCart function to cart context for better cart management
chore: Update package dependencies and improve documentation
- Updated header and navigation components with aria-labels for better accessibility.
- Modified SearchBar and SearchInput components to include aria-labels and titles for clearer user interaction.
- Changed category sidebar button to include aria-label for improved screen reader support.
- Adjusted payment page table headers to include scope attributes for better semantic structure.
- Enhanced search functionality in Home component to reset category when search query is updated.
- Added accessibility features to buttons in ProductCard and other components for improved usability.
- Introduced a new skill for frontend atomic design methodology with Tailwind CSS.
- Created new skills for prompt optimization, UI/UX testing, and website creation automation.
- Added className prop to Button for custom styling
- Updated PaymentSummaryCard to utilize the new Button implementation
- Added nextjs dependency to package.json and package-lock.json
Update AGENTS.md with detailed project architecture, code conventions, and quick reference guide to help AI understand the codebase structure and development workflow more efficiently.
Key additions:
- Complete folder structure with descriptions (app/, components/, layouts/, lib/)
- File organization and naming conventions
- Code style (TypeScript, Prettier, ESLint, Tailwind)
- Responsive design guidelines
- Markdown documentation update rules
- Type safety and data flow patterns
- Quick reference guide for common tasks
- CSS variables reference
- Useful npm commands
- Common code patterns
- Project status (completed, in progress, planned features)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>