RecordSummary

Dominant record or event summary with compact responsive composition.

framework/ui ↗

Live

SEV-1 active

INC-2841 · Payments

Checkout latency is elevated

Card authorizations are slower than normal while the payments team validates the latest mitigation.

Live bridge · Mina leads
Mina ChenMina ChenDevon ParkDevon ParkAiko TanAiko Tan
Open incident
Impact
32%
checkout requests
Started
13:42 UTC
32 min ago
p95 latency
1.4 s
down from 1.6 s
Services
3
2 recovering
Open
32 min
since 13:42 UTC
Commander: Mina Chen · Updated 2 min ago

Example

ui.RecordSummary(ui.RecordSummaryConfig{
    Eyebrow: "INC-2841 · Payments",
    Title: "Checkout latency is elevated",
    Status: ui.StatusBadge(ui.StatusBadgeConfig{Label: "SEV-1 active", Variant: ui.StatusDanger}),
    Highlight: ui.Callout(ui.CalloutConfig{Title: "Next decision · 14:30 UTC"}, render.Text("Rollback if latency stays high.")),
    Metrics: ui.MetricBand(ui.MetricBandConfig{Items: []ui.MetricBandItem{
        {Label: "Impact", Value: "32%", Hint: "checkout requests"},
        {Label: "p95 latency", Value: "1.4 s", Hint: "down from 1.6 s"},
    }}),
    Aside: ui.Muted(render.Text("Mina leads · 6 responders live")),
    Actions: ui.Cluster(ui.ClusterConfig{Gap: ui.GapSM},
        ui.LinkButton(ui.LinkButtonConfig{Label: "Open incident", Href: "/incidents/2841"}),
        ui.Button(ui.ButtonConfig{Label: "Join bridge", Variant: ui.ButtonSecondary}),
        ui.Button(ui.ButtonConfig{Label: "Acknowledge", Variant: ui.ButtonGhost}),
    ),
})