-
[OPIK-6639] [FE] feat: revamp child-page top sections (experiment, dataset, test suite) (#7254)
frostbyte_neo 发布于
2026-06-29 10:48:26 +00:00 - [OPIK-6639] [FE] feat: revamp experiment details top section
- 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 noreply@anthropic.com
-
UX feedback fixes
-
[OPIK-6639] [FE] feat: revamp dataset & test-suite detail top sections
- Back action, "Records"/"Test cases" tabs (segmented-primary), title alignment
- Metadata row: gray-dot version pill, bordered assertions pill, 6px gap, tags on their own line, green tags, gray version tags
- Move primary actions into the header ("Expand with AI", "Run in", "Record"/"Test case"); lift the add/expand flow to the page (header is presentational)
- Rename the item unit to "record" (datasets) / "test case" (test suites) across the add/edit/delete dialogs, the kebab menu, and the empty state
Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
- fix(experiments): drop unused CompareExperimentsActionsPanel import
The actions panel was intentionally removed from the feedback scores tab
during UX feedback fixes, but the import was left behind, failing lint
(no-unused-vars).Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
- fix(experiments): restore deleted dataset/test-suite chip in compare header
Guarding on experiment.dataset_name hid the chip entirely for experiments
whose dataset/test suite was deleted. Guard only on dataset_id and let
ResourceLink render its dimmed, non-clickable "Deleted dataset" /
"Deleted test suite" fallback for an absent name (matches prior behavior).Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
- fix(datasets): guard add-item flow until dataset query resolves
While useDatasetById is loading, dataset is undefined, so the empty-count
check defaulted to 0 and clicking Add could open the empty-state dialog on
a non-empty dataset. No-op handleAddItem until the dataset is loaded.Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
- fix(datasets): disable Add/Expand actions while dataset is loading
Rather than silently no-op the click, disable the header Add and
Expand-with-AI buttons until useDatasetById resolves, so the not-ready
state is communicated. The handleAddItem guard remains as a backstop for
the empty-state CTA, which calls the same handler.Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
- fix(fe): refine child-page detail headers per UX feedback
- 16px title (comet-body-accented) to match other pages
- dataset/test-suite description moves to its own row with a leading
icon and a single-line "Show more" expander - Expand with AI / Run in / Test settings become icon buttons with
hover tooltips; primary Add stays labeled - fix Run-in tooltip lingering while the menu is open and after it closes
Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
Co-authored-by: Claude Opus 4.8 noreply@anthropic.com
下载附件