Update app.py

app.py

@@ -14,7 +14,6 @@ def create_app():
         filter_names = list(registry.filters.keys())
         
         filter_groups = {} # Store filter groups
-        filter_visibility_state = gr.State({}) # State to store visibility of groups
 
         with gr.Row():
             with gr.Column():
@@ -28,8 +27,9 @@ def create_app():
                 # Thêm các control vào UI
                 control_components = []
                 for filter_name, control_list in controls.items():
-                    with gr.Group(visible=filter_name == "Original") as group: # Create group here
-                        filter_groups[filter_name] = group # Store group
+                    group = gr.Group(visible=filter_name == "Original") # Create group here, outside with
+                    filter_groups[filter_name] = group # Store group
+                    with group: # Put controls inside the group
                         for component in control_list:
                             control_components.append(component) # Collect sliders for event handling
             
@@ -37,14 +37,12 @@ def create_app():
                 output_image = gr.Image(label="Filtered Image")
 
         # Xử lý cập nhật UI
-        def update_controls(filter_name, current_visibility_state):
-            visibility_state = {}
+        def update_controls(filter_name):
             updates = []
             for group_name, group in filter_groups.items():
                 visibility = (group_name == filter_name)
-                visibility_state[group_name] = visibility
-                updates.append(gr.Group.update(visible=visibility)) # Still try to update group visibility
-            return visibility_state, updates # Return state and updates
+                updates.append(gr.update(visible=visibility)) # Return list of updates directly
+            return updates
 
         # Xử lý ảnh real-time
         def process(*args, **kwargs):
@@ -76,8 +74,8 @@ def create_app():
         # Kết nối sự kiện
         filter_select.change(
             update_controls,
-            inputs=[filter_select, filter_visibility_state], # Pass state as input
-            outputs=[filter_visibility_state, list(filter_groups.values())] # State and groups as output
+            inputs=filter_select,
+            outputs=list(filter_groups.values()) # Pass list of groups as outputs
         )
         
         input_components_process = [input_image, filter_select] + control_components