From f92596e7a43b0194fe4c60999a5bc9704295c166 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Mon, 17 Aug 2026 16:53:44 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C?=
 =?UTF-8?q?=EC=9D=98=20Deploy-blocking=20=EC=B9=B4=EB=93=9C=EB=A5=BC=20?=
 =?UTF-8?q?=EC=9D=B8=ED=84=B0=EB=9E=99=ED=8B=B0=EB=B8=8C=ED=95=98=EA=B2=8C?=
 =?UTF-8?q?=20=EB=A7=8C=EB=93=A4=EC=96=B4=20=ED=95=84=ED=84=B0=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20=EC=A0=9C=EA=B3=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

대시보드 상단의 'Deploy-blocking' 메트릭 카드를 클릭할 수 있게 만들어, 드롭다운을 통하지 않고도 바로 배포 차단 항목만 필터링할 수 있도록 개선합니다.
스크린 리더와 키보드 탐색을 위한 ARIA 속성 및 키보드 이벤트 처리를 포함합니다.
---
 .gitignore                   | 1 +
 scanner/dashboard/index.html | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 1cc118b8..17f4d611 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ __pycache__/
 .coverage
 *.egg-info/
 .codegraph/
+node_modules/
diff --git a/scanner/dashboard/index.html b/scanner/dashboard/index.html
index 132bc31b..f4e7170b 100644
--- a/scanner/dashboard/index.html
+++ b/scanner/dashboard/index.html
@@ -193,7 +193,7 @@ <h1>Clean scan</h1>
 
   const filtered = ALL
     .map((f,i)=>({f,i}))
-    .filter(({f})=> (!filterSev || String(f.severity).toUpperCase()===filterSev))
+    .filter(({f})=> (!filterSev || (filterSev === 'BLOCKING' ? isDeployBlocking(f) : String(f.severity).toUpperCase()===filterSev)))
     .filter(({f})=> !query || (String(f.message)+' '+String(f.file)+' '+String(f.rule_id)+' '+String(f.category)).toLowerCase().includes(query))
     .sort((a,b)=> SEV_ORDER.indexOf(String(a.f.severity).toUpperCase()) - SEV_ORDER.indexOf(String(b.f.severity).toUpperCase()));
   const allFindingsText = formatFindingCount(ALL.length);
@@ -219,7 +219,7 @@ <h1>Clean scan</h1>
     <h1>Dashboard</h1>
     <p class="sub">${findingsText} · <strong>${blocking}</strong> deploy-blocking (gate ${blocking?'active':'clear'})</p>
     <div class="cards">${cards}
-      <div class="card"><div class="lbl"><span class="dot" style="background:var(--primary)"></span>Deploy-blocking</div><div class="n">${blocking}</div></div>
+      <div class="card" role="button" tabindex="0" aria-label="Filter by Deploy-blocking: ${blocking}" aria-pressed="${filterSev==='BLOCKING'}" onclick="document.getElementById('sev').value='${filterSev==='BLOCKING' ? '' : 'BLOCKING'}'; document.getElementById('sev').dispatchEvent(new Event('change'));" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault(); this.click();}" style="${filterSev==='BLOCKING' ? 'border-color:var(--primary); box-shadow:0 0 0 1px var(--primary); cursor:pointer;' : 'cursor:pointer;'}"><div class="lbl"><span class="dot" style="background:var(--primary)"></span>Deploy-blocking</div><div class="n">${blocking}</div></div>
     </div>
     <div class="grid2">
       <div class="panel"><h2>Findings by category</h2><div class="rowlist">${catRows||'<div class="r">—</div>'}</div></div>
@@ -229,6 +229,7 @@ <h1>Dashboard</h1>
           <select id="sev" aria-label="Filter by severity">
             <option value="">All severities</option>
             ${SEV_ORDER.map(s=>`<option value="${s}" ${s===filterSev?'selected':''}>${s}</option>`).join('')}
+            <option value="BLOCKING" ${filterSev==='BLOCKING'?'selected':''}>Deploy-blocking</option>
           </select>
         </div>
         <div class="panel"><table>