From 4f9e4a1345ac0c01a6ea5a7a138d4d4666310101 Mon Sep 17 00:00:00 2001
From: ErenAri <erenari27@gmail.com>
Date: Fri, 19 Jun 2026 19:34:30 +0300
Subject: [PATCH] Remove redundant workflow strip from demo UI

The left panel showed three overlapping progress indicators on load: the live
"Gate Snapshot" readiness panel, a static workflow strip (Targets/BPF/Gate/
Matrix chips), and the numbered step titles ("1. Select Targets", "2. Provide
BPF"...). The workflow strip carried no state and duplicated the other two, so
it was pure on-load clutter.

Remove the strip (HTML + its CSS rules + two media-query references). The live
readiness snapshot and numbered steps remain. No JS depended on it.

Note: the heavier panels (advanced metadata, manifest settings, JSON report,
runtime/evidence/history) were already behind <details> collapses, so this is
the main remaining first-paint redundancy.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 internal/api/ui.go | 31 -------------------------------
 1 file changed, 31 deletions(-)

diff --git a/internal/api/ui.go b/internal/api/ui.go
index 522ab94..0c6ce81 100644
--- a/internal/api/ui.go
+++ b/internal/api/ui.go
@@ -89,24 +89,6 @@ const uiHTML = `<!doctype html>
     .advanced-settings .section {
       border-bottom: 0;
     }
-    .workflow-strip {
-      display: grid;
-      gap: 8px;
-    }
-    .workflow-steps {
-      display: grid;
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-      gap: 6px;
-    }
-    .workflow-step {
-      border: 1px solid var(--border);
-      border-radius: 6px;
-      background: var(--bg);
-      padding: 7px 8px;
-      font-size: 12px;
-      color: var(--fg-muted);
-      text-align: center;
-    }
     .run-snapshot {
       position: sticky;
       top: 0;
@@ -742,9 +724,6 @@ const uiHTML = `<!doctype html>
         height: auto;
         grid-template-rows: auto;
       }
-      .workflow-steps {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-      }
       .matrix-counts {
         grid-template-columns: repeat(2, minmax(0, 1fr));
       }
@@ -764,7 +743,6 @@ const uiHTML = `<!doctype html>
       .section {
         padding: 10px;
       }
-      .workflow-steps,
       .run-snapshot-grid,
       .suite-stats,
       .row,
@@ -824,15 +802,6 @@ const uiHTML = `<!doctype html>
           </div>
         </div>
       </div>
-      <div class="section workflow-strip">
-        <div class="workflow-steps">
-          <div class="workflow-step">Targets</div>
-          <div class="workflow-step">BPF</div>
-          <div class="workflow-step">Gate</div>
-          <div class="workflow-step">Matrix</div>
-        </div>
-      </div>
-
       <div class="section">
         <div class="step-title">
           <strong>1. Select Targets</strong>