Update app.py

app.py

@@ -16,7 +16,7 @@ import plotly.io as pio
 VB_CSS = r"""
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
 
-/* Variables Gradio (force clair + accents violet/cyan) */
+/* ---------- Variables Gradio (écrasent les thèmes host) ---------- */
 :root{
   --body-background-fill:#F8FAFC;
   --panel-background-fill:#FFFFFF;
@@ -29,21 +29,25 @@ VB_CSS = r"""
   --radius-lg:14px;
   --shadow-drop: 0 10px 26px rgba(2,6,23,.08);
 
+  /* Accent (pas d’orange) */
   --color-accent:#7C3AED;
   --color-accent-soft:#EDE9FE;
   --button-primary-background-fill:#7C3AED;
   --button-primary-text-color:#ffffff;
 
+  /* Inputs */
   --input-background-fill:#FFFFFF;
   --input-border-color:#E2E8F0;
   --input-text-color:#0F172A;
   --input-placeholder-color:#6B7280;
 
+  /* Tables */
   --table-row-background-fill:#FFFFFF;
   --table-row-text-color:#0F172A;
   --table-border-color:#E2E8F0;
 }
 
+/* Palette dégradé violet → cyan */
 :root{
   --vb-bg:#F8FAFC;
   --vb-card:#FFFFFF;
@@ -59,6 +63,7 @@ VB_CSS = r"""
   --vb-shadow:0 10px 26px rgba(2,6,23,.08);
 }
 
+/* Forcer un look clair */
 * { color-scheme: light !important; }
 html,body,.gradio-container{
   background:var(--vb-bg) !important;
@@ -98,7 +103,7 @@ html,body,.gradio-container{
   box-shadow:var(--vb-shadow);
 }
 
-/* ---------- Labels / rubans ---------- */
+/* ---------- Labels / rubans (supprime les pills noires) ---------- */
 .gradio-container [data-testid="block-label"],
 .gradio-container .component-label,
 .gradio-container .label,
@@ -111,6 +116,8 @@ html,body,.gradio-container{
   border:none !important;
   padding:0 !important;
 }
+
+/* Ribbons collés en haut à gauche (bg-* neutral/gray…) */
 .gradio-container .wrap > div[class*="absolute"][class*="top-0"][class*="left-0"],
 .gradio-container [class*="absolute"][class*="top-0"][class*="left-0"][class*="rounded-b"],
 .gradio-container [class*="absolute"][class*="top-0"][class*="left-0"][class*="rounded-br"]{
@@ -120,7 +127,7 @@ html,body,.gradio-container{
   border:none !important;
 }
 
-/* ---------- Onglets ---------- */
+/* ---------- Onglets / pagination internes (DataFrame, etc.) ---------- */
 .gradio-container [role="tablist"],
 .gradio-container [role="tab"]{
   background:#fff !important;
@@ -131,6 +138,7 @@ html,body,.gradio-container{
 .gradio-container [role="tab"][aria-selected="true"]{
   background:linear-gradient(90deg, rgba(124,58,237,.12), rgba(6,182,212,.12)) !important;
   color:#0F172A !important;
+  border-color:var(--vb-border) !important;
 }
 
 /* ---------- Textes ---------- */
@@ -162,23 +170,9 @@ html,body,.gradio-container{
   box-shadow:0 0 0 2px rgba(124,58,237,.35), 0 0 0 4px rgba(6,182,212,.25) !important;
 }
 
-/* ---------- Checkboxes (même couleur que le bouton) ---------- */
-/* Fallback simple */
-.gradio-container input[type="checkbox"]{
-  accent-color: var(--vb-primary) !important;
-}
-/* État coché : on superpose l'icône + le dégradé violet→cyan */
-.gradio-container input[type="checkbox"]:checked{
-  background-image: var(--checkbox-check), linear-gradient(90deg, var(--vb-primary), var(--vb-primary-2)) !important;
-  background-repeat: no-repeat, no-repeat !important;
-  background-position: center center, center center !important;
-  border-color: var(--vb-primary) !important;
-}
-/* Focus & hover cohérents */
-.gradio-container input[type="checkbox"]:focus-visible{
-  outline: none !important;
-  box-shadow: 0 0 0 2px rgba(124,58,237,.35), 0 0 0 4px rgba(6,182,212,.25) !important;
-}
+/* Checkboxes / radios */
+.gradio-container input[type="checkbox"],
+.gradio-container input[type="radio"]{ accent-color:var(--vb-primary) !important }
 
 /* ---------- Sliders ---------- */
 .gradio-container .noUi-target{
@@ -205,30 +199,22 @@ html,body,.gradio-container{
 }
 .gradio-container .vb-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
 
-/* ---------- DataFrames / Tables (anti-bandes noires) ---------- */
-.gradio-container .table,
-.gradio-container .table * ,
-.gradio-container .svelte-virtual-table-viewport,
-.gradio-container .table-wrap{
-  background:#fff !important;
-  color:#0F172A !important;
-  border-color:#E2E8F0 !important;
+/* ---------- DataFrames / Tables ---------- */
+.gradio-container [data-testid="dataframe"]{
+  background:#fff !important; border:1px solid var(--vb-border) !important; border-radius:var(--vb-radius) !important;
 }
-.gradio-container .table thead,
-.gradio-container .table thead tr,
-.gradio-container .table thead th{
+.gradio-container [data-testid="dataframe"] *{
+  background:#fff !important; color:#0F172A !important; border-color:#E2E8F0 !important;
+}
+.gradio-container thead th{
   background:linear-gradient(90deg, rgba(124,58,237,.12), rgba(6,182,212,.12)) !important;
-  color:#0F172A !important; border-bottom:1px solid #E2E8F0 !important;
+  color:#111827 !important; font-weight:800 !important; border-bottom:1px solid var(--vb-border) !important;
 }
-.gradio-container .table thead th .header-button,
-.gradio-container .table thead th [class*="header-button"],
-.gradio-container .header-button{
-  background:transparent !important; color:#0F172A !important;
-  box-shadow:none !important; border:none !important;
+.gradio-container td, .gradio-container th{
+  padding:10px !important; border-bottom:1px solid #F1F5F9 !important;
 }
-.gradio-container .table caption{color:#0F172A !important}
 
-/* ---------- Files ---------- */
+/* ---------- Fichiers (gr.Files) ---------- */
 .gradio-container [class*="file"]{
   background:#fff !important; color:#0F172A !important;
   border-color:var(--vb-border) !important;
@@ -271,6 +257,7 @@ LOGO_SVG = """<svg xmlns='http://www.w3.org/2000/svg' width='224' height='38' vi
 </svg>"""
 
 # ====================== UNIDECODE (fallback) ======================
+
 try:
     from unidecode import unidecode
 except Exception:
@@ -282,6 +269,7 @@ except Exception:
             return str(x)
 
 # ====================== THÉSAURUS ASSURANCE ======================
+
 THEMES = {
     "Remboursements santé":[r"\bremboursement[s]?\b", r"\bt[eé]l[eé]transmission\b", r"\bno[eé]mie\b",
         r"\bprise\s*en\s*charge[s]?\b", r"\btaux\s+de\s+remboursement[s]?\b", r"\b(ameli|cpam)\b",
@@ -313,6 +301,7 @@ THEMES = {
 }
 
 # ====================== SENTIMENT (règles) ======================
+
 POS_WORDS = {"bien":1.0,"super":1.2,"parfait":1.4,"excellent":1.5,"ravi":1.2,"satisfait":1.0,
              "rapide":0.8,"efficace":1.0,"fiable":1.0,"simple":0.8,"facile":0.8,"clair":0.8,"conforme":0.8,
              "sympa":0.8,"professionnel":1.0,"réactif":1.0,"reactif":1.0,"compétent":1.0,"competent":1.0,
@@ -327,6 +316,7 @@ DIMINISHERS  = [r"\bun[e]?\s+peu\b", r"\bassez\b", r"\bplut[oô]t\b", r"\bl[eé]
 INTENSIFIER_W, DIMINISHER_W = 1.5, 0.7
 
 # ====================== OpenAI (optionnel) ======================
+
 OPENAI_AVAILABLE = False
 try:
   from openai import OpenAI
@@ -336,6 +326,7 @@ except Exception:
   OPENAI_AVAILABLE = False
 
 # ====================== UTILS ======================
+
 def normalize(t:str)->str:
     if not isinstance(t,str): return ""
     return re.sub(r"\s+"," ",t.strip())
@@ -460,6 +451,7 @@ def infer_nps_from_sentiment(label: str, score: float) -> int:
     return 8 if score >= 0 else 7
 
 # ====================== GRAPHIQUES ======================
+
 def fig_nps_gauge(nps: Optional[float]) -> go.Figure:
     v = 0.0 if nps is None else float(nps)
     return go.Figure(go.Indicator(mode="gauge+number", value=v,
@@ -485,6 +477,7 @@ def fig_theme_balance(themes_df: pd.DataFrame, k: int) -> go.Figure:
     fig.update_layout(xaxis_tickangle=-30); return fig
 
 # ====================== ANALYSE ======================
+
 def analyze_text(pasted_txt, has_sc, sep_chr,
                  do_anonymize, use_oa_sent, use_oa_themes, use_oa_summary,
                  oa_model, oa_temp, top_k):
@@ -584,7 +577,7 @@ def analyze_text(pasted_txt, has_sc, sep_chr,
     nps_label = "NPS global (inféré)" if any_inferred else "NPS global"
     lines=[ "# Synthèse NPS & ressentis clients",
             f"- **Méthode** : {method}",
-            f"- **{nps_label}** : {nps:.1f}" if nps is not None else f"- **{nps_label}** : n/a" ]
+            f"- **{nps_label}** : {nps:.1f}" if nps is not None else f"- **{npslabel}** : n/a" ]
     if dist:
         tot=sum(dist.values()); pos=dist.get("positive",0); neg=dist.get("negatif",0); neu=dist.get("neutre",0)
         lines.append(f"- **Répartition émotions** : positive {pos}/{tot}, neutre {neu}/{tot}, négative {neg}/{tot}")
@@ -648,10 +641,7 @@ def analyze_text(pasted_txt, has_sc, sep_chr,
 
 # ====================== UI ======================
 
-def apply_plotly_theme_wrapper():
-    apply_plotly_theme()
-
-apply_plotly_theme_wrapper()
+apply_plotly_theme()
 
 with gr.Blocks(title="Verbatify — Analyse NPS", css=VB_CSS) as demo:
     gr.HTML(