page

`gy-services-list-page`

Tier-5 fully-realised composition: the reference shape for the services-index surface. Renders a hero with H1 + lead, a four-card KPI strip, and a 12-row services index with leading status dots. Ships with a frozen SERVICES_LIST_PAGE_SAMPLE_DATA showcase so the canon catalogue paints the same pixels every redeploy; consumers MAY override via the `data` prop for live-data wrappers. Svelte-native per ADR-182 — composes GyPageHero, KpiCard, GyListRow, and GyDot without a Lit web-component wrapper.

Live

What you ship.

Services

All services across the fleet.

A fully-realised services-index composition with sample data — the reference shape for the operator services surface. Page primitives compose organisms + molecules into the operator-visible layout that a route mounts.

12 services

4 projects

2 red · needs attention

1 amber · degraded

Services index

service-1 Project A green · running service-2 Project A red · 2 errors service-3 Project A green · running service-4 Project B green · running service-5 Project B amber · slow service-6 Project B green · running service-7 Project C green · running service-8 Project C green · running service-9 Project C red · failing service-10 Project D green · running service-11 Project D green · running service-12 Project D green · running

Markup

<script>
  import GyServicesListPage from '@gyrum-labs/svelte/pages/services-list-page/GyServicesListPage.svelte';
</script>

<GyServicesListPage />

Prop space

Tier page

Tag gy-services-list-page

Prop	Type	Default	Description
`data`	`ServicesListPageSampleData`	`SERVICES_LIST_PAGE_SAMPLE_DATA`	Override the showcase sample. Defaults to `SERVICES_LIST_PAGE_SAMPLE_DATA` — the canon-authored, frozen, deterministic set that drives the canon catalogue specimen. Most consumers leave this undefined.

Where this lives

import GyServicesListPage from '@gyrum-labs/svelte/pages/services-list-page/GyServicesListPage.svelte';

Owner: gyrum-ui
Build state: registered-missing-dist