Include tooltips to the answers.

src/streamlit_app.py

@@ -75,10 +75,95 @@ ASSESSMENT_TO_SCORE = {
     "Irrelevant / NA": "NA"
 }
 
+# Score explanations from annotation guide
+SCORE_EXPLANATIONS = {
+    "Perfect": "Only when truly flawless. The answer is legally accurate, well-stated, and appropriate for legal education. It correctly explains the legal principle, rule, or concept without any discernible errors or misleading statements.",
+    "Mostly correct": "One very small issue or slightly awkward phrasing. The answer is generally accurate but contains minor inaccuracies, imprecise language, or could be more precise. The core legal content is correct, but there are small issues that could be improved for educational purposes.",
+    "Noticeably flawed": "Clear error but main idea still ok. The answer contains significant errors that substantially affect its accuracy. While not completely wrong, there are important mistakes in legal reasoning, application of law, or factual statements that would confuse or mislead students.",
+    "Seriously wrong": "Hallucination, wrong format, meaningless, etc. The answer contains fundamental legal errors that completely misrepresent the law, legal principle, or legal concept. The answer would mislead a student and is factually wrong at its core.",
+    "Irrelevant / NA": "The answer explicitly indicates that the information is unknown, unavailable, or not relevant to the question. This is appropriate when the AI correctly identifies that it cannot provide an answer."
+}
+
 def format_snake_case(text):
     """Convert snake_case to Title Case"""
     return ' '.join(word.capitalize() for word in text.split('_'))
 
+def inject_tooltip_css():
+    """Inject CSS and JavaScript to add tooltips to radio button labels"""
+    tooltip_css_js = f"""
+    <style>
+    /* Tooltip container */
+    .stRadio > div > label {{
+        position: relative;
+        cursor: help;
+    }}
+    
+    /* Tooltip text */
+    .stRadio > div > label[data-tooltip]:hover::after {{
+        content: attr(data-tooltip);
+        position: absolute;
+        left: 100%;
+        top: 50%;
+        transform: translateY(-50%);
+        margin-left: 10px;
+        padding: 8px 12px;
+        background-color: #333;
+        color: #fff;
+        border-radius: 4px;
+        white-space: normal;
+        width: 300px;
+        z-index: 1000;
+        font-size: 12px;
+        line-height: 1.4;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+        pointer-events: none;
+    }}
+    
+    /* Tooltip arrow */
+    .stRadio > div > label[data-tooltip]:hover::before {{
+        content: '';
+        position: absolute;
+        left: 100%;
+        top: 50%;
+        transform: translateY(-50%);
+        margin-left: 4px;
+        border: 6px solid transparent;
+        border-right-color: #333;
+        z-index: 1001;
+        pointer-events: none;
+    }}
+    </style>
+    <script>
+    (function() {{
+        // Wait for Streamlit to render radio buttons
+        function addTooltips() {{
+            const scoreExplanations = {json.dumps(SCORE_EXPLANATIONS)};
+            const radioLabels = document.querySelectorAll('.stRadio > div > label');
+            
+            radioLabels.forEach(label => {{
+                const labelText = label.textContent.trim();
+                if (scoreExplanations[labelText]) {{
+                    label.setAttribute('data-tooltip', scoreExplanations[labelText]);
+                    label.style.cursor = 'help';
+                }}
+            }});
+        }}
+        
+        // Run on page load
+        if (document.readyState === 'loading') {{
+            document.addEventListener('DOMContentLoaded', addTooltips);
+        }} else {{
+            addTooltips();
+        }}
+        
+        // Also run after Streamlit reruns (using MutationObserver)
+        const observer = new MutationObserver(addTooltips);
+        observer.observe(document.body, {{ childList: true, subtree: true }});
+    }})();
+    </script>
+    """
+    st.markdown(tooltip_css_js, unsafe_allow_html=True)
+
 def hash_password(password):
     """Hash a password using SHA256"""
     return hashlib.sha256(password.encode()).hexdigest()
@@ -762,6 +847,9 @@ elif st.session_state.logged_in:
         changes_info = []  # Store info about changes for display
         selected_values = {}  # Store all selected values for validation
         
+        # Inject tooltip CSS and JavaScript for score explanations
+        inject_tooltip_css()
+        
         for i, subcat in enumerate(category.subcategories):
             st.markdown(f"**Subcategory: {subcat.formatted_name}**")