feat(pagespeed): add screenshot display and expandable diagnostics

- Page screenshot thumbnail next to score gauges
- Expandable audit rows with description and detail items table
- Shows URLs, HTML snippets, wasted bytes/ms for each failing element
- AuditRow component replaces flat diagnostic rows
This commit is contained in:
Usman Baig
2026-03-22 18:54:45 +01:00
parent 2fd9bf82f1
commit b0e6db36a1
2 changed files with 104 additions and 42 deletions

View File

@@ -20,8 +20,12 @@ export interface AuditSummary {
display_value?: string
savings_ms?: number
category: 'opportunity' | 'diagnostic' | 'passed'
details?: AuditDetailItem[]
}
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export type AuditDetailItem = Record<string, any>
export interface PageSpeedCheck {
id: string
site_id: string
@@ -37,6 +41,7 @@ export interface PageSpeedCheck {
si_ms: number | null
tti_ms: number | null
audits: AuditSummary[] | null
screenshot?: string | null
triggered_by: 'scheduled' | 'manual'
checked_at: string
}