The whole dashboard — every page under one sidebar, the sample data they read — is one command. Or take a page at a time: each one brings the sidebar with it.
npx shadcn@latest add @vibra/engineering/engineeringEngineering dashboardnpx shadcn@latest add @vibra/engineering-overview/engineering/monitoringMonitoring consolenpx shadcn@latest add @vibra/engineering-monitoring/engineering/incidentsIncident consolenpx shadcn@latest add @vibra/engineering-incidents/engineering/alertsAlerts consolenpx shadcn@latest add @vibra/engineering-alerts/engineering/logsLog consolenpx shadcn@latest add @vibra/engineering-logs/statusPublic status pagenpx shadcn@latest add @vibra/engineering-statusSingle cards cut from these pages, each installed on its own.
npx shadcn@latest add @vibra/widget-engineering-overview-engineering-statsDeploy frequency, lead time, change failure rate and time to restore over the last thirty days, a thin median saying how many incidents it stands on; reads engineeringStats().
npx shadcn@latest add @vibra/widget-engineering-overview-deploy-frequencyProduction deploys a week over the last twelve, the ones that shipped clean against the ones that failed on the way out; reads deploysByWeek().
npx shadcn@latest add @vibra/widget-engineering-overview-deploys-timelineThe last six production releases, newest first, each with its commit, branch, author, how long it ran and how it ended; reads productionTimeline().
npx shadcn@latest add @vibra/widget-engineering-overview-recent-deploymentsThe last eight deploys to any environment, with the commit, branch, status, author, pipeline time and when each started; reads recentDeployments().
npx shadcn@latest add @vibra/widget-engineering-overview-open-prsWhat is waiting for review, oldest first, each with its checks, author, size and how many approvals it has; reads openPullRequests().
npx shadcn@latest add @vibra/widget-engineering-monitoring-latency-chartp50, p95 and p99 by hour of day over every timed request in the gateway log, and the band p95 stayed inside; reads latency().
npx shadcn@latest add @vibra/widget-engineering-monitoring-resource-gaugesCPU, memory and disk across the ingest fleet right now, each gauge turning at its own warning and danger lines; reads resources().
npx shadcn@latest add @vibra/widget-engineering-monitoring-uptime-panelNinety days, a bar a day, for the three services that had the worst of it, each with the availability its probes measured; reads uptime().
npx shadcn@latest add @vibra/widget-engineering-monitoring-region-listWhere traffic is served from, the troubled regions first, each with how many services it runs and its worst uptime today; reads regions().
npx shadcn@latest add @vibra/widget-engineering-monitoring-error-heatmapThe errors the gateway logged by weekday and hour, UTC, and the worst block of the week; reads errorGrid().
npx shadcn@latest add @vibra/widget-engineering-monitoring-incidents-panelOpen incidents first, then the ones that closed most recently, each with its severity, stage and the services it hit; reads incidents().
npx shadcn@latest add @vibra/widget-engineering-monitoring-service-logsThe tail of the gateway's stream, newest at the bottom, filterable by level and text and following new lines; reads logLines().
npx shadcn@latest add @vibra/widget-engineering-incidents-on-call-cardWho holds the pager — the primary, the secondary and the escalation — and how many incidents each has commanded this quarter; reads onCall().
npx shadcn@latest add @vibra/widget-engineering-status-service-uptimeEvery service with its state now and ninety days of availability behind it, a strip each over one shared date legend; reads services().
npx shadcn@latest add @vibra/widget-engineering-status-incident-historyThe last fourteen days of closed incidents with the updates their responders published, each run of quiet days folded into one line; reads incidentHistory().
Every figure on these pages is read from these repositories of the sample store. Swap one for your own API and each page that reads it follows.