Files
git.stella-ops.org/docs/features/unchecked/web/unified-audit-log-viewer.md

2.2 KiB

Unified Audit Log Viewer

Module

Web

Status

IMPLEMENTED

Description

Cross-module unified audit log viewer with config diff viewer (Monaco-based), event correlation timeline, anomaly detection highlights, and timeline search.

Implementation Details

  • Feature directory: src/Web/StellaOps.Web/src/app/features/audit-log/
  • Routes: audit-log.routes.ts
  • Components:
    • audit-anomalies (src/Web/StellaOps.Web/src/app/features/audit-log/audit-anomalies.component.ts)
    • audit-authority (src/Web/StellaOps.Web/src/app/features/audit-log/audit-authority.component.ts)
    • audit-correlations (src/Web/StellaOps.Web/src/app/features/audit-log/audit-correlations.component.ts)
    • audit-event-detail (src/Web/StellaOps.Web/src/app/features/audit-log/audit-event-detail.component.ts)
    • audit-export (src/Web/StellaOps.Web/src/app/features/audit-log/audit-export.component.ts)
    • audit-integrations (src/Web/StellaOps.Web/src/app/features/audit-log/audit-integrations.component.ts)
    • audit-log-dashboard (src/Web/StellaOps.Web/src/app/features/audit-log/audit-log-dashboard.component.ts)
    • audit-log-table (src/Web/StellaOps.Web/src/app/features/audit-log/audit-log-table.component.ts)
    • audit-policy (src/Web/StellaOps.Web/src/app/features/audit-log/audit-policy.component.ts)
    • audit-timeline-search (src/Web/StellaOps.Web/src/app/features/audit-log/audit-timeline-search.component.ts)
    • audit-vex (src/Web/StellaOps.Web/src/app/features/audit-log/audit-vex.component.ts)
  • Source: SPRINT_20251229_028_FE_unified_audit_log_viewer

E2E Test Plan

  • Setup:
    • Log in with a user that has appropriate permissions
    • Navigate to /admin/audit
    • Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
  • Core verification:
    • Verify the component renders correctly with sample data
    • Verify interactive elements respond to user input
    • Verify data is fetched and displayed from the correct API endpoints
  • Edge cases:
    • Verify graceful handling when backend API is unavailable (error state)
    • Verify responsive layout at different viewport sizes
    • Verify accessibility (keyboard navigation, screen reader labels, ARIA attributes)