[OPIK-1491] [FE] Make reason field always visible in Annotate

[BorisTkachenko]

Details

This PR makes the reason field always visible in the Annotate viewer instead of requiring users to click a toggle button to show it.

Screen.Recording.2026-01-28.at.15.49.24.mov

Changes:

• Removed the toggle button (MessageSquareMore icon) that previously controlled reason field visibility
• The reason textarea is now always rendered below each feedback score row
• Removed the editReason state and toggleEditReasonHandler function as they're no longer needed
• Adjusted grid layout in FeedbackScoresEditor from 4 columns to 3 columns to account for the removed toggle button column

This improves UX by making the reason field immediately discoverable and accessible without an extra click.

Change checklist

• User facing
• Documentation update

Issues

• OPIK-1491

Testing

• Verify the reason field appears below each feedback score row in the Annotate panel
• Verify reason can be typed, saved, copied, and cleared
• Verify existing reasons are displayed correctly
• Verify the layout looks correct without the toggle button column

Documentation

N/A

[github-actions]

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.9.102-4026 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch boryst/OPIK-1491-fe-make-reason-field-always-visible-in-annotate
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

[CometActions]

❌ Test environment deployment failed

The deployment encountered an error. Please check the deployment logs for details.

[CometActions]

✅ 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

• URL: https://pr-4971.dev.comet.com
• Cluster: comet-ml-development
• Namespace: pr-4971
• Version: 1.9.102-4971-merge-1087
• Application logs: View in Grafana

The deployment has completed successfully and the version has been verified.

[andriidudar]

The code looks good overall — nice work 👍

I did notice one functional issue, though. In some cases the behavior isn’t quite correct. For example, it’s currently possible to type a reason without setting the required value, which can lead to a server error.

To prevent this, it might be better to disable the Reason field until a value is selected.

[github-actions]

🔄 Test environment deployment process has started

Phase 1: Deploying base version 1.9.102-4026 (from main branch) if environment doesn't exist
Phase 2: Building new images from PR branch boryst/OPIK-1491-fe-make-reason-field-always-visible-in-annotate
Phase 3: Will deploy newly built version after build completes

You can monitor the progress here.

[CometActions]

✅ 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

• URL: https://pr-4971.dev.comet.com
• Cluster: comet-ml-development
• Namespace: pr-4971
• Version: 1.9.102-4971-merge-1091
• Application logs: View in Grafana

The deployment has completed successfully and the version has been verified.