comet-ml
[OPIK-3065] [FE] Update UX for boolean feedback score type
Details
https://github.com/user-attachments/assets/6001bd3f-fb9f-49cd-b755-923734b5ae9a
This PR improves the user experience for boolean feedback scores across the Opik frontend:
UI Improvements
- Boolean type prioritization: Made Boolean the first option in the feedback definition type dropdown and set as the default selection
- Simplified label inputs: Removed example text from "True label" and "False label" input fields for cleaner UI
- Improved value display: Changed separator from "/" to "," in the feedback definitions table (e.g., "Pass, Fail" instead of "Pass / Fail")
- Enhanced table clarity: Updated feedback score cells to display "Label (value)" format for categorical and boolean scores (e.g., "Pass (1)", "Fail (0)"), while numerical scores continue to display just the value
Technical Changes
- Reordered
TYPE_OPTIONSarray to place Boolean first - Updated default feedback definition type from
categoricaltoboolean - Modified label rendering in
BooleanFeedbackDefinitionDetailscomponent - Enhanced
FeedbackScoreCellValueto conditionally display category names with values
Change checklist
- [x] User facing
- [x] Documentation update
Issues
- Resolves #
- OPIK-3065
Testing
- ✅ Manually verified Boolean type appears first in dropdown
- ✅ Confirmed Boolean is pre-selected when creating new feedback definitions
- ✅ Tested label display in feedback definitions table shows comma separator
- ✅ Verified trace/thread tables display "Label (value)" format for boolean/categorical scores
- ✅ All ESLint checks passed
- ✅ TypeScript compilation successful
- ✅ Pre-commit hooks passed
Documentation
No documentation updates required - these are UI-only improvements to existing functionality.
🔄 Test environment deployment started
Building images for PR #4273...
You can monitor the build progress here.
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
✅ Test environment is now available!
Access Information
- URL: https://pr-4273.dev.comet.com
- Cluster: comet-ml-development
- Namespace: pr-4273
- Version: 1.9.34-4273-merge-578
- Application logs: View in Grafana
The deployment has completed successfully and the version has been verified.
🔄 Test environment deployment started
Building images for PR #4273...
You can monitor the build progress here.
✅ Test environment is now available!
Access Information
- URL: https://pr-4273.dev.comet.com
- Cluster: comet-ml-development
- Namespace: pr-4273
- Version: 1.9.34-4273-merge-599
- Application logs: View in Grafana
The deployment has completed successfully and the version has been verified.