-
Story
-
Resolution: Unresolved
-
Normal
-
None
-
None
-
None
Create a new Details tab on the Image page that displays the full Dockerfile with base image layers visually highlighted.
Implementation Details:
- Create ImageDetailsTab.tsx component in Containers/Vulnerabilities/WorkloadCves/Image/
- Fetch Dockerfile layers and image components using useRestQuery
- Map components to layer indices to identify which layers are base image layers
- Render all Dockerfile layers using DockerfileLayer component
- Pass {{isBold=
{true}
}} prop for base image layers
- Handle loading/error states
- Show empty state if Dockerfile is unavailable
- Add feature flag gating (ROX_BASE_IMAGE_MANAGEMENT)
- Props: {{
{ imageId: string; }
}}
Acceptance Criteria:
- Tab displays full Dockerfile with all layers
- Base image layers are visually highlighted (bolded)
- Empty state shown when Dockerfile not available
- Loading state displays correctly with centered spinner
- Error handling for failed API requests
- Component is self-contained (manages its own data fetching)