Update app.py

app.py

@@ -796,6 +796,7 @@ def create_interface():
         5. **⚙️ Adjust confidence threshold** 
         6. **🔍 Click "Analyse Text"** to see results
                 (NB: common/custom entities which overlap are shown with split-colour highlighting)
+        7. **🔄 Refresh the page** to try again with new text
         """)
         # Add tip box
         gr.HTML("""
@@ -826,7 +827,7 @@ def create_interface():
                 gr.HTML("""
                 <details style="margin: 10px 0; padding: 10px; background-color: #f0f9ff; border-radius: 8px; border: 1px solid #bee3f8;">
                     <summary style="cursor: pointer; font-weight: bold; padding: 5px; color: #2563eb;">
-                        ℹ️ What does Confidence Threshold mean?
+                        ℹ️ Understanding Confidence Threshold
                     </summary>
                     <div style="margin-top: 10px; padding: 10px; font-size: 14px;">
                         <p style="margin: 0 0 10px 0;">The <strong>confidence threshold</strong> controls how certain the model needs to be before identifying an entity:</p>
@@ -835,7 +836,7 @@ def create_interface():
                             <li><strong>Medium values (0.4-0.6):</strong> Balanced detection with moderate confidence</li>
                             <li><strong>Higher values (0.7-0.9):</strong> Only highly confident entities detected, may miss some valid entities</li>
                         </ul>
-                        <p style="margin: 10px 0 0 0; font-style: italic;">Start with 0.3 for comprehensive detection, then adjust based on your needs.</p>
+                        <p style="margin: 10px 0 0 0; font-style: italic;"><strong>Top Tip:</strong> Start with 0.3 for comprehensive detection, then adjust based on your needs.</p>
                     </div>
                 </details>
                 """)
@@ -985,9 +986,9 @@ def create_interface():
         
         # Updated examples text
         gr.Markdown("""
-        ### No example text to test? No problem!
+        ### 💡 No example text to test? No problem!
         Simply click on one of the examples provided below, and the fields will be populated for you.
-        """)
+        """, elem_id="examples-heading")
         
         gr.Examples(
             examples=[
@@ -1019,9 +1020,29 @@ def create_interface():
                 custom_entities,
                 confidence_threshold,
                 model_dropdown
-            ]
+            ],
+            label="Examples"
         )
         
+        # Add custom CSS to make Examples label black
+        gr.HTML("""
+        <style>
+            /* Make the Examples label text black */
+            .gradio-examples-label {
+                color: black !important;
+            }
+            /* Also target the label more specifically if needed */
+            h4.examples-label, .examples-label {
+                color: black !important;
+            }
+            /* Override any link colors in the examples section */
+            #examples-heading + div label,
+            #examples-heading + div .label-text {
+                color: black !important;
+            }
+        </style>
+        """)
+        
         # Add model information links
         gr.HTML("""
         <hr style="margin-top: 40px; margin-bottom: 20px;">
@@ -1063,8 +1084,8 @@ def create_interface():
         funded research project:<br>
         <em>Extracting Keywords from Crowdsourced Collections</em>.
     </p>
-    <p style="font-size: 14px; line-height: 1.8; margin: 0;">
-    The code for this tool was built with the aid of Claude Opus 4.
+    <p style="font-size: 14px; line-height: 1.8; margin: 0;"><p>
+    The code for this tool was built with the aid of Claude Opus 4.</p>
     </p>
 </div>
                 """)