hover effect

interfaces/cap_minor.py

@@ -108,7 +108,10 @@ def predict(text, model_id, tokenizer_id):
         html += f"""
         <div style="height: 4px; background-color: green; width: {bar_width}%; margin-bottom: 8px;"></div>
         <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
-            <span style="color: {text_color};">{label} — {int(prob * 100)}%</span>
+            <span style="color: {text_color}; transition: background-color 0.3s, color 0.3s; padding: 2px;" 
+            onmouseover="this.style.backgroundColor='orange'; this.style.color='white'" 
+            onmouseout="this.style.backgroundColor='transparent'; this.style.color='{text_color}'"
+                ">{label} — {int(prob * 100)}%</span>
         </div>
         """
         first = False