Shot Delete Dialog Implementation Test

✅ Backend Changes

• ✓ Added force parameter to delete endpoint
• ✓ Added cascade deletion logic
• ✓ Added shot deletion info endpoint
• ✓ Enhanced error response with task details

✅ Frontend Changes

• ✓ Updated shot service with new methods
• ✓ Created ShotDeleteConfirmDialog component
• ✓ Updated ShotBrowser to use new dialog
• ✓ Added proper TypeScript interfaces

🔧 Features Implemented

• 📋 Shows detailed task information before deletion
• 👤 Displays assigned users for each task
• 🔒 Requires typing shot name to confirm
• ⚡ Cascade deletes all associated tasks
• 📊 Shows task count and types
• 🎨 Clean, informative UI with proper warnings
• ✨ Uses TaskStatusBadge for consistent status display

🧪 Testing Steps

1. Navigate to a project's shots page
2. Try to delete a shot that has tasks
3. Verify the dialog shows:
   • Shot name in the title
   • Number of associated tasks
   • List of tasks with details (name, type, status badge, assigned user)
   • Status badges with proper colors and formatting
   • Confirmation input field
4. Type the shot name to enable the delete button
5. Confirm deletion and verify both shot and tasks are removed

🔍 API Endpoints

• GET /shots/{shot_id}/deletion-info - Get deletion preview
• DELETE /shots/{shot_id}?force=true - Delete with cascade