Add interpretations to linguistic metrics display

app.py

@@ -220,6 +220,19 @@ def build_speech_patterns_display(asr):
         
         kf = asr['kopparapu_features']
         
+        # interpret linguistic metrics
+        cpw = kf['chars_per_word']
+        cpw_interp = 'Complex vocabulary' if cpw > 5.5 else 'Simple vocabulary' if cpw < 4.5 else 'Average'
+        
+        wps = kf['words_per_sec']
+        wps_interp = 'Fast pace' if wps > 3 else 'Slow pace' if wps < 2 else 'Normal pace'
+        
+        fr = kf['filler_rate'] * 100
+        fr_interp = 'High (spontaneous)' if fr > 5 else 'Low (scripted)' if fr < 2 else 'Moderate'
+        
+        rep = kf['repetition_count']
+        rep_interp = 'Multiple (thinking aloud)' if rep > 3 else 'None (prepared)' if rep == 0 else 'Few'
+        
         output += f"""
 <div style="background: linear-gradient(135deg, {class_bg} 0%, white 100%); border-radius: 16px; padding: 24px; margin-bottom: 20px; border: 1px solid {class_color}33;">
     <h3 style="margin: 0; color: {class_color}; font-size: 22px; font-weight: 700;">{classification} SPEECH</h3>
@@ -233,20 +246,24 @@ def build_speech_patterns_display(asr):
     <h4 style="margin: 0 0 16px 0; color: #374151; font-size: 15px; font-weight: 600;">Linguistic Metrics</h4>
     <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;">
         <div style="background: #f9fafb; border-radius: 10px; padding: 14px; text-align: center;">
-            <div style="font-size: 20px; font-weight: 700; color: #6b7280;">{kf['chars_per_word']:.2f}</div>
+            <div style="font-size: 20px; font-weight: 700; color: #374151;">{cpw:.2f}</div>
             <div style="font-size: 11px; color: #6b7280; margin-top: 4px;">Chars/Word</div>
+            <div style="font-size: 10px; color: #9ca3af; margin-top: 2px;">{cpw_interp}</div>
         </div>
         <div style="background: #f9fafb; border-radius: 10px; padding: 14px; text-align: center;">
-            <div style="font-size: 20px; font-weight: 700; color: #6b7280;">{kf['words_per_sec']:.2f}</div>
+            <div style="font-size: 20px; font-weight: 700; color: #374151;">{wps:.2f}</div>
             <div style="font-size: 11px; color: #6b7280; margin-top: 4px;">Words/Sec</div>
+            <div style="font-size: 10px; color: #9ca3af; margin-top: 2px;">{wps_interp}</div>
         </div>
         <div style="background: #f9fafb; border-radius: 10px; padding: 14px; text-align: center;">
-            <div style="font-size: 20px; font-weight: 700; color: #6b7280;">{kf['filler_rate']*100:.1f}%</div>
+            <div style="font-size: 20px; font-weight: 700; color: #374151;">{fr:.1f}%</div>
             <div style="font-size: 11px; color: #6b7280; margin-top: 4px;">Filler Rate</div>
+            <div style="font-size: 10px; color: #9ca3af; margin-top: 2px;">{fr_interp}</div>
         </div>
         <div style="background: #f9fafb; border-radius: 10px; padding: 14px; text-align: center;">
-            <div style="font-size: 20px; font-weight: 700; color: #6b7280;">{kf['repetition_count']}</div>
+            <div style="font-size: 20px; font-weight: 700; color: #374151;">{rep}</div>
             <div style="font-size: 11px; color: #6b7280; margin-top: 4px;">Repetitions</div>
+            <div style="font-size: 10px; color: #9ca3af; margin-top: 2px;">{rep_interp}</div>
         </div>
     </div>
 </div>