feat: enhance dynamic form management with support for sections and improved input handling

README.md

@@ -15,7 +15,7 @@ pinned: false
 
 ## Introduction
 
-Cette application sert de base/template pour en déployer d'autres sur le même modèle via Huggingface. Elle est facilement duplicable en dupliquant l'espace. Elle est décomposée en plusieurs sections pour offrir une gestion complète des documents et des dialogues avec une Intelligence Artificielle (IA).
+Cette application sert de base/template pour en déployer d'autres sur le même modèle via Huggingface, en la dupliquant. Elle est décomposée en plusieurs sections pour offrir une gestion complète des documents et des dialogues avec une Intelligence Artificielle (IA).
 
 ### Structure de l'application
 
@@ -55,7 +55,7 @@ L'application est structurée en trois parties principales :
 
 ## Base de Données Vectorielle
 
-La base de données vectorielle permet de stocker de manière permanente les différents vecteurs de documents, afin de faciliter leur recherche et leur utilisation dans les conversations avec l'IA.
+La base de données vectorielle stocke de façon permanente les informations extraites des documents sous forme de vecteurs. Cette organisation facilite leur recherche et utilisation dans les conversations avec l'IA.
 
 ### Pinecone
 
@@ -81,6 +81,11 @@ Les paramètres peuvent être ajustés dans la section **variables**, en mettant
 Pour chacune d'entre elles, un *label*, une *key* et optionnelement une valeur par défaut *value* sont nécessaires.
 Pour être prise en compte, ces variables doivent être implémenté dans le prompt template via leur *'key'* sous la forme **{ma_variable}**
 
+Une secode version, permet de séparer le formulaire en plusieurs parties pour mieux l'organiser.
+Chaque section/partie ('part') regroupe plusieurs paramètres sous un nom et un numéro, pour faciliter leur tri.
+
+Vous pouvez consultez directement le fichier **config.yaml** pour pluys de détails.
+
 #### Prompt template
 
 Vous pouvez directement spécifier votre prompt template dans la section **prompt_template** du fichier de configuration

app.py

@@ -27,6 +27,17 @@ def init_app():
         st.session_state["data_dict"] = config['variables']
         st.session_state["prompt_system"] = config['prompt_system']
 
+        if 'parts' in config['variables']:
+            # Flatten structure by adding part name to each field
+            st.session_state["data_dict"] = [
+                {**field, "part": part["name"]}
+                for part in config["variables"]["parts"]
+                for field in part["fields"]
+            ]
+        else:
+            # Initialize session state with single list of variables
+            st.session_state["data_dict"] = [{**field} for field in config["variables"]]
+
 
 def main():
 

config.yaml

@@ -11,22 +11,107 @@ prompts:
     - "Quels sont les types de fertilisants les plus utilisés en agriculture et leurs impacts ?"
     - "Quelles sont les techniques de lutte biologique contre les nuisibles ?"
 
+
+# ----------------------------------------------------------
+# Gestion du formulaire dynamique
+# ----------------------------------------------------------
+# Version 1 : Liste de champs sous 'variables' (sans structure de 'parts')
+# ----------------------------------------------------------
+# Chaque champ est défini directement sous 'variables'.
+# Vous pouvez ajouter des champs en suivant ce format.
+# Pour utiliser cette version, laissez-la telle quelle et commentez la version 2 ci-dessous.
+
 variables:
-  - label : Région viticole
+  - label: "Région viticole"
     nature: 'radio'
-    key : param1
-    options : ["Champagne", "Vin de bordeaux", "Occitanie"]
-    value :
-  - label : Millésime
+    key: param1
+    options: ["Champagne", "Vin de Bordeaux", "Occitanie"]
+    value: # Valeur par défaut
+
+  - label: "Millésime"
     nature: 'selectbox'
-    key : param2
-    options : ["2019", "2020", "2021"]
-    value :
-  - label : Indicateur
-    nature: 'multiselect'
-    key : param3
-    options : ["Prix de revient par hectare (€/ha)", "Prix de revient par hectolitre (€/hl)", "Coût de la main d’oeuvre par hectare (€/ha)", "Frais d’habillage ou de mise (€/bouteille)"]
-    value :
+    key: param2
+    options: ["2019", "2020", "2021", "2022"]
+    value: # Valeur par défaut
+
+  - label: "Budget prévu (en €)"
+    nature: 'numeric'
+    key: param3
+    value: # Valeur par défaut
+
+  - label: "Date de récolte"
+    nature: 'date'
+    key: param4
+    value: # Valeur par défaut
+
+  - label: "Remarques sur la récolte"
+    nature: 'text_area'
+    key: param5
+    value: # Valeur par défaut
+
+
+# Version 2 : Structure de 'parts' pour organiser les champs en sections
+# ----------------------------------------------------------------------
+# Chaque 'part' représente une section contenant un groupe de champs (par exemple : Panier, Livraison).
+# La clé 'number' permet d’ordonner les sections.
+# Pour activer cette version, commentez la Version 1 ci-dessus et décommentez cette section.
+
+# variables:
+#   parts:
+#     - name: "Panier"
+#       number: 1
+#       fields:
+#         - label: "Région viticole"
+#           nature: 'radio'
+#           key: param1
+#           options: ["Champagne", "Vin de Bordeaux", "Occitanie"]
+#           value: # Valeur par défaut
+
+#         - label: "Millésime"
+#           nature: 'selectbox'
+#           key: param2
+#           options: ["2019", "2020", "2021", "2022"]
+#           value: # Valeur par défaut
+
+#         - label: "Budget prévu (en €)"
+#           nature: 'numeric'
+#           key: param3
+#           value: # Valeur par défaut
+
+#     - name: "Livraison"
+#       number: 2
+#       fields:
+#         - label: "Adresse de livraison"
+#           nature: ''
+#           key: param6
+#           value: # Valeur par défaut
+
+#         - label: "Date de livraison souhaitée"
+#           nature: 'date'
+#           key: param7
+#           value: # Valeur par défaut
+
+#     - name: "Paiement"
+#       number: 3
+#       fields:
+#         - label: "Mode de paiement"
+#           nature: 'selectbox'
+#           key: param8
+#           options: ["Carte de crédit", "Virement bancaire", "Chèque"]
+#           value: # Valeur par défaut
+
+#         - label: "Conditions de paiement"
+#           nature: 'text_area'
+#           key: param9
+#           value: # Valeur par défaut
+
+#     - name: "Remarques supplémentaires"
+#       number: 4
+#       fields:
+#         - label: "Remarques générales"
+#           nature: 'text_area'
+#           key: param10
+#           value: # Valeur par défaut
 
 prompt_system: "Prompt system par défaut"
 
@@ -34,6 +119,7 @@ prompt_template: "
 Paramètre 1 : {param1}
 Paramètre 2 : {param2}
 Paramètre 3 : {param3}
+Paramètre 4 : {param4}
 
 Documents partagées : {commonContext}
 Document de référence : {documentContext}

pages/form.py

@@ -1,24 +1,52 @@
 import streamlit as st
+from util import getYamlConfig
 
 def page():
     st.subheader("Définissez vos paramètres")
 
-    # Boucle pour créer des inputs basés sur data_dict (qui est une liste ici)
-    for param in st.session_state.data_dict:
+    # Charge la configuration YAML
+    config = getYamlConfig()
+    
+    # Vérifie si la structure inclut des 'parts' ou une liste de variables
+    if 'parts' in config['variables']:
+        # Cas avec 'parts' : Trie les parts et affiche les champs par onglet
+        parts = config["variables"]["parts"]
+        parts_sorted = sorted(parts, key=lambda part: part.get('number', float('inf')))
         
-        if param['nature'] == 'radio':
-          value = st.radio(param['label'], param['options'], key=param['key'], args=[param['key']])
-          param['value'] = value
-        elif param['nature'] == 'selectbox':
-          value = st.selectbox(param['label'], param['options'], key=param['key'], args=[param['key']])
-          param['value'] = value
-        elif param['nature'] == 'multiselect':
-          value = st.multiselect(param['label'], param['options'], key=param['key'], args=[param['key']])
-          param['value'] = value
-        else:
-          # Utilisation de la clé 'label' et 'value' pour afficher et récupérer les valeurs
-          value = st.text_input(label=param['label'], value=param['value'] if param['value'] else "")
-          # Mettre à jour la valeur dans le dictionnaire après la saisie utilisateur
-          param['value'] = value
+        # Création de tabs pour chaque 'part' trié
+        tabs = st.tabs([part['name'] for part in parts_sorted])
+        for part, tab in zip(parts_sorted, tabs):
+            with tab:
+                for field in part['fields']:
+                    display_field(field)
+    else:
+        # Display fields directly if no parts are defined
+        for field in st.session_state.data_dict:
+            display_field(field)
+
+
+def display_field(field):
+    """Helper function to create the correct input based on field 'nature'."""
+    if field['nature'] == 'radio':
+        value = st.radio(field['label'], field['options'], key=field['key'])
+        field['value'] = value
+    elif field['nature'] == 'selectbox':
+        value = st.selectbox(field['label'], field['options'], key=field['key'])
+        field['value'] = value
+    elif field['nature'] == 'multiselect':
+        value = st.multiselect(field['label'], field['options'], key=field['key'])
+        field['value'] = value
+    elif field['nature'] == 'date':
+        value = st.date_input(field['label'], key=field['key'])
+        field['value'] = value
+    elif field['nature'] == 'numeric':
+        value = st.number_input(field['label'], key=field['key'])
+        field['value'] = value
+    elif field['nature'] == 'text_area':
+        value = st.text_area(field['label'], value=field['value'] if field['value'] else "", key=field['key'])
+        field['value'] = value
+    else:
+        value = st.text_input(label=field['label'], value=field['value'] if field['value'] else "")
+        field['value'] = value
 
 page()