Skip to content

Conversation

@michelroegl-brunner
Copy link
Member

Overview

This PR adds a new 'Newest Scripts' section to the Available Scripts tab that highlights the 6 most recently created scripts.

Features

  • Horizontal scrollable carousel displaying the 6 newest scripts based on field
  • Smart visibility logic - only shows when no filters are active to avoid duplication
  • Visual distinction - subtle left border accent and Clock icon for clear identification
  • NEW badges on script cards in the carousel to highlight recent additions
  • Responsive design - works on mobile, tablet, and desktop
  • Proper exclusion - newest scripts are excluded from main grid when carousel is visible

Technical Details

  • Added logic to detect when filters are active
  • Created memo to extract and sort scripts by date
  • Modified to exclude newest scripts when carousel is visible
  • Added horizontal scrollable carousel with proper responsive sizing
  • Used Lucide React Clock icon for professional appearance
  • Styled with theme-consistent colors and proper badge positioning

Testing

  • ✅ TypeScript compilation passes
  • ✅ No linting errors
  • ✅ Responsive design verified
  • ✅ Proper filter integration
  • ✅ Date sorting works correctly

- Add horizontal scrollable carousel for 6 newest scripts
- Only show when no filters are active to avoid duplication
- Exclude newest scripts from main grid when carousel is visible
- Add Clock icon and subtle left border accent for visual distinction
- Include NEW badges on script cards in carousel
- Responsive design for mobile, tablet, and desktop
- Sort by date_created field in descending order
@michelroegl-brunner michelroegl-brunner requested a review from a team as a code owner October 17, 2025 12:28
@michelroegl-brunner michelroegl-brunner linked an issue Oct 17, 2025 that may be closed by this pull request
@michelroegl-brunner michelroegl-brunner merged commit d031216 into main Oct 17, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

recently added scripts more highlighting?

2 participants