Update app.py

app.py

@@ -14,7 +14,8 @@ 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():
                 input_image = gr.Image(label="Input Image", type="numpy")
@@ -36,12 +37,14 @@ def create_app():
                 output_image = gr.Image(label="Filtered Image")
 
         # Xử lý cập nhật UI
-        def update_controls(filter_name):
+        def update_controls(filter_name, current_visibility_state):
+            visibility_state = {}
             updates = []
             for group_name, group in filter_groups.items():
                 visibility = (group_name == filter_name)
-                updates.append(group.update(visible=visibility)) # Update group visibility
-            return updates
+                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
 
         # Xử lý ảnh real-time
         def process(*args, **kwargs):
@@ -73,8 +76,8 @@ def create_app():
         # Kết nối sự kiện
         filter_select.change(
             update_controls,
-            inputs=filter_select,
-            outputs=list(filter_groups.values())
+            inputs=[filter_select, filter_visibility_state], # Pass state as input
+            outputs=[filter_visibility_state, list(filter_groups.values())] # State and groups as output
         )
         
         input_components_process = [input_image, filter_select] + control_components
@@ -90,4 +93,4 @@ def create_app():
 
 if __name__ == "__main__":
     app = create_app()
-    app.launch(share=True, ssr_mode=True, show_error=True)
+    app.launch(share=True)