fix(badges): aggregate incident timeline status count (#27)

* fix: aggregate timeline status badges

Show one badge per status in incident timeline cards and append the total count for repeated statuses.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* fix(badges): preserve timeline status phases

Previously status badges were counted globally, which could hide repeated
non-contiguous incident phases. This commit summarizes only consecutive
runs and keeps malformed status sequences from breaking card rendering.

- Make `summarizeStatuses` ignore non-array inputs
- Collapse adjacent duplicate statuses while preserving timeline order
- Keep repeated phase transitions visible in incident cards

---------

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: mr.Shu <mr@shu.io>

Author: 3 people

site/app.js

@@ -129,6 +129,22 @@ const formatTime = (date) =>
 const incidentStartDate = (incident) =>
   incident.downtime_start ? new Date(incident.downtime_start) : new Date(incident.published_at);
 
+const summarizeStatuses = (statuses = []) => {
+  if (!Array.isArray(statuses)) return [];
+
+  return statuses.filter(Boolean).reduce((summary, status) => {
+    const previous = summary[summary.length - 1];
+
+    if (previous?.status === status) {
+      previous.count += 1;
+    } else {
+      summary.push({ status, count: 1 });
+    }
+
+    return summary;
+  }, []).map(({ status, count }) => (count > 1 ? `${status} (${count})` : status));
+};
+
 const parseJSONL = (text) =>
   text
     .split(/\r?\n/)
@@ -1265,7 +1281,7 @@ const renderIncidentCard = (incident, compact = false) => {
 
   const timeline = document.createElement('div');
   timeline.className = 'timeline';
-  (incident.status_sequence || []).forEach((status) => {
+  summarizeStatuses(incident.status_sequence).forEach((status) => {
     const pill = document.createElement('span');
     pill.textContent = status;
     timeline.appendChild(pill);