Skip to content

[OPIK-2986] [FE] Refactor comparison pages to use NavigationTag component#4006

Merged
JetoPistola merged 2 commits intomainfrom
danield/OPIK-2986-navigation-tag-tooltips
Nov 9, 2025
Merged

[OPIK-2986] [FE] Refactor comparison pages to use NavigationTag component#4006
JetoPistola merged 2 commits intomainfrom
danield/OPIK-2986-navigation-tag-tooltips

Conversation

@JetoPistola
Copy link
Copy Markdown
Contributor

@JetoPistola JetoPistola commented Nov 9, 2025

Details

image image

Refactored two comparison pages (CompareExperimentsDetails and CompareTrialsDetails) to use the new NavigationTag component instead of ResourceLink with the asTag prop. This change improves UI consistency and adds tooltip support for navigation tags.

Changes include:

  • Replaced ResourceLink with NavigationTag in CompareExperimentsDetails for dataset and prompt links
  • Replaced ResourceLink with NavigationTag in CompareTrialsDetails for dataset links
  • Removed the asTag prop which is no longer needed with NavigationTag
  • Updated imports to reflect the new component usage

Change checklist

  • User facing
  • Documentation update

Issues

  • OPIK-2986

Testing

Manual testing required:

  • Verify dataset navigation tags display correctly in Compare Experiments page
  • Verify prompt navigation tags display correctly in Compare Experiments page
  • Verify dataset navigation tags display correctly in Compare Trials page
  • Verify tooltip functionality works on all navigation tags
  • Verify clicking tags navigates to the correct resource pages

Documentation

No documentation updates required. This is an internal component refactoring with no API or configuration changes.

…nent

Replace ResourceLink with NavigationTag in CompareExperimentsDetails and CompareTrialsDetails components for improved consistency and tooltip support.

Implements OPIK-2986: navigation-tag-tooltips
Copilot AI review requested due to automatic review settings November 9, 2025 11:45
@JetoPistola JetoPistola requested a review from a team as a code owner November 9, 2025 11:45
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 refactors two comparison pages (CompareExperimentsDetails and CompareTrialsDetails) to use the new NavigationTag component instead of ResourceLink with the asTag prop, improving UI consistency and adding tooltip support for navigation tags.

Key changes:

  • Replaced ResourceLink with NavigationTag component across comparison pages
  • Removed the asTag prop which is no longer needed
  • Updated imports to use NavigationTag while still importing RESOURCE_TYPE from ResourceLink

Reviewed Changes

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

File Description
apps/opik-frontend/src/components/pages/CompareTrialsPage/CompareTrialsDetails/CompareTrialsDetails.tsx Replaced ResourceLink with NavigationTag for dataset links in trials comparison view
apps/opik-frontend/src/components/pages/CompareExperimentsPage/CompareExperimentsDetails/CompareExperimentsDetails.tsx Replaced ResourceLink with NavigationTag for dataset and prompt links in experiments comparison view

@JetoPistola JetoPistola merged commit ba513a9 into main Nov 9, 2025
8 checks passed
@JetoPistola JetoPistola deleted the danield/OPIK-2986-navigation-tag-tooltips branch November 9, 2025 14:23
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)
awkoy pushed a commit that referenced this pull request Nov 12, 2025
…nent (#4006)

Replace ResourceLink with NavigationTag in CompareExperimentsDetails and CompareTrialsDetails components for improved consistency and tooltip support.

Implements OPIK-2986: navigation-tag-tooltips
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