elastic/kibana

[Enhancement]: Tooltip names should be provided for integration name on Agent detail page.

Open

#108,350 opened on Aug 12, 2021

View on GitHub
 (4 comments) (0 reactions) (0 assignees)TypeScript (19,065 stars) (8,021 forks)batch import
Team:Fleetenhancementgood first issue

Description

Kibana version:* 8.0 snapshot Kibana cloud-qa environment

Browser version: Chrome Host OS: Windows 10.

Preconditions:

  1. 8.0 snapshot Kibana cloud-qa environment should be available.

Build Details:

BUILD 45032
COMMIT 9d42d670e1676a622d7ee7d4d564c4d7dc3973e8

Steps to reproduce: - Login to Kibana. - Navigate to Agent detail page. - Now go Integration section. - Observe, no tooltip is provided for integration name.

Enhancement:

  • It will help to read out long integrations names.

Screenshot: image

Policy detail page: image

Contributor guide

Tech stack
typescriptreacthtmlcss
Domain
frontendaccessibility
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React basicsKibana development setup
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85
Research direction
Find the Agent detail page component in the Kibana codebase, likely under x pack/plugins/fleet. Identify the integration name display element and add a tooltip using EuiToolTip from Elastic UI. Ensure the tooltip shows the full integration name. Check similar components for existing tooltip usage to maintain consistency.