Amélioration contraste mobile, traçabilité des IA et filtrage catalogue

modules/ui_components.py

@@ -17,14 +17,22 @@ def get_openrouter_stats():
 def render_user_msg(text):
     return Div(P(text, style="margin:0; font-weight:bold; white-space: pre-wrap;"), cls="user-bubble")
 
-def render_ai_msg(text, intention, nom_fournisseur, nom_modele, couleur, execution_time=None):
+def render_ai_msg(text, intention, nom_fournisseur, nom_modele, couleur, execution_time=None, trace=None):
     time_badge = Span(f"⏱️ {execution_time}s", style="margin-right: 10px; color:#aaa; font-size:0.8em;") if execution_time else ""
+    
+    # Construction de la trace visuelle si elle existe
+    trace_html = ""
+    if trace and isinstance(trace, list):
+        badges = [Span(t, style="font-size:0.75em; background:#222; padding:2px 6px; border-radius:4px; border:1px solid #444;") for t in trace]
+        trace_html = Div(Span("Route : ", style="color:#888; font-size:0.75em;"), *badges, style="display:flex; gap:5px; align-items:center; margin-bottom:8px; flex-wrap:wrap;")
+
     encart_info = Div(
         Span(f"🎯 {intention}", style="margin-right: 10px; color:#aaa; font-size:0.8em;"),
         Span(f"🏢 {nom_fournisseur}", style="margin-right: 10px; color:#aaa; font-size:0.8em;"),
         Span(f"🧠 {nom_modele}", style=f"margin-right: 10px; color:{couleur}; font-weight:bold; font-size:0.8em;"),
-        time_badge, style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; display: flex; flex-wrap: wrap; gap: 5px;"
+        time_badge, style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 5px;"
     )
+    
     actions = Div(
         Button("📄 PDF", onclick="downloadResponsePDF(this)", cls="msg-action-btn", title="Télécharger en PDF"),
         Button("📘 DOC", onclick="downloadResponseDOC(this)", cls="msg-action-btn", title="Télécharger en Word"),
@@ -34,7 +42,16 @@ def render_ai_msg(text, intention, nom_fournisseur, nom_modele, couleur, executi
         Button("📧 Email", onclick="shareEmail(this)", cls="msg-action-btn", title="Envoyer par courriel"),
         cls="msg-actions"
     )
-    return Div(encart_info, Div(text, cls="markdown-raw", style="display:none;"), Div(cls="markdown-rendered", style="line-height: 1.6;"), actions, cls="ai-bubble", style=f"border-left: 4px solid {couleur};")
+    
+    return Div(
+        trace_html, # Affichage du chemin de routage
+        encart_info,
+        Div(text, cls="markdown-raw", style="display:none;"),
+        Div(cls="markdown-rendered", style="line-height: 1.6;"),
+        actions,
+        cls="ai-bubble", 
+        style=f"border-left: 4px solid {couleur};"
+    )
 
 def render_sidebar():
     history = load_history()
@@ -50,8 +67,18 @@ def render_main_page(chat_id, utilisateur_nom="xavier", role="Super Admin"):
     messages_ui = []
     if chat_id in history:
         for msg in history[chat_id].get('messages', []):
-            if msg['role'] == 'user': messages_ui.append(render_user_msg(msg['content']))
-            else: messages_ui.append(render_ai_msg(msg['content'], msg.get('intention', ''), msg.get('fournisseur', ''), msg.get('modele', ''), msg.get('couleur', '#333'), msg.get('execution_time', '')))
+            if msg['role'] == 'user': 
+                messages_ui.append(render_user_msg(msg['content']))
+            else: 
+                messages_ui.append(render_ai_msg(
+                    msg['content'], 
+                    msg.get('intention', ''), 
+                    msg.get('fournisseur', ''), 
+                    msg.get('modele', ''), 
+                    msg.get('couleur', '#333'), 
+                    msg.get('execution_time', ''),
+                    msg.get('trace', []) # <--- C'est ici qu'on transmet la trace aux anciens messages !
+                ))
     if messages_ui: messages_ui.append(Script("setTimeout(renderMarkdown, 150);"))
 
     auto_refresh_script = Script('''