[OPIK-6639] [FE] feat: revamp experiment details top section#6975
[OPIK-6639] [FE] feat: revamp experiment details top section#6975andriidudar wants to merge 1 commit into
Conversation
- Add shared BackButton; add back action to experiment and prompt headers
- Move Compare to header top-right; remove it from the items toolbar and Insights tab
- Rename "Experiment items" tab to "Results"; switch tabs to segmented-primary
- Redesign resource nav chips (ResourceLink/NavigationTag): trailing arrow,
optional prefix/suffix, drop per-resource leading icon and color
- Add "Dataset:"/"Prompt:"/"Project:" prefixes on named-resource chips
- Restyle DateTag (History icon, foreground) and the logs chip ("Logs ↗")
- Purple experiment header tags; align metadata-row icons
- Inline experiment color in ExperimentTag; remove dead icon/color from RESOURCE_MAP
Co-Authored-By: Claude Opus 4.8 <[email protected]>
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
|
❌ Test environment deployment failed The deployment encountered an error. Please check the deployment logs for details. |
andriidudar
added
test-environment
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
andriidudar
force-pushed
the
andriid/OPIK-6639-improve-child-page-top-sections
branch
from
67c38a9 to
48d789f
Compare
![baz-reviewer[bot]](https://avatars.githubusercontent.com/in/933528?s=60&v=4){kind=small}
|
❌ Test environment deployment failed The deployment encountered an error. Please check the deployment logs for details. |
|
❌ Test environment deployment failed The deployment encountered an error. Please check the deployment logs for details. |
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
|
❌ Test environment deployment failed The deployment encountered an error. Please check the deployment logs for details. |
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
|
❌ Test environment deployment failed The deployment encountered an error. Please check the deployment logs for details. |
obezpalko
added
test-environment
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
obezpalko
added
test-environment
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
|
✅ Test environment is now available! To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml) Access Information
The deployment has completed successfully and the version has been verified. |
|
❌ Test environment deployment failed The deployment encountered an error. Please check the deployment logs for details. |
andriidudar
added
test-environment
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
|
✅ Test environment is now available! To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml) Access Information
The deployment has completed successfully and the version has been verified. |
|
🌙 Nightly cleanup: The test environment for this PR ( |
|
🌙 Nightly cleanup: The test environment for this PR ( |
1 similar comment
|
🌙 Nightly cleanup: The test environment for this PR ( |
|
🔄 Test environment deployment process has started Phase 1: Deploying base version You can monitor the progress here. |
|
✅ Test environment is now available! To configure additional Environment variables for your environment, run [Deploy Opik AdHoc Environment workflow] (https://github.com/comet-ml/comet-deployment/actions/workflows/deploy_opik_adhoc_env.yaml) Access Information
The deployment has completed successfully and the version has been verified. |
|
🌙 Nightly cleanup: The test environment for this PR ( |
|
🌙 Nightly cleanup: The test environment for this PR ( |
3 participants
Details
Revamp the top section of the Experiment details page to match the updated design: add a back action, move the primary action to the header, and align the metadata-row chips/tabs with Figma. Most styling lives in shared components so the new look is consistent across child pages.
BackButton; add the back action to the Experiment (and Prompt) detail headersCompareto the header top-right; remove it from the items toolbar and the Insights tabExperiment itemstab toResults; switch the tab style tosegmented-primaryResourceLink/NavigationTag): trailing↗, optionalprefix/suffix, drop the per-resource leading icon and colorDataset:/Prompt:/Project:prefixes on named-resource chips (and keep the dataset version viasuffix)DateTag(History icon, foreground) and the logs chip (Logs ↗); purple experiment-header tagsExperimentTag; remove now-deadicon/colorfromRESOURCE_MAPChange checklist
Issues
AI-WATERMARK
AI-WATERMARK: yes
Testing
npm run typecheck(clean) andeslinton all changed files (clean)Resultstab + active pill,Dataset:/Prompt:/Logs ↗chips, version badge, purple tagsDocumentation
N/A