Fix(viewer): Allow to peak under 'assistant #num msg' tags

Author: klieret

.cursor/rules/viewer.mdc

@@ -125,3 +125,5 @@ First show the following properties from the `info` section
 
 Then, show all the messages. Each message should be its own block together with the role.
 Because the content can be long, make sure to have a foldout for the content.
+
+**Message Role Badges**: Each message displays a small role badge (e.g., "User #1", "Assistant #2") in the top-right corner. These badges automatically hide on hover over the message block to improve readability and allow users to see text that might be obscured by the badge.

codeclash/viewer/static/css/style.css

@@ -413,6 +413,12 @@ details summary {
   border-radius: 0.25rem;
   border: 1px solid var(--border-color);
   z-index: 1;
+  transition: opacity 0.3s ease;
+}
+
+/* Autohide message role badges on hover to improve readability */
+.message-block:hover .message-role-badge {
+  opacity: 0;
 }
 
 .message-content {