Upload app.py with huggingface_hub

app.py

@@ -375,6 +375,11 @@ CSS = """
   margin-bottom: 0px;
   gap: 8px;
 }
+/* Collapse the residual gap the Gradio column inserts between the header row
+   and the sliders row (tightening the title-to-sliders vertical space further
+   than the previous pass). */
+.gnm-group > .gnm-group-header { margin-bottom: -6px !important; }
+.gnm-group > .gnm-sliders { margin-top: -6px !important; }
 .gnm-group-title {
   font-weight: 600;
   font-size: 0.95rem;
@@ -412,7 +417,7 @@ CSS = """
   flex-direction: column;
   align-items: center;
   width: 50px;
-  padding: 4px 0px 2px 0px;
+  padding: 0px 0px 2px 0px;
   user-select: none;
   -webkit-user-select: none;
   box-sizing: border-box;
@@ -732,8 +737,7 @@ with gr.Blocks(title="GNM Head") as demo:
                             return _build_expr
 
                         # Place the "Left eye" and "Right eye" groups side by
-                        # side in a single row; render the remaining groups
-                        # (Mouth, Tongue, Pupil dilation) stacked as before.
+                        # side in a single row (equal width).
                         _eye_groups = ["Left eye", "Right eye"]
                         with gr.Row():
                             for group_name in _eye_groups:
@@ -746,14 +750,36 @@ with gr.Blocks(title="GNM Head") as demo:
                                         ),
                                     )
 
+                        # "Tongue" and "Pupil dilation" also share a single row,
+                        # but with an unequal split: Tongue gets 2/3 of the
+                        # width, Pupil dilation gets 1/3.
+                        _paired_groups = ["Tongue", "Pupil dilation"]
+                        _paired_scales = {"Tongue": 2, "Pupil dilation": 1}
+
+                        # Render the remaining stacked groups (Mouth) as before,
+                        # skipping the eye-row and paired-row groups.
                         for group_name, group_idx in EXPRESSION_GROUPS.items():
-                            if group_name in _eye_groups:
+                            if group_name in _eye_groups or group_name in _paired_groups:
                                 continue
                             expression_sliders += _group_section(
                                 group_name,
                                 _make_expr_builder(group_name, group_idx),
                             )
 
+                        with gr.Row():
+                            for group_name in _paired_groups:
+                                group_idx = EXPRESSION_GROUPS[group_name]
+                                with gr.Column(
+                                    scale=_paired_scales[group_name],
+                                    min_width=0,
+                                ):
+                                    expression_sliders += _group_section(
+                                        group_name,
+                                        _make_expr_builder(
+                                            group_name, group_idx
+                                        ),
+                                    )
+
                     with gr.Tab("Pose"):
                         gr.Markdown(
                             "Joint **rotations** in degrees (neck / head) and "
@@ -882,9 +908,19 @@ with gr.Blocks(title="GNM Head") as demo:
             _preset(expression={0: -3.0}),
         ]
 
+        # Per-example captions so each preset is clearly identified in the UI
+        # (otherwise gr.Examples renders as a bare unlabeled table of raw slider
+        # values). `example_labels` shows a friendly caption per example row.
+        preset_labels = [
+            "Open mouth + tongue out",
+            "Surprised",
+            "Wink",
+        ]
+
         gr.Examples(
             label="Presets (click to load)",
             examples=presets,
+            example_labels=preset_labels,
             inputs=all_sliders,
             outputs=viewer,
             fn=positions_json,