Status Page

Страница статуса: общий баннер, аптайм за 90 дней, инциденты и подписка. Pro · Разработчикам › Сервис и релизы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add status-page

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { StatusPage } from 'valyro-ui-pro';

Prop	Type	Default
`services` *	`StatusService[]`		Services listed with their current status and daily uptime bars; the worst status sets the banner.
`incidents`	`StatusIncident[]`	`[]`	Incidents; open ones are pinned above the services, closed ones are listed under Past incidents.
`title`	`ReactNode`		Page title, e.g. a product name with a logo.
`status`	`'operational' \| 'degraded' \| 'partial' \| 'major' \| 'maintenance'`		Overall status in the banner. Default: the worst current service status.
`days`	`number`	`90`	Days of history per service. Narrow layouts show the last 60 or 30. Default 90.
`updatedAt`	`DateInput`		When the data was last refreshed; shown in the banner.
`onSubscribe`	`(email: string) => Promise<unknown> \| unknown`		Shows the subscribe button; called with the email. May return a promise; a rejection shows an error.
`headingLevel`	`2 \| 3 \| 4 \| 5`	`2`	Level of the page title; section titles are one level below. Default 2.
`locale`	`string`		BCP 47 locale for dates and numbers. Default: the `ThemeProvider` locale, then the browser's.
`labels`	`Partial<StatusPageLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Storage Usage — Хранилище: занятое место по категориям и действия по очистке
Download Center — Выгрузки: типы файлов, размер, срок ссылки и повторный запрос
Feature Flag Simulator — Превью продукта при разных фичефлагах и сегментах, без доступа к продакшену
Code Block — Код с подсветкой
Diff Viewer — Дифф нескольких файлов: список со статистикой, unified и split, подсветка слов
Log Viewer — Потоковые логи: уровни, поиск с подсветкой, слежение за хвостом, JSON-строки
Request Inspector — Журнал HTTP-запросов: фильтры, заголовки, тела и водопад таймингов
API Key Manager — API-ключи: создание с правами и сроком, показ секрета один раз, отзыв
Api Playground — Песочница API: модель, параметры, промпты и запрос/ответ в JSON
Webhook Endpoints — Вебхуки: адреса, события, включение и доля доставок
Certificate List — Сертификаты SSL/TLS: срок до истечения, автопродление, легенда