(FEAT): Add utilities for confidence calculation and visualization

- Implement `calculate_softmax_confidence` to compute probabilities, max confidence, and confidence levels using softmax.
- Add `get_confidence_badge` for generating emoji and level descriptions based on confidence values.
- Create `format_confidence_display` for formatting confidence strings for UI.
- Add `create_confidence_progress_html` to generate HTML-based progress bars for confidence breakdown.
- Include `calculate_legacy_confidence` for backward compatibility with margin-based confidence calculations.
- Provide color-coded and visually appealing confidence indicators for better user experience.

utils/confidence.py

@@ -100,25 +100,25 @@ def create_confidence_progress_html(
             color = "#e5e7eb"  # gray-200
             text_color = "#6b7280"  # gray-500
 
-            percentage = prob * 100
+        percentage = prob * 100
 
-            html_parts.append(f"""
-            <div style="margin-bottom: 8px;">
-                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
-                    <span style="font-size: 0.875rem; font-weight: 500; color: #374151;">{label}</span>
-                    <span style="font-size: 0.875rem; color: #6b7280;">{percentage:.1f}%</span>
-                </div>
-                <div style="width: 100%; background-color: #f3f4f6; border-radius: 0.375rem; height: 20px; overflow: hidden;">
-                    <div style="
-                        width: {percentage}%; 
-                        height: 100%; 
-                        background-color: {color}; 
-                        display: flex; 
-                        align-items: center; 
-                        justify-content: center;
-                        transition: width 0.3s ease;
-                    ">
-                        {f'<span style="color: {text_color}; font-size: 0.75rem; font-weight: 600;">{percentage:.1f}%</span>' if percentage > 20 else ''}
+        html_parts.append(f"""
+        <div style="margin-bottom: 8px;">
+            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
+                <span style="font-size: 0.875rem; font-weight: 500; color: #374151;">{label}</span>
+                <span style="font-size: 0.875rem; color: #6b7280;">{percentage:.1f}%</span>
+            </div>
+            <div style="width: 100%; background-color: #f3f4f6; border-radius: 0.375rem; height: 20px; overflow: hidden;">
+                <div style="
+                    width: {percentage}%; 
+                    height: 100%; 
+                    background-color: {color}; 
+                    display: flex; 
+                    align-items: center; 
+                    justify-content: center;
+                    transition: width 0.3s ease;
+                ">
+                    {f'<span style="color: {text_color}; font-size: 0.75rem; font-weight: 600;">{percentage:.1f}%</span>' if percentage > 20 else ''}
                 </div>
             </div>
         </div>