Remove pipeline flow strip, Quick presets, Hero pills, GOP=global

UI cleanup pass:
- Drop the dashed 'Sample › Score patches › GOP › Top-K › Visualize
› Pack canvas' flow strip (FLOW_HTML and #ovc-flow CSS).
- Drop the 'Quick presets' card with the Detail / Motion / Balanced
buttons. The 'Load demo video' button in the Input card now plays
the same one-click role.
- Drop the three description chips at the bottom of the hero
('selection · heatmap · side-by-side', 'gradient + motion saliency',
'codec vs uniform baseline') plus their #ovc-hero .pills / .pill CSS.
- Remove 'Global — one budget across the whole video' from the GOP
Radio; default value moves from 'global' to '8'. The underlying
grouped_topk_masks() still accepts 'global' if anyone wires it
programmatically, but it is no longer exposed in the UI.
- Tidy up dead code: PRESETS dict, apply_preset(), preset wiring
loop, mobile @media rules that targeted the removed elements.

app.py

@@ -757,19 +757,6 @@ def process(
     )
 
 
-PRESETS = {
-    # (saliency_signal, score_log_scale, bitcost_pct, viz_mode)
-    "detail":   ("gradient",   False, 99.0, "heatmap"),
-    "motion":   ("frame_diff", False, 95.0, "heatmap"),
-    "balanced": ("combined",   True,  96.0, "sbs"),
-}
-
-
-def apply_preset(name: str):
-    sig, log_, pct, mode = PRESETS[name]
-    return sig, log_, pct, mode
-
-
 CUSTOM_CSS = """
 :root, .gradio-container, .gradio-container.dark {
     --ovc-grad: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #06b6d4 100%);
@@ -876,17 +863,6 @@ CUSTOM_CSS = """
     color: #c7d2fe;
     border-color: rgba(99,102,241,0.4);
 }
-#ovc-hero .pills { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:8px; }
-#ovc-hero .pill {
-    font-size: 0.78rem;
-    font-weight: 600;
-    padding: 5px 12px;
-    border-radius: 999px;
-    color: #fff;
-    background: var(--ovc-grad);
-    opacity: 0.94;
-    box-shadow: 0 1px 6px rgba(79,70,229,0.25);
-}
 
 /* Cards */
 .ovc-card {
@@ -990,31 +966,6 @@ CUSTOM_CSS = """
 /* Tighter spacing for sliders inside cards */
 .ovc-card .gradio-slider { margin-bottom: 4px !important; }
 
-/* Pipeline mini-flow strip */
-#ovc-flow {
-    display: flex; flex-wrap: wrap; gap: 6px;
-    align-items: center; justify-content: center;
-    padding: 14px 16px; margin-bottom: 18px;
-    border-radius: 14px;
-    border: 1px dashed rgba(99,102,241,0.28);
-    background: linear-gradient(180deg, rgba(99,102,241,0.04), transparent);
-}
-#ovc-flow .step {
-    display: inline-flex; align-items: center; gap: 6px;
-    font-size: 0.83rem; font-weight: 600;
-    color: #475569;
-    padding: 6px 12px;
-    background: var(--background-fill-primary);
-    border: 1px solid rgba(148,163,184,0.30);
-    border-radius: 999px;
-    box-shadow: 0 1px 2px rgba(15,23,42,0.04);
-}
-#ovc-flow .step .dot {
-    width: 7px; height: 7px; border-radius: 50%;
-    background: var(--ovc-grad);
-}
-#ovc-flow .arrow { color: #94a3b8; font-size: 0.95rem; user-select: none; }
-
 /* Tame Gradio's dark default placeholders inside our cards: blanket-override
    any background on the inner wrappers, then paint a brand-tinted gradient on
    the canonical containers. This lights up the empty Video/Image/Plot zones
@@ -1115,14 +1066,6 @@ CUSTOM_CSS = """
     #ovc-hero .by-line { font-size: 0.72rem; padding: 2px 9px; }
     .ovc-links { gap: 6px; margin-top: 10px; }
     .ovc-links a { font-size: 0.78rem; padding: 5px 10px; }
-    #ovc-hero .pills { gap: 5px; }
-    #ovc-hero .pill { font-size: 0.72rem; padding: 4px 9px; }
-
-    /* Pipeline flow: tight wrap, drop arrows */
-    #ovc-flow { padding: 10px 12px; gap: 5px; margin-bottom: 12px; }
-    #ovc-flow .step { font-size: 0.74rem; padding: 4px 10px; }
-    #ovc-flow .arrow { display: none; }
-
     /* Cards tighter */
     .ovc-card { padding: 12px 14px !important; border-radius: 14px !important; }
     .ovc-card h3 { font-size: 0.70rem !important; margin-bottom: 8px !important; }
@@ -1146,7 +1089,6 @@ CUSTOM_CSS = """
     #ovc-hero p.tagline { font-size: 0.9rem; }
     /* Put each link on a row of two (browsers will pack 2 per row at this size) */
     .ovc-links a { font-size: 0.74rem; padding: 4px 9px; }
-    #ovc-flow .step { font-size: 0.70rem; padding: 3px 8px; }
     #ovc-run button { height: 46px !important; font-size: 0.94rem !important; }
 }
 """
@@ -1179,11 +1121,6 @@ HERO_HTML = """
     <a href="docs/model_card.md" target="_blank" rel="noopener">📋&nbsp;Model Card</a>
     <a href="docs/data_card.md" target="_blank" rel="noopener">📊&nbsp;Data Card</a>
   </div>
-  <div class="pills">
-    <span class="pill">selection · heatmap · side-by-side</span>
-    <span class="pill">gradient + motion saliency</span>
-    <span class="pill">codec vs uniform baseline</span>
-  </div>
 </div>
 """
 
@@ -1214,27 +1151,10 @@ SIGNAL_CHOICES = [
 ]
 
 
-FLOW_HTML = """
-<div id="ovc-flow">
-  <span class="step"><span class="dot"></span>Sample</span>
-  <span class="arrow">›</span>
-  <span class="step"><span class="dot"></span>Score patches</span>
-  <span class="arrow">›</span>
-  <span class="step"><span class="dot"></span>GOP grouping</span>
-  <span class="arrow">›</span>
-  <span class="step"><span class="dot"></span>Top-K select</span>
-  <span class="arrow">›</span>
-  <span class="step"><span class="dot"></span>Visualize</span>
-  <span class="arrow">›</span>
-  <span class="step"><span class="dot"></span>Pack canvas</span>
-</div>
-"""
-
 
 
 with gr.Blocks(**_BLOCK_KW) as demo:
     gr.HTML(HERO_HTML)
-    gr.HTML(FLOW_HTML)
 
     with gr.Row(equal_height=False, elem_classes="ovc-main"):
         # ─── Controls (narrow column) ────────────────────────────────────
@@ -1270,13 +1190,12 @@ with gr.Blocks(**_BLOCK_KW) as demo:
                 )
                 gop = gr.Radio(
                     [
-                        ("Global — one budget across the whole video",   "global"),
                         ("GOP = 4 — fixed 4-frame groups",                "4"),
                         ("GOP = 8 — fixed 8-frame groups",                "8"),
                         ("GOP = 16 — fixed 16-frame groups",              "16"),
                         ("Dynamic — adaptive groups by saliency energy",  "dynamic"),
                     ],
-                    value="global",
+                    value="8",
                     label="GOP (group of pictures)",
                     info="Splits sampled frames into groups; the patch budget "
                          "is allocated equally across groups, top-K within "
@@ -1284,18 +1203,6 @@ with gr.Blocks(**_BLOCK_KW) as demo:
                          "grouping (equal-energy groups).",
                 )
 
-            with gr.Group(elem_classes="ovc-card"):
-                gr.Markdown("### Quick presets")
-                with gr.Row(elem_classes="ovc-preset"):
-                    btn_detail = gr.Button("Detail", size="sm")
-                    btn_motion = gr.Button("Motion", size="sm")
-                    btn_balanced = gr.Button("Balanced", size="sm")
-                gr.Markdown(
-                    "<small><b>Detail</b>: gradient · pct=99 · heatmap &nbsp;|&nbsp; "
-                    "<b>Motion</b>: frame_diff · pct=95 · heatmap &nbsp;|&nbsp; "
-                    "<b>Balanced</b>: combined · log · pct=96 · sbs</small>"
-                )
-
             with gr.Accordion("Time window", open=False):
                 with gr.Row():
                     start_sec = gr.Number(value=0.0, precision=2, label="Start (s)")
@@ -1385,18 +1292,6 @@ with gr.Blocks(**_BLOCK_KW) as demo:
         '</div>'
     )
 
-    # Preset wiring: each updates 4 controls atomically.
-    for btn, key in [
-        (btn_detail, "detail"),
-        (btn_motion, "motion"),
-        (btn_balanced, "balanced"),
-    ]:
-        btn.click(
-            lambda k=key: apply_preset(k),
-            inputs=None,
-            outputs=[saliency_signal, score_log_scale, bitcost_pct, viz_mode],
-        )
-
     run_btn.click(
         process,
         inputs=[