Show devfile description on hover in dropdown

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Problem

Currently, when hovering over devfile dropdown items, users only see limited information. The devfile specification includes a metadata.description field that could provide valuable context about each devfile's purpose and use case, but this information is not displayed in the UI.

Proposed Solution

Display the devfile's metadata.description field as a tooltip when users hover over items in the devfile dropdown menu. This provides immediate context without requiring users to open each file.

Business Impact

• Reduced Time to Productivity: Developers spend unnecessary time opening and examining devfiles to understand their purpose, delaying project setup and onboarding
• Increased Configuration Errors: Without clear context, developers may choose inappropriate devfiles, leading to rework and debugging time
• Higher Training Costs: New team members require additional guidance to understand available development environments
• Support Overhead: Lack of self-service information generates more questions to senior developers and support teams

Example

When hovering over a devfile named "Node.js Express API":

Tooltip: "A development environment for building REST APIs with Node.js, Express, and MongoDB"