Update webui/app_control_animation.py

webui/app_control_animation.py

@@ -58,24 +58,7 @@ def create_demo(model: ControlAnimationModel):
                         value="Generate Initial Frames", variant="primary"
                     )
 
-                with gr.Column():
-                    gallery_pose_sequence = gr.Gallery(
-                        label="Pose Sequence",
-                        value=[
-                            ("__assets__/dance1.gif", "Motion 1"),
-                            ("__assets__/dance2.gif", "Motion 2"),
-                            ("__assets__/dance3.gif", "Motion 3"),
-                            ("__assets__/dance4.gif", "Motion 4"),
-                            ("__assets__/dance5.gif", "Motion 5"),
-                        ],
-                    ).style(columns=3, rows=1, object_fit="contain", preview=True)
-                    input_video_path = gr.Textbox(
-                        label="Pose Sequence", visible=False, value="Motion 1"
-                    )
-                    pose_sequence_selector = gr.Markdown("Pose Sequence: **Motion 1**")
-
-            with gr.Row():
-                with gr.Accordion("Advanced options", open=False):
+                    with gr.Accordion("Advanced options", open=False):
                         if on_huggingspace:
                             video_length = gr.Slider(
                                 label="Video length", minimum=8, maximum=16, step=1
@@ -146,19 +129,36 @@ def create_demo(model: ControlAnimationModel):
                             visible=not on_huggingspace,
                             info="Ratio of how many tokens are merged. The higher the more compression (less memory and faster inference).",
                         )
-                with gr.Column(visible=True) as frame_selection_view:
-                    initial_frames = gr.Gallery(
-                        label="Initial Frames", show_label=False
-                    ).style(columns=4, rows=1, object_fit="contain", preview=True)
-
-                    gr.Markdown("Select an initial frame to start your animation with.")
-                    gen_animation_button = gr.Button(
-                        value="Select Initial Frame & Generate Animation",
-                        variant="secondary",
+
+                with gr.Column():
+                    gallery_pose_sequence = gr.Gallery(
+                        label="Pose Sequence",
+                        value=[
+                            ("__assets__/dance1.gif", "Motion 1"),
+                            ("__assets__/dance2.gif", "Motion 2"),
+                            ("__assets__/dance3.gif", "Motion 3"),
+                            ("__assets__/dance4.gif", "Motion 4"),
+                            ("__assets__/dance5.gif", "Motion 5"),
+                        ],
+                    ).style(columns=3, object_fit="contain", preview=True)
+                    input_video_path = gr.Textbox(
+                        label="Pose Sequence", visible=False, value="Motion 1"
                     )
+                    pose_sequence_selector = gr.Markdown("Pose Sequence: **Motion 1**")
+
+            with gr.Column(visible=True) as frame_selection_view:
+                initial_frames = gr.Gallery(
+                    label="Initial Frames", show_label=False
+                ).style(columns=4, object_fit="contain", preview=True)
+
+                gr.Markdown("Select an initial frame to start your animation with.")
+                gen_animation_button = gr.Button(
+                    value="Select Initial Frame & Generate Animation",
+                    variant="secondary",
+                )
 
-                with gr.Column(visible=False) as animation_view:
-                    result = gr.Video(label="Generated Video")
+            with gr.Column(visible=False) as animation_view:
+                result = gr.Video(label="Generated Video")
 
         with gr.Box(visible=False):
             initial_frame_index = gr.Number(