Skip to content

Conversation

viva-jinyi
Copy link
Member

@viva-jinyi viva-jinyi commented Oct 1, 2025

Summary

  • Implemented presentation-only QueueAssetCard component for the Queue Panel Upgrade project
  • Created type-specific card components for different media types (Image, Video, Audio, Text)
  • Integrated with existing component library (IconButton, Card components)

Changes

  • ✨ New QueueAssetCard component that switches between type-specific cards based on media kind
  • ✨ Type-specific card components: QueueImageCard, QueueVideoCard, QueueAudioCard, QueueTextCard
  • ✨ Reusable QueueAssetThumbnail component for media display
  • JobIdSection component for output context
  • 🎨 Uses existing Card components with 1:1 aspect ratio for consistent layouts
  • 🎨 Responsive design without hardcoded dimensions
  • 🎨 Hover states with action buttons using IconButton component
  • 📚 Added comprehensive Storybook stories
  • ✅ Added unit tests

Test Plan

  • Review Storybook stories for all card types
  • Verify 1:1 aspect ratio consistency across all cards
  • Test hover states and action buttons
  • Check responsive behavior
  • Verify Input/Output context switching

🤖 Generated with Claude Code

┆Issue is synchronized with this Notion page by Unito

viva-jinyi and others added 2 commits October 1, 2025 21:21
- Create type-specific card components (Image, Video, Audio, Text)
- Use IconButton and Card components from common library
- Implement 1:1 aspect ratio for all CardTop components
- Add responsive layouts without hardcoded dimensions
- Support Input/Output contexts with jobId display
- Add Storybook stories and unit tests

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Copy link

github-actions bot commented Oct 1, 2025

🎨 Storybook Build Status

Build completed successfully!

⏰ Completed at: 10/01/2025, 12:28:42 PM UTC

🔗 Links


🎉 Your Storybook is ready for review!

Copy link

github-actions bot commented Oct 1, 2025

🎭 Playwright Test Results

⚠️ Tests passed with flaky tests

⏰ Completed at: 10/01/2025, 12:38:22 PM UTC

📈 Summary

  • Total Tests: 483
  • Passed: 449 ✅
  • Failed: 0
  • Flaky: 5 ⚠️
  • Skipped: 29 ⏭️

📊 Test Reports by Browser

  • chromium: View Report • ✅ 441 / ❌ 0 / ⚠️ 5 / ⏭️ 29
  • chromium-2x: View Report • ✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0
  • chromium-0.5x: View Report • ✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0
  • mobile-chrome: View Report • ✅ 5 / ❌ 0 / ⚠️ 0 / ⏭️ 0

🎉 Click on the links above to view detailed test results for each browser configuration.

Copy link

github-actions bot commented Oct 1, 2025

🔧 Auto-fixes Applied

This PR has been automatically updated to fix linting and formatting issues.

⚠️ Important: Your local branch is now behind. Run git pull before making additional changes to avoid conflicts.

Changes made:

  • ESLint auto-fixes
  • Prettier formatting

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants