Storage Usage

Storage: usage by category and cleanup actions. Pro · Developer tools › Operations and releases

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add storage-usage

npm install valyro-ui-pro

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

Prop	Type	Default
`categories` *	`StorageCategory[]`		What takes the space.
`capacity` *	`number`		Capacity in bytes.
`plan`	`ReactNode`		Line under the title: "Pro plan — 100 GB total".
`icon`	`ReactNode`		Icon before the title.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (default 2).
`locale`	`string`		BCP 47 locale for sizes.
`labels`	`Partial<StorageUsageLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Status Page — Status page: overall banner, 90-day uptime, incidents and subscriptions
Download Center — Exports: file types, size, link expiry and re-request
Feature Flag Simulator — Preview the product under different feature flags and segments, no production access
Code Block — Syntax-highlighted code
Diff Viewer — Multi-file diff: file list with stats, unified and split views, word highlights
Log Viewer — Streaming logs: levels, highlighted search, tail follow, JSON lines
Request Inspector — HTTP request log: filters, headers, bodies and a timing waterfall
API Key Manager — API keys: create with scopes and expiry, show the secret once, revoke
Api Playground — API playground: model, parameters, prompts and JSON request/response
Webhook Endpoints — Webhooks: endpoints, events, toggles and delivery rate
Certificate List — SSL/TLS certificates: time to expiry, auto-renewal, legend