LibreChat/client/src/components/Agents
Danny Avila 3213f574c6
🪪 style: Improve a11y of Agent Cards in Marketplace (#10957)
* style: AgentCard and AgentGrid UI with improved layout and accessibility

- Updated AgentCard component to improve layout, including flexbox adjustments for better responsiveness and spacing.
- Added aria-label for agent description to enhance accessibility.
- Introduced a new translation key for agent description in the localization file.
- Modified AgentGrid to include horizontal margins for better alignment on various screen sizes.

* style: Update AgentCard description line clamp for improved readability

- Increased the line clamp for agent descriptions in the AgentCard component from 3 to 5 lines, enhancing the display of longer descriptions while maintaining a clean layout.

* feat: Integrate Agent Detail Dialog in AgentCard Component

- Enhanced the AgentCard component to include an OGDialog for displaying detailed agent information.
- Introduced AgentDetailContent to manage the content of the dialog, allowing users to view agent details and initiate chats directly from the card.
- Updated AgentGrid to utilize the new onSelect prop for agent selection, improving the interaction flow.
- Removed deprecated code related to agent detail handling in the Marketplace component for cleaner implementation.

* ci: Enhance AgentCard and Accessibility Tests with Improved Mocks and Keyboard Interaction

- Updated AgentCard tests to utilize the new onSelect prop for better interaction handling.
- Introduced comprehensive mocks for hooks and components to streamline testing and avoid testing internal implementations.
- Improved accessibility tests by ensuring keyboard interactions are properly handled and do not throw errors.
- Enhanced the overall structure of tests to support better readability and maintainability.
2025-12-13 09:10:43 -05:00
..
tests 🪪 style: Improve a11y of Agent Cards in Marketplace (#10957) 2025-12-13 09:10:43 -05:00
AgentCard.tsx 🪪 style: Improve a11y of Agent Cards in Marketplace (#10957) 2025-12-13 09:10:43 -05:00
AgentDetail.tsx 📌 feat: Pin Agents and Models in the Sidebar (#10634) 2025-12-11 16:38:20 -05:00
AgentDetailContent.tsx 🪪 style: Improve a11y of Agent Cards in Marketplace (#10957) 2025-12-13 09:10:43 -05:00
AgentGrid.tsx 🪪 style: Improve a11y of Agent Cards in Marketplace (#10957) 2025-12-13 09:10:43 -05:00
CategoryTabs.tsx 🏷️ chore: Add Missing Localizations for Agents, Categories, Bookmarks (#9266) 2025-08-25 13:54:13 -04:00
ErrorDisplay.tsx 🔧 refactor: Organize Sharing/Agent Components and Improve Type Safety 2025-08-13 16:24:20 -04:00
Marketplace.tsx 🪪 style: Improve a11y of Agent Cards in Marketplace (#10957) 2025-12-13 09:10:43 -05:00
MarketplaceAdminSettings.tsx 🌐 refactor: Interpolate Localization Keys (#10650) 2025-12-11 16:35:56 -05:00
MarketplaceContext.tsx 🔧 refactor: Organize Sharing/Agent Components and Improve Type Safety 2025-08-13 16:24:20 -04:00
SearchBar.tsx 🔇 fix: Hide Button Icons from Screen Readers (#10776) 2025-12-11 16:35:17 -05:00
SmartLoader.tsx 🔧 refactor: Organize Sharing/Agent Components and Improve Type Safety 2025-08-13 16:24:20 -04:00
VirtualizedAgentGrid.tsx 🖼️ style: Improve Marketplace & Sharing Dialog UI 2025-08-13 16:24:24 -04:00