Skip to content

Commit 58a9ca6

Browse files
MDA2AVclaude
andcommitted
Add labels to filters, separate Malformed Input as its own category
Each filter row now has a label (Language: / Category:) on the left. Malformed Input is a standalone filter instead of being grouped with Compliance. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 50b6799 commit 58a9ca6

2 files changed

Lines changed: 11 additions & 6 deletions

File tree

docs/content/probe-results/_index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@ HTTP/1.1 compliance comparison across frameworks. Each test sends a specific mal
88

99
## Summary
1010

11-
<div id="lang-filter"></div>
12-
<div id="cat-filter"></div>
11+
<div id="lang-filter" style="margin-bottom:6px;"></div>
12+
<div id="cat-filter" style="margin-bottom:16px;"></div>
1313
<div id="probe-summary"><p><em>Loading probe data...</em></p></div>
1414

1515
{{< callout type="info" >}}

docs/static/probe/render.js

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -307,7 +307,9 @@ window.ProbeRender = (function () {
307307
+ 'border-radius:20px;cursor:pointer;border:1px solid ' + baseBorder + ';'
308308
+ 'margin-right:6px;margin-bottom:6px;transition:all 0.15s;';
309309

310-
var html = '<div style="margin-bottom:12px;">';
310+
var labelStyle = 'font-size:12px;font-weight:700;color:#656d76;margin-right:10px;white-space:nowrap;';
311+
var html = '<div style="display:flex;align-items:center;flex-wrap:wrap;margin-bottom:4px;">';
312+
html += '<span style="' + labelStyle + '">Language:</span>';
311313
html += '<button class="probe-lang-btn" data-lang="" style="' + btnStyle
312314
+ 'background:' + activeBg + ';color:#fff;border-color:' + activeBg + ';">All</button>';
313315
langList.forEach(function (lang) {
@@ -387,11 +389,14 @@ window.ProbeRender = (function () {
387389

388390
var filters = [
389391
{ label: 'All', categories: null },
390-
{ label: 'Compliance', categories: ['Compliance', 'Malformed Input'] },
391-
{ label: 'Smuggling', categories: ['Smuggling'] }
392+
{ label: 'Compliance', categories: ['Compliance'] },
393+
{ label: 'Smuggling', categories: ['Smuggling'] },
394+
{ label: 'Malformed Input', categories: ['Malformed Input'] }
392395
];
393396

394-
var html = '<div style="margin-bottom:12px;">';
397+
var labelStyle = 'font-size:12px;font-weight:700;color:#656d76;margin-right:10px;white-space:nowrap;';
398+
var html = '<div style="display:flex;align-items:center;flex-wrap:wrap;margin-bottom:4px;">';
399+
html += '<span style="' + labelStyle + '">Category:</span>';
395400
filters.forEach(function (f, i) {
396401
var isActive = i === 0;
397402
html += '<button class="probe-cat-btn" data-idx="' + i + '" style="' + btnStyle

0 commit comments

Comments
 (0)