---
title: "Status page"
description: "Kilnwork's status site: the open incident or all clear, uptime bars per component, API response time from the Pro charts and past incidents by day."
plan: Pro
docs: https://ui.edbn.me/docs/templates/status-page
---

# Status page

Kilnwork's status site: the open incident or all clear, uptime bars per component, API response time from the Pro charts and past incidents by day.

The status site's own header (Kilnwork Status, a link to the help centre and Subscribe to updates) sits over the marketing footer. Subscribe to updates opens a panel inline under the header, with tabs for email (a Pro form that refuses an address already on the list), a webhook (an https endpoint and an email for failed deliveries) and the RSS and Atom feeds with copy buttons; Escape or Close folds it away and returns focus. The page's h1 is the current state: an open incident from the incident-banner block, with its stage, newest update, what it affects, start and update times in UTC and the earlier updates folded under it, or All systems operational with when it was last checked. Three sections follow, each heading on the left from 1024px. Uptime is the uptime-bars block over 30 or 90 days, one tab stop with arrow keys and a tooltip per day; a pinned day links down to its updates. API response time draws the median and the dashed 95th percentile over 24 hours with the Pro line chart, loaded lazily behind a skeleton of its height, beside the figures in words. Past incidents lists a week by day from the status-timeline block, with No incidents reported on quiet days and Show the week before. The sample opens with payouts delayed and Payments degraded; without it, all systems are operational. Dates come from fixed UTC strings, never the clock, and every section lays out by its own width, so the page holds at 1440, 1024, 768 and 390.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/status-page
```

## Dependencies
- npm: lucide-react@^1.33.0, zod@^4.3.5
- edbn: edbn-base, badge, button, collapsible, field, input-group, separator, skeleton, spinner, tabs, text-link, timeline, toggle-group, tooltip, echarts-chart, echarts-line-chart, form-core, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More site pages templates

All 6, with install commands: https://ui.edbn.me/docs/templates/site-pages (Markdown: https://ui.edbn.me/docs/templates/site-pages.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt