Upload app.py

app.py

@@ -716,14 +716,15 @@ def update_cards(lang: str, category_choice: str, theme: str, seen: List[str]):
 def get_ui_texts(lang: str) -> Dict[str, Any]:
     if lang == "fr":
         header = """
-            <div>
-              <div class="nv-badge">NEUROVIE · FINGER</div>
-              <div class="nv-title">Question Studio</div>
-              <div class="nv-subtitle">
-                Questions minimalistes pour conversations riches — 4 questions et 2 micro-actions par tirage.
-              </div>
-            </div>
-        """
+         <div class="nv-fade">
+         <div class="nv-badge">NEUROVIE · FINGER</div>
+         <div class="nv-title">Question Studio</div>
+         <div class="nv-subtitle">
+          Questions minimalistes pour conversations riches — 4 questions et 2 micro-actions par tirage.
+          </div>
+     </div>
+    """
+
         category_choices = [
             "alimentation 🍎",
             "mouvement 🦘",
@@ -744,14 +745,15 @@ def get_ui_texts(lang: str) -> Dict[str, Any]:
         }
     else:
         header = """
-            <div>
-              <div class="nv-badge">NEUROVIE · FINGER</div>
-              <div class="nv-title">Question Studio</div>
-              <div class="nv-subtitle">
-                Minimal prompts for rich conversations — 4 questions and 2 micro-actions per draw.
-              </div>
+         <div class="nv-fade">
+            <div class="nv-badge">NEUROVIE · FINGER</div>
+            <div class="nv-title">Question Studio</div>
+            <div class="nv-subtitle">
+            Minimal prompts for rich conversations — 4 questions and 2 micro-actions per draw.
             </div>
-        """
+        </div>
+    """
+
         category_choices = [
             "Nutrition 🍎",
             "Movement 🦘",
@@ -774,21 +776,20 @@ def get_ui_texts(lang: str) -> Dict[str, Any]:
 
 def update_ui_language(lang: str):
     t = get_ui_texts(lang)
-    # For text/HTML components we just return new HTML strings.
-    # For interactive components (Radio, Button) we use gr.update(...)
     return (
         t["header_html"],
-        f"<div class='nv-label'>{t['language_label']}</div>",
-        f"<div class='nv-label'>{t['theme_label']}</div>",
-        f"<div class='nv-label'>{t['category_label']}</div>",
-        f"<div class='nv-label'>{t['questions_label']}</div>",
-        f"<div class='nv-label'>{t['micro_label']}</div>",
+        f"<div class='nv-label nv-fade'>{t['language_label']}</div>",
+        f"<div class='nv-label nv-fade'>{t['theme_label']}</div>",
+        f"<div class='nv-label nv-fade'>{t['category_label']}</div>",
+        f"<div class='nv-label nv-fade'>{t['questions_label']}</div>",
+        f"<div class='nv-label nv-fade'>{t['micro_label']}</div>",
         gr.update(choices=t["category_choices"], value=t["category_default"]),
-        gr.update(value=t["button_text"]),
+        gr.update(value=t['button_text']),
     )
 
 
 
+
 # ────────────────────────────────────────────────────────────────────────────────
 # GRADIO APP
 
@@ -807,25 +808,28 @@ with gr.Blocks(title="Neurovie – Question Studio") as demo:
 
         # Settings
         with gr.Row(elem_classes="nv-section"):
-            with gr.Column():
-                lang_label_html = gr.HTML(f"<div class='nv-label'>{ui_texts['language_label']}</div>")
-                lang = gr.Radio(
-                    choices=["fr", "en"],
-                    value="fr",
-                    show_label=False,
-                    elem_classes="nv-pills",
-                )
-            with gr.Column():
-                theme_label_html = gr.HTML(f"<div class='nv-label'>{ui_texts['theme_label']}</div>")
-                theme = gr.Radio(
-                    choices=THEME_KEYS,
-                    value="family",
-                    show_label=False,
-                    elem_classes="nv-pills",
-                )
+        # Language: 1/3
+            with gr.Column(scale=1):
+             lang_label_html = gr.HTML(f"<div class='nv-label nv-fade'>{ui_texts['language_label']}</div>")
+             lang = gr.Radio(
+                choices=["fr", "en"],
+                value="fr",
+                show_label=False,
+                elem_classes="nv-pills",
+            )
+        # Theme: 2/3
+        with gr.Column(scale=2):
+            theme_label_html = gr.HTML(f"<div class='nv-label nv-fade'>{ui_texts['theme_label']}</div>")
+            theme = gr.Radio(
+            choices=THEME_KEYS,
+            value="family",
+            show_label=False,
+            elem_classes="nv-pills",
+            )
+
 
         with gr.Column(elem_classes="nv-section"):
-            category_label_html = gr.HTML(f"<div class='nv-label'>{ui_texts['category_label']}</div>")
+            category_label_html = gr.HTML(f"<div class='nv-label nv-fade'>{ui_texts['category_label']}</div>")
             category = gr.Radio(
                 choices=ui_texts["category_choices"],
                 value=ui_texts["category_default"],
@@ -838,14 +842,14 @@ with gr.Blocks(title="Neurovie – Question Studio") as demo:
         # Question & micro-action cards
         with gr.Row(elem_classes="nv-section"):
             with gr.Column():
-                questions_label_html = gr.HTML(f"<div class='nv-label'>{ui_texts['questions_label']}</div>")
+                questions_label_html = gr.HTML(f"<div class='nv-label nv-fade'>{ui_texts['questions_label']}</div>")
                 with gr.Column(elem_classes="nv-card-grid"):
                     q1 = gr.HTML()
                     q2 = gr.HTML()
                     q3 = gr.HTML()
                     q4 = gr.HTML()
             with gr.Column():
-                micro_label_html = gr.HTML(f"<div class='nv-label'>{ui_texts['micro_label']}</div>")
+                micro_label_html = gr.HTML(f"<div class='nv-label nv-fade'>{ui_texts['micro_label']}</div>")
                 with gr.Column(elem_classes="nv-card-grid"):
                     m1 = gr.HTML()
                     m2 = gr.HTML()
@@ -864,6 +868,7 @@ with gr.Blocks(title="Neurovie – Question Studio") as demo:
             category,
             btn,
         ],
+        show_progress=False
     )
 
     btn.click(