# Operations Services Health Grid

Microservice health with SLOs.

- id: `operations-services-health-grid`
- Page: https://agentic-ui-kit.com/components/operations-services-health-grid
- Live preview: https://agentic-ui-kit.com/internal-operations-public/services?piece=operations-services-health-grid

## Install

```bash
agentic-ui add operations-services-health-grid
npx shadcn@4.17.0 add @agentic-ui/operations-services-health-grid
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** uptime-bars-90-days, slo-attainment, latency-error-rate, status-control, issue-filter, linked-incidents, loading-skeleton
- **Intents:** monitor-live, track-status, configure
- **Suits domains:** devops-status, operations, devtools, saas, logistics
- **Interaction:** filter, select, keyboard-navigation
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** microservice health with SLOs, status of logistics hubs, components of an internal status page
- **Avoid when:** high-frequency time series, a single boolean indicator
- **Preserve when adapting:** uptime-bar-grammar, slo-met-breached-semantics
- **Replace when adapting:** metrics, service-catalog, thresholds
- **Adaptation effort:** medium
- **Coupling:** medium
- **Quality score:** 8.3/10
- **Quality breakdown:** visual 9/10, responsive 8/10, accessibility 8/10, code 8/10
- **Uses primitives:** button, card
- **npm dependencies:** lucide-react, @agentic-ui/feedback-status-page, @agentic-ui/motion
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** Internal Operations — public status variant (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** feedback-status-page, lib-motion, lib-motion-list, lib-motion-micro-interactions, lib-motion-modal-enter, lib-primitives, motion-skeleton-shimmer, motion-tab-indicator