Playground: UI Improvements to inline feedback

[DominikRemo]

Motivation and Context

With the upcoming expert evaluation in mind, we want to improve the UX for reading submissions and their inline feedback.

Description

• Enhanced Display for Missing Information: Titles and descriptions that are missing will now be hidden instead of displaying placeholder text like “missing title” or “missing description.” This ensures a cleaner and more professional appearance.
• Improved Feedback Visibility: Feedback from structured grading instructions is now included directly within the feedback item itself. This is in addition to the existing feedback ID displayed in the top right corner, providing clearer and more detailed feedback for users.

Steps for Testing

• Go into evaluation mode.

In Evaluation mode:

• Select a text exercise (preferably with structured grading instructions)
• At the bottom of the evaluation mode panel is a dropdown. You can view the submissions with inline feedbacks there.

Testserver States

Note

These badges show the state of the test servers.
Green = Currently available, Red = Currently locked
Click on the badges to get to the test servers.

Screenshots

After (Manual feedback)

Before (Manual feedback)

---

After (referenced grading instruction)

Before (referenced grading instruction)

---

After (referenced grading instruction + manual feedback)

Before (referenced grading instruction + manual feedback)

[laadvo]

Tested locally, the new inline feedback UI improvements look great and make it a lot clearer :)

[dmytropolityka]

code & tested locally