Update app.py

app.py

@@ -1376,22 +1376,29 @@ def create_factor_inputs(num_factors, existing_factors=None):
     with gr.Column():
         for i in range(num_factors):
             factor_data = existing_factors[i] if i < len(existing_factors) else {'name': f'Factor_{i+1}', 'low': 0.0, 'high': 10.0}
-            with gr.Row(variant="panel"):
-                factor_name = gr.Textbox(
-                    label=f"Nombre del Factor {i+1}",
-                    value=factor_data['name'],
-                    interactive=True
-                )
-                low_level = gr.Number(
-                    label=f"Nivel Bajo ({i+1})",
-                    value=factor_data['low'],
-                    interactive=True
-                )
-                high_level = gr.Number(
-                    label=f"Nivel Alto ({i+1})",
-                    value=factor_data['high'],
-                    interactive=True
-                )
+            with gr.Accordion(f"Factor {i+1}", open=True, 
+                             elem_classes="factor-accordion") as accordion:
+                with gr.Row(elem_classes="factor-row"):
+                    factor_name = gr.Textbox(
+                        label=f"Nombre del Factor {i+1}",
+                        value=factor_data['name'],
+                        interactive=True,
+                        elem_classes="factor-input"
+                    )
+                with gr.Row(elem_classes="factor-row"):
+                    low_level = gr.Number(
+                        label=f"Nivel Bajo ({i+1})",
+                        value=factor_data['low'],
+                        interactive=True,
+                        elem_classes="factor-input"
+                    )
+                    high_level = gr.Number(
+                        label=f"Nivel Alto ({i+1})",
+                        value=factor_data['high'],
+                        interactive=True,
+                        elem_classes="factor-input"
+                    )
+                
                 factor_components.extend([factor_name, low_level, high_level])
     return factor_components
 def update_factor_ui(num_factors, existing_factors=None):
@@ -1680,11 +1687,13 @@ def create_gradio_interface():
         all_figures_state = gr.State([])
         diagnostic_figures_state = gr.State([])
         existing_factors_state = gr.State([])
+        
         # Pestañas principales
         with gr.Tabs() as tabs:
             # Pestaña 1: Configuración y Carga de Datos
             with gr.Tab("1. Configuración y Carga de Datos", id="tab1"):
                 gr.Markdown("### 📥 Configuración del Diseño Experimental")
+                
                 # Asistente de progreso
                 with gr.Row():
                     progress = gr.Markdown("""
@@ -1695,6 +1704,8 @@ def create_gradio_interface():
                         <span style="min-width: 70px; text-align: right; color: #666;">20% Completado</span>
                     </div>
                     """)
+                
+                # Número de factores
                 with gr.Row():
                     num_factors_input = gr.Slider(
                         minimum=3, maximum=16, value=3, step=1,
@@ -1783,12 +1794,12 @@ def create_gradio_interface():
                 update_btn.click(
                     fn=generate_factor_components,
                     inputs=[num_factors_input, existing_factors_state],
-                    outputs=[factors_container, existing_factors_state]
+                    outputs=[*factor_components, existing_factors_state]
                 )
                 
                 load_button.click(
                     fn=load_data,
-                    inputs=[num_factors_input, factors_container, y_name_input, data_input, decimal_places],
+                    inputs=[num_factors_input, *factor_components, y_name_input, data_input, decimal_places],
                     outputs=[data_output, status_output, data_loaded, existing_factors_state]
                 ).then(
                     lambda data_loaded: gr.update(interactive=data_loaded),
@@ -2120,15 +2131,35 @@ def create_gradio_interface():
                 )
         
         # Configuración de eventos
+        # Primero, definir los placeholders para los componentes de factores
+        factor_components = []
+        for i in range(48):  # 16 factores * 3 componentes = 48
+            if i % 3 == 0:
+                factor_components.append(gr.Textbox(visible=False, label=f"Nombre del Factor {i//3 + 1}"))
+            else:
+                factor_components.append(gr.Number(visible=False, label=f"Nivel {'Bajo' if i % 3 == 1 else 'Alto'} ({i//3 + 1})"))
+        
+        # Evento para actualizar los componentes de factores
         update_btn.click(
             fn=generate_factor_components,
             inputs=[num_factors_input, existing_factors_state],
-            outputs=[factors_container, existing_factors_state]
+            outputs=[*factor_components, existing_factors_state]
+        )
+        
+        # Actualizar visibilidad de los checkboxes y niveles de factores fijos según el número de factores
+        demo.load(
+            fn=lambda num_factors: [
+                gr.update(visible=(i < int(num_factors))) for i in range(16)
+                for _ in range(2)  # Para checkboxes y niveles
+            ],
+            inputs=num_factors_input,
+            outputs=fixed_factors_checkboxes + fixed_levels_inputs
         )
         
+        # Carga de datos
         load_button.click(
             fn=load_data,
-            inputs=[num_factors_input, factors_container, y_name_input, data_input, decimal_places],
+            inputs=[num_factors_input, *factor_components, y_name_input, data_input, decimal_places],
             outputs=[data_output, status_output, data_loaded, existing_factors_state]
         ).then(
             lambda data_loaded: gr.update(interactive=data_loaded),