## Migrate work_item_development widgets to use workItem.features **File:** `app/assets/javascripts/work_items/components/work_item_development/` ### Changes Required: 1. **Identify Development Widgets:** - Locate all widget components in the work_item_development directory - Common widgets: development panel, branches, merge requests, etc. 2. **Update GraphQL Query Helpers:** - For each development widget, locate its corresponding helper function in `app/assets/javascripts/work_items/utils.js` - Update each to use pattern: `workItem?.features?.development || workItem?.widgets?.find((widget) => widget.type === WIDGET_TYPE_DEVELOPMENT)` 3. **Update Component Data Access:** - Review all computed properties and methods that access development widget data - Ensure they use the helper functions which now support the fallback pattern 4. **Update Apollo Queries:** - In the `apollo` section of each component, update the `update()` functions to use the new helper functions - Verify the queries return both `features` and `widgets` for backward compatibility 5. **Feature Flag Gating:** - Wrap the features access behind the appropriate feature flag to ensure safe rollout - Use fallback to widgets if feature flag is disabled 6. **Testing:** - Verify components work with both `features` and `widgets` data structures - Test graceful fallback behavior - Test development information display