user ui

Author: pranavcodeant

src/components/ScanCenter.js

@@ -153,7 +153,7 @@ function ErrorView({ message, onBack, canGoBack }) {
 
 // ─── Main ScanCenter ─────────────────────────────────────────────────────────
 
-export default function ScanCenter() {
+export default function ScanCenter({ filterDismissed = false, includeFalsePositives = true }) {
   const { exit } = useApp();
 
   const [step, setStep] = useState(STEPS.LOADING);
@@ -198,7 +198,7 @@ export default function ScanCenter() {
 
   // ── Step 5: result type selected → fetch exactly one endpoint ──
   const handleSelectResultType = (item) =>
-    _handleSelectResultType({ STEPS, item, selectedRepo, selectedScan, setSelectedResultType, setStep, setLoadingMsg, setError, setResults });
+    _handleSelectResultType({ STEPS, item, selectedRepo, selectedScan, setSelectedResultType, setStep, setLoadingMsg, setError, setResults, filterDismissed, includeFalsePositives });
 
   // ── Back navigation ──
   const goBack = {

src/index.js

@@ -211,8 +211,13 @@ program
   program
     .command('scan-center')
     .description('Browse scan results interactively')
-    .action(() => {
-      render(React.createElement(ScanCenter));
+    .option('--filter-dismissed', 'Exclude dismissed alerts from results (default: false)')
+    .option('--no-false-positives', 'Exclude false positives from results (default: included)')
+    .action((options) => {
+      render(React.createElement(ScanCenter, {
+        filterDismissed: options.filterDismissed ?? false,
+        includeFalsePositives: options.falsePositives ?? true,
+      }));
     });
 
   program

src/scanCenter/handleSelectResultType.js

@@ -2,20 +2,21 @@ import { fetchScanResults } from '../scans/fetchScanResults.js';
 import { fetchAdvancedScanResults } from '../scans/fetchAdvancedScanResults.js';
 import { fetchDismissedAlerts } from '../scans/fetchDismissedAlerts.js';
 
-export async function handleSelectResultType({ STEPS, item, selectedRepo, selectedScan, setSelectedResultType, setStep, setLoadingMsg, setError, setResults }) {
+export async function handleSelectResultType({ STEPS, item, selectedRepo, selectedScan, setSelectedResultType, setStep, setLoadingMsg, setError, setResults, filterDismissed = false, includeFalsePositives = true }) {
   const rt = item.value;
   setSelectedResultType(rt);
   setStep(STEPS.LOADING);
   setLoadingMsg(`Fetching ${item.label}…`);
 
   const repo = selectedRepo.full_name;
   const commitId = selectedScan.commitId;
+  const fetchOpts = { filterDismissed, includeFalsePositives };
   let res;
 
   if (rt.kind === 'basic') {
-    res = await fetchScanResults(repo, commitId, rt.value);
+    res = await fetchScanResults(repo, commitId, rt.value, fetchOpts);
   } else if (rt.kind === 'advanced') {
-    res = await fetchAdvancedScanResults(repo, commitId, rt.value);
+    res = await fetchAdvancedScanResults(repo, commitId, rt.value, fetchOpts);
   } else if (rt.value === 'dismissed_alerts') {
     const r = await fetchDismissedAlerts(repo, 'security');
     res = r.success ? { success: true, issues: r.dismissedAlerts } : r;

src/scans/fetchAdvancedScanResults.js

@@ -200,9 +200,12 @@ function normalizeAdvancedIssue(item, resultType) {
  * @param {string} repo       - "org/repo-name"
  * @param {string} commitId   - 40-char commit SHA
  * @param {string} resultType - one of ADVANCED_RESULT_TYPES values
+ * @param {{ filterDismissed?: boolean, includeFalsePositives?: boolean }} [opts]
  * @returns {Promise<{ success: boolean, issues?: Array, healthyPackages?: Array, status?: string, error?: string }>}
  */
-export async function fetchAdvancedScanResults(repo, commitId, resultType) {
+export async function fetchAdvancedScanResults(repo, commitId, resultType, opts = {}) {
+  const { filterDismissed = false, includeFalsePositives = true } = opts;
+
   if (!Object.values(ADVANCED_RESULT_TYPES).includes(resultType)) {
     return {
       success: false,
@@ -215,6 +218,8 @@ export async function fetchAdvancedScanResults(repo, commitId, resultType) {
       repo,
       commit_id: commitId,
       result_type: resultType,
+      filter_dismissed: filterDismissed,
+      include_false_positives: includeFalsePositives,
     });
 
     if (!response) {

src/scans/fetchScanResults.js

@@ -49,9 +49,12 @@ function extractCleanPath(fullPath, commitId, suffix = null) {
  * @param {string} repo      - "org/repo-name"
  * @param {string} commitId  - 40-char commit SHA
  * @param {string} resultType - one of VALID_RESULT_TYPES values
+ * @param {{ filterDismissed?: boolean, includeFalsePositives?: boolean }} [opts]
  * @returns {Promise<{ success: boolean, issues?: Array, status?: string, error?: string }>}
  */
-export async function fetchScanResults(repo, commitId, resultType) {
+export async function fetchScanResults(repo, commitId, resultType, opts = {}) {
+  const { filterDismissed = false, includeFalsePositives = true } = opts;
+
   if (!Object.values(VALID_RESULT_TYPES).includes(resultType)) {
     return {
       success: false,
@@ -64,6 +67,8 @@ export async function fetchScanResults(repo, commitId, resultType) {
       repo,
       commit_id: commitId,
       result_type: resultType,
+      filter_dismissed: filterDismissed,
+      include_false_positives: includeFalsePositives,
     });
 
     if (!response) {

src/utils/fetchApi.js

@@ -22,6 +22,7 @@ const fetchApi = async (endpoint, method = 'GET', body = null) => {
   }
 
   try {
+    console.error(`API Request: ${url} ${method} ${JSON.stringify(body)}`);
     const response = await fetch(url, options);
 
     if (response.status === 403) {