Goal
Add small category badges to result rows so users can scan the list faster.
A row already has a category internally, but the visible row mostly shows path, size, and reasons. A small badge like Browser cache, Build artifact, or Temporary files would make the list easier to understand.
Suggested starting point
Files:
app/src/App.jsx
app/src/styles.css
The labels already exist:
const CATEGORY_LABEL = {
browser_cache: "Browser cache",
build_artifact: "Build artifacts",
temp_file: "Temporary files",
};
A simple row addition could be:
<span className="category-badge">{CATEGORY_LABEL[f.category] ?? f.category}</span>
Acceptance criteria
- Each finding row shows a readable category badge.
- The badge is visually quiet and does not crowd the path.
- Existing app tests/build continue to pass.
Goal
Add small category badges to result rows so users can scan the list faster.
A row already has a category internally, but the visible row mostly shows path, size, and reasons. A small badge like
Browser cache,Build artifact, orTemporary fileswould make the list easier to understand.Suggested starting point
Files:
The labels already exist:
A simple row addition could be:
Acceptance criteria