Skip to content

[OPIK-2993] [FE] Add additional tooltips#4007

Merged
JetoPistola merged 1 commit intomainfrom
danield/OPIK-2993-add-additional-tooltips
Nov 9, 2025
Merged

[OPIK-2993] [FE] Add additional tooltips#4007
JetoPistola merged 1 commit intomainfrom
danield/OPIK-2993-add-additional-tooltips

Conversation

@JetoPistola
Copy link
Copy Markdown
Contributor

@JetoPistola JetoPistola commented Nov 9, 2025

Details

This PR adds tooltips to improve user experience by providing hover text for icon elements in the Opik UI. The changes enhance UI clarity without affecting functionality.

Implementation:

  • Added TooltipWrapper component to wrap icon elements in two locations:
    • Feedback scores icon (PenLine) in CompareExperimentsDetails component with tooltip text "Feedback scores"
    • Tags list icon (Tag) in TagListRenderer component with tooltip text "Tags list"

Changes:

  • Modified CompareExperimentsDetails.tsx: Added tooltip to feedback scores icon
  • Modified TagListRenderer.tsx: Added tooltip to tags list icon

Change checklist

  • User facing
  • Documentation update

Issues

  • OPIK-2993

Testing

Manual Testing:

  • Hover over the feedback scores icon in the Compare Experiments page to see the "Feedback scores" tooltip
  • Hover over the tags icon in any component using TagListRenderer to see the "Tags list" tooltip
  • Verify tooltips appear with correct text and styling
  • Ensure no regression in existing functionality

Documentation

N/A - Minor UI enhancement requiring no documentation updates.

Added TooltipWrapper component to provide hover text for:
- Feedback scores icon (PenLine) in CompareExperimentsDetails
- Tags list icon (Tag) in TagListRenderer

Implements OPIK-2993: Add additional tooltips
@JetoPistola JetoPistola requested a review from a team as a code owner November 9, 2025 12:17
Copilot AI review requested due to automatic review settings November 9, 2025 12:17
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR enhances the Opik frontend UI by adding tooltips to two icon elements, improving user experience by providing contextual information on hover without changing any functionality.

Key Changes

  • Added TooltipWrapper import and implementation in two components
  • Wrapped icon elements with tooltips to display descriptive text on hover

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
TagListRenderer.tsx Added "Tags list" tooltip to the Tag icon
CompareExperimentsDetails.tsx Added "Feedback scores" tooltip to the PenLine icon

@JetoPistola JetoPistola merged commit 94decf4 into main Nov 9, 2025
13 checks passed
@JetoPistola JetoPistola deleted the danield/OPIK-2993-add-additional-tooltips branch November 9, 2025 13:07
vincentkoc added a commit that referenced this pull request Nov 10, 2025
 into feat/optimizer-hybrid

* 'feat/optimizer-hybrid' of https://github.com/comet-ml/opik:
  [OPIK-2986] [FE] Refactor comparison pages to use NavigationTag component (#4006)
  [OPIK-2992] [FE] Add tooltips to DateTag component (#4005)
  [OPIK-2993] [FE] Add tooltips to feedback scores and tags icons (#4007)
  [OPIK-3008] [FE] Refactor: NavigationTag infrastructure (#3972)
vincentkoc added a commit that referenced this pull request Nov 10, 2025
 into vk/optimizer-oa_agent

* 'vk/optimizer-oa_agent' of https://github.com/comet-ml/opik:
  [issue-2520] [SDK] Added Sycophancy Evaluation Metric (#2624)
  [OPIK-2986] [FE] Refactor comparison pages to use NavigationTag component (#4006)
  [OPIK-2992] [FE] Add tooltips to DateTag component (#4005)
  [OPIK-2993] [FE] Add tooltips to feedback scores and tags icons (#4007)
  [OPIK-3008] [FE] Refactor: NavigationTag infrastructure (#3972)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants