compare to chicory-ui

utils.py

@@ -49,10 +49,28 @@ def parse_product_file(file_path):
     
     return product_names
 
-def format_categories_html(product, categories):
-    """Format categories as HTML with color-coded confidence scores"""
+def format_categories_html(product, categories, chicory_result=None):
+    """Format categories as HTML with color-coded confidence scores and optional Chicory comparison"""
     html = f"<div style='margin-bottom: 10px;'><b>{product}</b></div>"
     
+    # Add Chicory result if available
+    if chicory_result:
+        chicory_status = chicory_result.get("status", "UNKNOWN")
+        chicory_confidence = chicory_result.get("confidence", 0)
+        chicory_ingredient = chicory_result.get("ingredient", "Unknown")
+        
+        status_color = "#4caf50" if chicory_status == "SUCCESS" else "#f44336"
+        confidence_color = get_confidence_color(chicory_confidence)
+        
+        html += f"""
+        <div style='margin-bottom: 15px; padding: 10px; background-color: #f5f5f5; border-left: 4px solid {status_color}; border-radius: 4px;'>
+            <div style='font-weight: bold; margin-bottom: 5px;'>Chicory Parser Result:</div>
+            <div>Matched Ingredient: <span style='font-weight: 500;'>{chicory_ingredient}</span></div>
+            <div>Confidence: <span style='color: {confidence_color}; font-weight: bold;'>{chicory_confidence:.3f}</span></div>
+            <div>Status: <span style='color: {status_color};'>{chicory_status}</span></div>
+        </div>
+        """
+    
     if not categories:
         html += "<div style='color: #666; font-style: italic;'>No matching categories found.</div>"
         return html
@@ -60,16 +78,20 @@ def format_categories_html(product, categories):
     html += "<div style='margin-left: 15px;'>"
     for i, (category, score) in enumerate(categories, 1):
         # Color code based on confidence
-        if score >= 0.8:
-            color = "#1a8a38"  # Strong green
-        elif score >= 0.65:
-            color = "#4caf50"  # Medium green
-        elif score >= 0.5:
-            color = "#8bc34a"  # Light green
-        else:
-            color = "#9e9e9e"  # Gray
+        color = get_confidence_color(score)
             
         html += f"<div style='margin-bottom: 5px;'>{i}. <span style='font-weight: 500;'>{category}</span> <span style='color: {color}; font-weight: bold;'>({score:.3f})</span></div>"
     
     html += "</div>"
     return html
+
+def get_confidence_color(score):
+    """Get color based on confidence score"""
+    if score >= 0.8:
+        return "#1a8a38"  # Strong green
+    elif score >= 0.65:
+        return "#4caf50"  # Medium green
+    elif score >= 0.5:
+        return "#8bc34a"  # Light green
+    else:
+        return "#9e9e9e"  # Gray