# Szablon obrazka OG: Komunikat o awarii

Komunikat ze strony statusu: kolorowa krawędź dla bieżącego stanu, tytuł incydentu, kroki obsługi i najnowsza aktualizacja.

- Slug: `incident-update`
- Preview (real render): https://shareglint.com/storage/template-previews/incident-update.jpg
- Page: https://shareglint.com/pl/templates/incident-update

Dla firm SaaS, hostingu i narzędzi do stron statusu, które informują o awarii albo pracach serwisowych. Pole `status` ustala kolor (czerwony, pomarańczowy, niebieski, zielony albo fioletowy) i to, ile kroków jest podświetlonych; prace serwisowe mają własne trzy kroki. Do pięciu komponentów pokazuje się jako plakietki, resztę liczy „+N”, a tekst aktualizacji jest przycinany. W szerokich kadrach i kwadracie kroki biegną w poprzek z aktualizacją pod nimi; w pionie schodzą w dół, a aktualizacja stoi pod bieżącym krokiem.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł incydentu. (domyślnie: Service disruption) | Elevated error rates on image renders |
| `service` | tekst | Nazwa produktu lub usługi na plakietce marki. | Northwind Cloud |
| `status` | tekst | Jeden z: investigating, identified, monitoring, resolved, maintenance. (domyślnie: investigating) | monitoring |
| `update` | tekst | Najnowsza aktualizacja, w ramce. | A fix is live on the render pool. Error rates are back to normal and we are watching the queue. |
| `started` | tekst | Początek incydentu, np. 26 paź 2026 · 08:12 UTC. | Oct 26, 2026 · 08:12 UTC |
| `components` | tekst | Dotknięte komponenty rozdzielone `;`, np. API renderów;Webhooki. Do pięciu plakietek. | Render API;Webhooks;Dashboard |
| `site` | tekst | Adres strony statusu. | status.northwind.dev |
| `logo` | adres obrazka | Logo usługi, okrągłe. | https://example.com/images/logo-northwind.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #4f46e5) | #4f46e5 |
| `theme` | dark | light | Schemat kolorów: dark albo light. (domyślnie: light) | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "incident-update",
    "modifications": {
        "title": "Elevated error rates on image renders",
        "service": "Northwind Cloud",
        "status": "monitoring",
        "update": "A fix is live on the render pool. Error rates are back to normal and we are watching the queue.",
        "started": "Oct 26, 2026 · 08:12 UTC",
        "components": "Render API;Webhooks;Dashboard",
        "site": "status.northwind.dev",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/incident-update/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```