feat(dashboard): time range filter for operational metrics (30d/90d/6m/1y/all)
Aegis CI / lint-and-test (push) Waiting to run
Snyk Security Scan / Python vulnerabilities (backend) (push) Waiting to run
Snyk Security Scan / npm vulnerabilities (frontend) (push) Waiting to run
Snyk Security Scan / Docker image vulnerabilities (backend) (push) Waiting to run

This commit is contained in:
kitos
2026-06-19 10:41:22 +02:00
parent 4e71217dd7
commit bb8b9a6a72
4 changed files with 156 additions and 137 deletions
+20 -12
View File
@@ -19,8 +19,11 @@ from app.dependencies.auth import get_current_user
# Import User from app.models.user # Import User from app.models.user
from app.models.user import User from app.models.user import User
from datetime import datetime, date
# Import from app.services.operational_metrics_service # Import from app.services.operational_metrics_service
from app.services.operational_metrics_service import ( from app.services.operational_metrics_service import (
get_all_operational_metrics,
get_metrics_by_team, get_metrics_by_team,
get_operational_trend, get_operational_trend,
) )
@@ -33,18 +36,20 @@ router = APIRouter(prefix="/metrics/operational", tags=["operational-metrics"])
@router.get("") @router.get("")
# Define function operational_metrics
def operational_metrics( def operational_metrics(
# Entry: db
db: Session = Depends(get_db), db: Session = Depends(get_db),
# Entry: current_user
current_user: User = Depends(get_current_user), current_user: User = Depends(get_current_user),
since: str | None = Query(None, description="ISO date YYYY-MM-DD — filter metrics to tests on or after this date"),
) -> dict: ) -> dict:
"""Get all operational metrics (MTTD, MTTR, etc.) — cached for 5 min.""" """Get all operational metrics (MTTD, MTTR, etc.). Uses cache when no time filter is set."""
# Import get_operational_metrics_cached from app.services.score_cache if since:
from app.services.score_cache import get_operational_metrics_cached try:
since_dt = datetime.combine(date.fromisoformat(since), datetime.min.time())
except ValueError:
since_dt = None
return get_all_operational_metrics(db, since_dt)
# Return get_operational_metrics_cached(db) from app.services.score_cache import get_operational_metrics_cached
return get_operational_metrics_cached(db) return get_operational_metrics_cached(db)
@@ -70,13 +75,16 @@ def operational_trend(
@router.get("/by-team") @router.get("/by-team")
# Define function metrics_by_team
def metrics_by_team( def metrics_by_team(
# Entry: db
db: Session = Depends(get_db), db: Session = Depends(get_db),
# Entry: current_user
current_user: User = Depends(get_current_user), current_user: User = Depends(get_current_user),
since: str | None = Query(None, description="ISO date YYYY-MM-DD — filter to tests on or after this date"),
) -> dict: ) -> dict:
"""Get metrics broken down by Red Team vs Blue Team.""" """Get metrics broken down by Red Team vs Blue Team."""
# Return get_metrics_by_team(db) since_dt = None
return get_metrics_by_team(db) if since:
try:
since_dt = datetime.combine(date.fromisoformat(since), datetime.min.time())
except ValueError:
pass
return get_metrics_by_team(db, since_dt)
@@ -61,7 +61,7 @@ def _safe_stats(values: list[float]) -> dict:
# ── MTTD (Mean Time to Detect) ─────────────────────────────────────── # ── MTTD (Mean Time to Detect) ───────────────────────────────────────
def calculate_mttd(db: Session) -> Optional[dict]: def calculate_mttd(db: Session, since: Optional[datetime] = None) -> Optional[dict]:
"""Calculate Mean Time to Detect. """Calculate Mean Time to Detect.
Uses direct timestamp fields on the Test record: Uses direct timestamp fields on the Test record:
@@ -71,14 +71,13 @@ def calculate_mttd(db: Session) -> Optional[dict]:
MTTD = blue_started_at - red_started_at - red_paused_seconds MTTD = blue_started_at - red_started_at - red_paused_seconds
Represents how long Red Team spent executing before Blue received the test. Represents how long Red Team spent executing before Blue received the test.
""" """
tests = ( q = db.query(Test).filter(
db.query(Test)
.filter(
Test.red_started_at.isnot(None), Test.red_started_at.isnot(None),
Test.blue_started_at.isnot(None), Test.blue_started_at.isnot(None),
) )
.all() if since:
) q = q.filter(Test.red_started_at >= since)
tests = q.all()
# Assign detection_times = [] # Assign detection_times = []
detection_times = [] detection_times = []
@@ -95,7 +94,7 @@ def calculate_mttd(db: Session) -> Optional[dict]:
# ── MTTR (Mean Time to Respond/Remediate) ───────────────────────────── # ── MTTR (Mean Time to Respond/Remediate) ─────────────────────────────
def calculate_mttr(db: Session) -> Optional[dict]: def calculate_mttr(db: Session, since: Optional[datetime] = None) -> Optional[dict]:
"""Calculate Mean Time to Respond. """Calculate Mean Time to Respond.
Redefined as total pipeline time from attack start to full validation: Redefined as total pipeline time from attack start to full validation:
@@ -104,17 +103,14 @@ def calculate_mttr(db: Session) -> Optional[dict]:
Represents how long the full security testing cycle takes end-to-end. Represents how long the full security testing cycle takes end-to-end.
Only uses tests that have been fully validated (both sides approved). Only uses tests that have been fully validated (both sides approved).
""" """
tests = ( q = db.query(Test).filter(
db.query(Test)
# Chain .filter() call
.filter(
Test.state == TestState.validated, Test.state == TestState.validated,
Test.red_started_at.isnot(None), Test.red_started_at.isnot(None),
Test.blue_validated_at.isnot(None), Test.blue_validated_at.isnot(None),
) )
# Chain .all() call if since:
.all() q = q.filter(Test.red_started_at >= since)
) tests = q.all()
# Assign response_times = [] # Assign response_times = []
response_times = [] response_times = []
@@ -132,7 +128,7 @@ def calculate_mttr(db: Session) -> Optional[dict]:
# ── Detection Efficacy ─────────────────────────────────────────────── # ── Detection Efficacy ───────────────────────────────────────────────
def calculate_detection_efficacy(db: Session) -> dict: def calculate_detection_efficacy(db: Session, since: Optional[datetime] = None) -> dict:
"""Calculate detection efficacy: detected / total validated tests. """Calculate detection efficacy: detected / total validated tests.
Args: Args:
@@ -143,13 +139,10 @@ def calculate_detection_efficacy(db: Session) -> dict:
``not_detected``, and ``total``. ``not_detected``, and ``total``.
""" """
# Assign validated_tests = ( # Assign validated_tests = (
validated_tests = ( _vq = db.query(Test).filter(Test.state == TestState.validated)
db.query(Test) if since:
# Chain .filter() call _vq = _vq.filter(Test.created_at >= since)
.filter(Test.state == TestState.validated) validated_tests = _vq.all()
# Chain .all() call
.all()
)
# Assign total = len(validated_tests) # Assign total = len(validated_tests)
total = len(validated_tests) total = len(validated_tests)
@@ -324,7 +317,7 @@ def calculate_coverage_velocity(db: Session) -> dict:
# ── Validation Throughput ──────────────────────────────────────────── # ── Validation Throughput ────────────────────────────────────────────
def calculate_validation_throughput(db: Session) -> dict: def calculate_validation_throughput(db: Session, since: Optional[datetime] = None) -> dict:
"""Pipeline Conversion Rate — activity-based, no time dependency. """Pipeline Conversion Rate — activity-based, no time dependency.
Measures what percentage of tests that have entered the validation Measures what percentage of tests that have entered the validation
@@ -336,21 +329,23 @@ def calculate_validation_throughput(db: Session) -> dict:
0% = nothing has been validated yet. 0% = nothing has been validated yet.
Lower = backlog or quality issues blocking approvals. Lower = backlog or quality issues blocking approvals.
""" """
_since_filter = [Test.created_at >= since] if since else []
validated_count = ( validated_count = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
.filter(Test.state == TestState.validated) .filter(Test.state == TestState.validated, *_since_filter)
.scalar() .scalar()
) or 0 ) or 0
rejected_count = ( rejected_count = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
.filter(Test.state == TestState.rejected) .filter(Test.state == TestState.rejected, *_since_filter)
.scalar() .scalar()
) or 0 ) or 0
in_review_count = ( in_review_count = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
.filter(Test.state == TestState.in_review) .filter(Test.state == TestState.in_review, *_since_filter)
.scalar() .scalar()
) or 0 ) or 0
@@ -386,7 +381,7 @@ def calculate_validation_throughput(db: Session) -> dict:
# ── Rejection Rate ────────────────────────────────────────────────── # ── Rejection Rate ──────────────────────────────────────────────────
def calculate_rejection_rate(db: Session) -> dict: def calculate_rejection_rate(db: Session, since: Optional[datetime] = None) -> dict:
"""Calculate rejection rate, broken down by red_lead and blue_lead. """Calculate rejection rate, broken down by red_lead and blue_lead.
Args: Args:
@@ -397,65 +392,45 @@ def calculate_rejection_rate(db: Session) -> dict:
(red-lead rejection percentage), and ``by_blue_lead`` (red-lead rejection percentage), and ``by_blue_lead``
(blue-lead rejection percentage). (blue-lead rejection percentage).
""" """
# Assign validated_count = ( _sf = [Test.created_at >= since] if since else []
validated_count = ( validated_count = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call .filter(Test.state == TestState.validated, *_sf)
.filter(Test.state == TestState.validated)
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign rejected_count = (
rejected_count = ( rejected_count = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call .filter(Test.state == TestState.rejected, *_sf)
.filter(Test.state == TestState.rejected)
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign total = validated_count + rejected_count
total = validated_count + rejected_count total = validated_count + rejected_count
# Assign overall_pct = round((rejected_count / total) * 100, 1) if total > 0 else 0
overall_pct = round((rejected_count / total) * 100, 1) if total > 0 else 0 overall_pct = round((rejected_count / total) * 100, 1) if total > 0 else 0
# By red_lead (red_validation_status == "rejected")
red_rejected = ( red_rejected = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call .filter(Test.red_validation_status == "rejected", *_sf)
.filter(Test.red_validation_status == "rejected")
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign red_total = (
red_total = ( red_total = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call .filter(Test.red_validation_status.in_(["approved", "rejected"]), *_sf)
.filter(Test.red_validation_status.in_(["approved", "rejected"]))
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign red_pct = round((red_rejected / red_total) * 100, 1) if red_total > 0 else 0
red_pct = round((red_rejected / red_total) * 100, 1) if red_total > 0 else 0 red_pct = round((red_rejected / red_total) * 100, 1) if red_total > 0 else 0
# By blue_lead
blue_rejected = ( blue_rejected = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call .filter(Test.blue_validation_status == "rejected", *_sf)
.filter(Test.blue_validation_status == "rejected")
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign blue_total = (
blue_total = ( blue_total = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call .filter(Test.blue_validation_status.in_(["approved", "rejected"]), *_sf)
.filter(Test.blue_validation_status.in_(["approved", "rejected"]))
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign blue_pct = round((blue_rejected / blue_total) * 100, 1) if blue_total > 0 else 0
blue_pct = round((blue_rejected / blue_total) * 100, 1) if blue_total > 0 else 0 blue_pct = round((blue_rejected / blue_total) * 100, 1) if blue_total > 0 else 0
# Return { # Return {
@@ -472,7 +447,7 @@ def calculate_rejection_rate(db: Session) -> dict:
# ── Aggregated Operational Metrics ─────────────────────────────────── # ── Aggregated Operational Metrics ───────────────────────────────────
def get_all_operational_metrics(db: Session) -> dict: def get_all_operational_metrics(db: Session, since: Optional[datetime] = None) -> dict:
"""Return all operational metrics combined in a single response. """Return all operational metrics combined in a single response.
Args: Args:
@@ -483,22 +458,14 @@ def get_all_operational_metrics(db: Session) -> dict:
``alert_fidelity``, ``coverage_velocity``, ``alert_fidelity``, ``coverage_velocity``,
``validation_throughput``, and ``rejection_rate`` keys. ``validation_throughput``, and ``rejection_rate`` keys.
""" """
# Return {
return { return {
# Literal argument value "mttd": calculate_mttd(db, since),
"mttd": calculate_mttd(db), "mttr": calculate_mttr(db, since),
# Literal argument value "detection_efficacy": calculate_detection_efficacy(db, since),
"mttr": calculate_mttr(db), "alert_fidelity": calculate_alert_fidelity(db), # TestDetectionResult, no created_at filter
# Literal argument value "coverage_velocity": calculate_coverage_velocity(db), # uses its own 12-week window
"detection_efficacy": calculate_detection_efficacy(db), "validation_throughput": calculate_validation_throughput(db, since),
# Literal argument value "rejection_rate": calculate_rejection_rate(db, since),
"alert_fidelity": calculate_alert_fidelity(db),
# Literal argument value
"coverage_velocity": calculate_coverage_velocity(db),
# Literal argument value
"validation_throughput": calculate_validation_throughput(db),
# Literal argument value
"rejection_rate": calculate_rejection_rate(db),
} }
@@ -583,7 +550,7 @@ def get_operational_trend(db: Session, period: str = "90d") -> list:
# ── By Team ────────────────────────────────────────────────────────── # ── By Team ──────────────────────────────────────────────────────────
def get_metrics_by_team(db: Session) -> dict: def get_metrics_by_team(db: Session, since: Optional[datetime] = None) -> dict:
"""Return metrics broken down by Red vs Blue team. """Return metrics broken down by Red vs Blue team.
Args: Args:
@@ -594,33 +561,30 @@ def get_metrics_by_team(db: Session) -> dict:
``tests_completed``, ``avg_completion_hours``, and ``tests_completed``, ``avg_completion_hours``, and
``rejection_rate``. ``rejection_rate``.
""" """
_sf = [Test.created_at >= since] if since else []
# Red team metrics # Red team metrics
red_tests_completed = ( red_tests_completed = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call
.filter(Test.state.in_([ .filter(Test.state.in_([
TestState.blue_evaluating, TestState.blue_evaluating,
TestState.in_review, TestState.in_review,
TestState.validated, TestState.validated,
TestState.rejected, TestState.rejected,
])) ]), *_sf)
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Assign red_avg_time = None
red_avg_time = None red_avg_time = None
# Assign red_times = []
red_times = [] red_times = []
# Red team avg execution time: red_started_at → blue_started_at (net of paused) # Red team avg execution time: red_started_at → blue_started_at (net of paused)
tests_with_red = ( _rq = db.query(Test).filter(
db.query(Test)
.filter(
Test.red_started_at.isnot(None), Test.red_started_at.isnot(None),
Test.blue_started_at.isnot(None), Test.blue_started_at.isnot(None),
) )
.all() if since:
) _rq = _rq.filter(Test.red_started_at >= since)
tests_with_red = _rq.all()
# Iterate over tests_with_red # Iterate over tests_with_red
for t in tests_with_red: for t in tests_with_red:
gross = (t.blue_started_at - t.red_started_at).total_seconds() gross = (t.blue_started_at - t.red_started_at).total_seconds()
@@ -635,33 +599,23 @@ def get_metrics_by_team(db: Session) -> dict:
# Blue team: count tests that reached the blue evaluation phase # Blue team: count tests that reached the blue evaluation phase
blue_tests_completed = ( blue_tests_completed = (
db.query(func.count(Test.id)) db.query(func.count(Test.id))
# Chain .filter() call
.filter(Test.state.in_([ .filter(Test.state.in_([
TestState.in_review, TestState.in_review,
TestState.validated, TestState.validated,
TestState.rejected, TestState.rejected,
])) ]), *_sf)
# Chain .scalar() call
.scalar() .scalar()
) or 0 ) or 0
# Blue avg evaluation time:
# Prefer blue_work_started_at (actual pick-up) → blue_validated_at.
# Fall back to blue_started_at if blue_work_started_at is not set.
blue_avg_time = None blue_avg_time = None
# Assign blue_times = []
blue_times = [] blue_times = []
# Assign tests_with_blue = ( _bq = db.query(Test).filter(
tests_with_blue = (
db.query(Test)
# Chain .filter() call
.filter(
Test.blue_started_at.isnot(None), Test.blue_started_at.isnot(None),
Test.blue_validated_at.isnot(None), Test.blue_validated_at.isnot(None),
) )
# Chain .all() call if since:
.all() _bq = _bq.filter(Test.blue_started_at >= since)
) tests_with_blue = _bq.all()
# Iterate over tests_with_blue # Iterate over tests_with_blue
for t in tests_with_blue: for t in tests_with_blue:
phase_start = t.blue_work_started_at or t.blue_started_at phase_start = t.blue_work_started_at or t.blue_started_at
@@ -685,15 +639,12 @@ def get_metrics_by_team(db: Session) -> dict:
# Literal argument value # Literal argument value
"avg_completion_hours": red_avg_time, "avg_completion_hours": red_avg_time,
"avg_unit": "min" if (red_avg_raw is not None and red_avg_raw < 1) else "hrs", "avg_unit": "min" if (red_avg_raw is not None and red_avg_raw < 1) else "hrs",
"rejection_rate": calculate_rejection_rate(db)["by_red_lead"], "rejection_rate": calculate_rejection_rate(db, since)["by_red_lead"],
}, },
# Literal argument value
"blue_team": { "blue_team": {
# Literal argument value
"tests_completed": blue_tests_completed, "tests_completed": blue_tests_completed,
# Literal argument value
"avg_completion_hours": blue_avg_time, "avg_completion_hours": blue_avg_time,
"avg_unit": "min" if (blue_avg_raw is not None and blue_avg_raw < 1) else "hrs", "avg_unit": "min" if (blue_avg_raw is not None and blue_avg_raw < 1) else "hrs",
"rejection_rate": calculate_rejection_rate(db)["by_blue_lead"], "rejection_rate": calculate_rejection_rate(db, since)["by_blue_lead"],
}, },
} }
+8 -4
View File
@@ -85,8 +85,10 @@ export interface TeamMetrics {
// ── API Functions ──────────────────────────────────────────────────── // ── API Functions ────────────────────────────────────────────────────
export async function getOperationalMetrics(): Promise<OperationalMetrics> { export async function getOperationalMetrics(since?: string): Promise<OperationalMetrics> {
const { data } = await client.get<OperationalMetrics>("/metrics/operational"); const { data } = await client.get<OperationalMetrics>("/metrics/operational", {
params: since ? { since } : undefined,
});
return data; return data;
} }
@@ -99,7 +101,9 @@ export async function getOperationalTrend(
return data; return data;
} }
export async function getMetricsByTeam(): Promise<TeamMetrics> { export async function getMetricsByTeam(since?: string): Promise<TeamMetrics> {
const { data } = await client.get<TeamMetrics>("/metrics/operational/by-team"); const { data } = await client.get<TeamMetrics>("/metrics/operational/by-team", {
params: since ? { since } : undefined,
});
return data; return data;
} }
+61 -5
View File
@@ -1,4 +1,4 @@
import { useEffect } from "react"; import { useEffect, useState, useMemo } from "react";
import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"; import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { import {
@@ -141,9 +141,29 @@ function KPICard({
// ── Main Component ────────────────────────────────────────────────── // ── Main Component ──────────────────────────────────────────────────
type TimeRange = "30d" | "90d" | "6m" | "1y" | "all";
const TIME_RANGE_OPTIONS: { value: TimeRange; label: string; days: number | null }[] = [
{ value: "30d", label: "Last 30 days", days: 30 },
{ value: "90d", label: "Last 90 days", days: 90 },
{ value: "6m", label: "Last 6 months", days: 182 },
{ value: "1y", label: "Last 12 months",days: 365 },
{ value: "all", label: "All time", days: null },
];
function sinceDate(days: number | null): string | undefined {
if (!days) return undefined;
const d = new Date(Date.now() - days * 86400_000);
return d.toISOString().split("T")[0];
}
export default function ExecutiveDashboardPage() { export default function ExecutiveDashboardPage() {
const navigate = useNavigate(); const navigate = useNavigate();
const [timeRange, setTimeRange] = useState<TimeRange>("all");
const rangeOption = TIME_RANGE_OPTIONS.find((o) => o.value === timeRange)!;
const since = useMemo(() => sinceDate(rangeOption.days), [rangeOption]);
const { data: orgScore, isLoading: loadingScore } = useQuery({ const { data: orgScore, isLoading: loadingScore } = useQuery({
queryKey: ["org-score"], queryKey: ["org-score"],
queryFn: getOrganizationScore, queryFn: getOrganizationScore,
@@ -155,13 +175,13 @@ export default function ExecutiveDashboardPage() {
}); });
const { data: opMetrics, isLoading: loadingMetrics } = useQuery({ const { data: opMetrics, isLoading: loadingMetrics } = useQuery({
queryKey: ["operational-metrics"], queryKey: ["operational-metrics", since],
queryFn: getOperationalMetrics, queryFn: () => getOperationalMetrics(since),
}); });
const { data: teamMetrics } = useQuery({ const { data: teamMetrics } = useQuery({
queryKey: ["team-metrics"], queryKey: ["team-metrics", since],
queryFn: getMetricsByTeam, queryFn: () => getMetricsByTeam(since),
}); });
const { data: tacticCoverage } = useQuery({ const { data: tacticCoverage } = useQuery({
@@ -276,6 +296,7 @@ export default function ExecutiveDashboardPage() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
{/* Header */} {/* Header */}
<div className="flex flex-wrap items-start justify-between gap-4">
<div> <div>
<h1 className="text-2xl font-bold text-white">Executive Dashboard</h1> <h1 className="text-2xl font-bold text-white">Executive Dashboard</h1>
<p className="mt-1 text-sm text-gray-400"> <p className="mt-1 text-sm text-gray-400">
@@ -283,6 +304,24 @@ export default function ExecutiveDashboardPage() {
</p> </p>
</div> </div>
{/* Time range filter */}
<div className="flex items-center gap-1.5 rounded-xl border border-gray-800 bg-gray-900 p-1">
{TIME_RANGE_OPTIONS.map((opt) => (
<button
key={opt.value}
onClick={() => setTimeRange(opt.value)}
className={`rounded-lg px-3 py-1.5 text-xs font-medium transition-colors ${
timeRange === opt.value
? "bg-cyan-600 text-white"
: "text-gray-400 hover:text-white"
}`}
>
{opt.label}
</button>
))}
</div>
</div>
{/* Section 1: Score Card + Sub-scores */} {/* Section 1: Score Card + Sub-scores */}
<div className="grid grid-cols-1 gap-6 lg:grid-cols-4"> <div className="grid grid-cols-1 gap-6 lg:grid-cols-4">
<div className="rounded-xl border border-gray-800 bg-gray-900 p-6 lg:col-span-1 flex flex-col items-center justify-center"> <div className="rounded-xl border border-gray-800 bg-gray-900 p-6 lg:col-span-1 flex flex-col items-center justify-center">
@@ -363,6 +402,12 @@ export default function ExecutiveDashboardPage() {
{/* Section 3: Team Performance */} {/* Section 3: Team Performance */}
{teamMetrics && ( {teamMetrics && (
<div>
{timeRange !== "all" && (
<p className="mb-2 text-xs text-cyan-400/70">
Operational metrics filtered to: <span className="font-medium text-cyan-400">{rangeOption.label}</span>
</p>
)}
<div className="grid grid-cols-1 gap-4 lg:grid-cols-2"> <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
{/* Red Team */} {/* Red Team */}
<div className="rounded-xl border border-gray-800 bg-gray-900 p-4"> <div className="rounded-xl border border-gray-800 bg-gray-900 p-4">
@@ -426,6 +471,7 @@ export default function ExecutiveDashboardPage() {
</div> </div>
</div> </div>
</div> </div>
</div>
)} )}
{/* Section 4: Threat Actor Exposure vs Detection Strength */} {/* Section 4: Threat Actor Exposure vs Detection Strength */}
@@ -570,6 +616,15 @@ export default function ExecutiveDashboardPage() {
})()} })()}
{/* Section 4: Operational KPIs */} {/* Section 4: Operational KPIs */}
<div>
<div className="mb-2 flex items-center justify-between">
<h2 className="text-sm font-semibold text-gray-400 uppercase tracking-wider">Operational KPIs</h2>
{timeRange !== "all" && (
<span className="rounded-full border border-cyan-500/30 bg-cyan-500/10 px-2.5 py-0.5 text-xs text-cyan-400">
{rangeOption.label}
</span>
)}
</div>
<div className="grid grid-cols-2 gap-4 lg:grid-cols-4"> <div className="grid grid-cols-2 gap-4 lg:grid-cols-4">
<KPICard <KPICard
label="MTTD" label="MTTD"
@@ -597,6 +652,7 @@ export default function ExecutiveDashboardPage() {
tooltip={{ description: "Percentage of tests that have entered the validation phase and been successfully approved. Formula: Validated ÷ (Validated + Rejected + In Review) × 100.", context: "100% = all reviewed tests approved. < 60% = quality or process issues. High backlog (many In Review) lowers this score." }} tooltip={{ description: "Percentage of tests that have entered the validation phase and been successfully approved. Formula: Validated ÷ (Validated + Rejected + In Review) × 100.", context: "100% = all reviewed tests approved. < 60% = quality or process issues. High backlog (many In Review) lowers this score." }}
/> />
</div> </div>
</div>
{/* Section 5: Coverage by Tactic */} {/* Section 5: Coverage by Tactic */}
<div className="rounded-xl border border-gray-800 bg-gray-900 p-4"> <div className="rounded-xl border border-gray-800 bg-gray-900 p-4">