Skip to content

RHEcosystemAppEng/sast-ai-frontend

Repository files navigation

SAST AI Monitoring Dashboard

Build Dev Image Build Release Image Quay.io

A real-time monitoring dashboard for tracking SAST (Static Application Security Testing) jobs, batches, and OSH scans processed by the SAST AI Orchestrator.

Features

  • Live Dashboard — Real-time metrics for jobs, batches, and scans with auto-updating summary cards
  • WebSocket Updates — Instant UI updates when job statuses change (no manual refresh needed)
  • Job Activity Graph — 24-hour timeline visualization of job status trends
  • Filterable Tables — Search and paginate through jobs, batches, and OSH scans
  • Tekton Integration — Direct links to pipeline runs for each job

Quick Start

Prerequisites: Node.js 18+ and npm

npm install

# Configure environment
cp .env.example .env
# Edit .env with your orchestrator URLs

npm start
# Open http://localhost:3000

Screenshots

Dashboard Overview

More screenshots

Jobs Table Jobs Table

OSH Scans Table OSH Scans

Development

npm start              # Dev server with hot reload
npm test               # Run tests
npm run build          # Production build

Configuration

Create a .env file:

REACT_APP_ORCHESTRATOR_API_URL=http://localhost:8080/api/v1
REACT_APP_WS_URL=ws://localhost:8080/ws/dashboard

Tech Stack

React 18 • TypeScript • PatternFly 5 • Recharts • Axios

Documentation

Document Description
Deployment Guide Kubernetes/OpenShift deployment, Helm, health checks
Architecture Internal architecture, WebSocket messages, state management
Release Management CI/CD pipelines, versioning, production releases
Contributing How to contribute to this project

Links

License

See LICENSE file.

About

No description, website, or topics provided.

Resources

License

Contributing

Stars

2 stars

Watchers

0 watching

Forks

Packages

 
 
 

Contributors