feat(pagespeed): render page load filmstrip between hero and metrics

Horizontal scrollable filmstrip showing page rendering progression
with timing labels. Appears between the score hero and metrics card.
This commit is contained in:
Usman Baig
2026-03-22 19:43:44 +01:00
parent 50960d0556
commit fcbf21b715
2 changed files with 26 additions and 0 deletions

View File

@@ -26,6 +26,11 @@ export interface AuditSummary {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export type AuditDetailItem = Record<string, any>
export interface FilmstripFrame {
timing: number
data: string
}
export interface PageSpeedCheck {
id: string
site_id: string
@@ -42,6 +47,7 @@ export interface PageSpeedCheck {
tti_ms: number | null
audits: AuditSummary[] | null
screenshot?: string | null
filmstrip?: FilmstripFrame[] | null
triggered_by: 'scheduled' | 'manual'
checked_at: string
}